Profile
Personal Photo

No Photo

Options
Custom Title
CODY CARSON. doesn't have a custom title currently.
Personal Info
Location: No Information
Born: No Information
Website: No Information
Interests
No Information
Other Information
Test: No Information
Statistics
Joined: 12/04/2013
Status: (Offline)
Last Seen: May 30 2017, 04:03 PM
Local Time: Jul 22 2017, 06:39 PM
33 posts (0 per day)
( 0.02% of total forum posts )
Contact Information
AIM No Information
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE No Information
Unread Message Message: Click here
Unread Message Email: Private
Signature
View Signature

CODY CARSON.

Members

Topics
Posts
Comments
Friends
Video
My Content
Apr 27 2017, 09:46 AM
All right, I recoded the main profile, using only the very, very base and revamped the entire thing. Should work perfect right? It looks exactly like I wanted it to except.....!

1. The fields are all out of whack. I even triple checked them, side by side. Each field should be in the right place, but it's not.
1a. It seems if I'm logged under my admin name the fields which are off are : rank, signs, and mature play
1b. If I am logged on under a non-admin name and looking at the profile for that character the things which are off kilter are: member group (shows up as rank/aff), sign (shows up as member group), rank/affiliation (shows up as mature play), nickname (shows up as full name), mature play (shows up as sign)

2. Can I get rid of the weird button over the mp3? I know using that code snippet I've been able to before, but for the life of me, I canna figure it out.

3. WHY WON'T THE AVATAR SHOW UP!? I put the <--|Avatar|--> thing in it. I even did the {{avatar}} thing. I even made a custom field for it. Still, no dice. http://files.b1.jcink.com/html/emoticons/sleep.gif

Note: Yes, I know I haven't used the new HTML templates. I can't figure out and I've beena way from coding long enough that it's like reading german on how to convert since I already converted to the new black css.

http://thingswelost.b1.jcink.com/index.php?showuser=1
http://thingswelost.b1.jcink.com/index.php?showuser=7
(link to the page I'm having issue with)
Jul 29 2016, 02:57 PM
Okay, so I've put this on a few resource sites and seem to get zero help. Whatevs, I'll bring it where I know people can halp and will respond. It's a hover ( I've only ever used fading hovers, not ones that slide up and down so this is new for me ) want ad.

Thing is, I want the gifs and their names to pop out of the dang thing and right now they're staggered under. I have like.. no idea how to fix it and am a complete loss. I'm sure it's something completely simple but.. I hope someone can help. I was trying for a completely different aesthetic and failed horribly, so I decided to just sorta.. do the solid border at the top rather than the angled.. triangle/or/chevron thing I wanted cause.. I'm dumb and had no idea what I was doing. (lol http://adesojiadegbulu.com/wp-content/uplo...m-doing-dog.jpg )

I haven't tested it on anything but scratchpad yet so here's the link to that. Let me know if it doesn't work.

http://scratchpad.io/narrow-destruction-8563

CODE
[dohtml]<style>
#ibtfybg1 {
width: 430px;
height: 300px;
padding: 20px;

background: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3950/3950517.png);
border: 10px solid #fff;
box-shadow: 1px 1px 2px #F7DAEF,
-1px -1px 2px #D3FCED; }

.ibtfybg2 {
width: 430px;
height: 300px;
background: #D5D5D5; }




#glide1 {
width: 210px;
height: 295px;
overflow: hidden; }

#glide1:hover .hover1 { top: 0px; }

.hover1 {
width: 210px;
height: 295px;
background-color: #efefef;
position: relative;
z-index: 1;
top: 285px;
border-top: 10px solid #D3FCED;
-webkit-transition-duration: .9s;
-moz-transition-duration: .9s;
-o-transition-duration: .9s; }


.glide1 {
width: 210px;
height: 295px;
overflow: hidden; }

.glide1:hover .hover2 { top: 0px; }

.hover2 {
width: 210px;
height: 285px;
background-color: #efefef;
position: relative;
top: -285px;
border-bottom: 10px solid #F7DAEF;
-webkit-transition-duration: .9s;
-moz-transition-duration: .9s;
-o-transition-duration: .9s; }


.ibtfybub1 img{
width: 75px;
height: 75px;
margin-top: -50px;
margin-left: -30px;
border: 6px solid #fff;
border-radius: 50%;
position: absolute; }

.ibtfyname1 {
width: 200px;
margin-top: -52px;
margin-left: 40px;
font-family: Amatic SC;
font-size: 50px;
color: #fff;
font-weight: 700;
text-shadow: 0px 0px 1px #000, 1px 1px #e572c3, 2px 2px #e572c3;
position: absolute;
z-index: 3; }


.ibtfybub2 img{
width: 75px;
height: 75px;
margin-top: 250px;
margin-left: 150px;
float: right;
border: 6px solid #fff;
border-radius: 50%;
position: absolute;
z-index: 2; }


.ibtfyname2 {
width: 200px;
margin-top: 270px;
margin-left: 10px;
float: left;
font-family: Amatic SC;
font-size: 50px;
color: #fff;
font-weight: 700;
text-shadow: 0px 0px 1px #000, 1px 1px #6ee5b9, 2px 2px #6ee5b9;
position: absolute;
z-index: 3; }



</style>

<center>
<div id='ibtfybg1'>

<div class='ibtfybg2'>
<table>
<tr><td>
<div id='glide1'>
<div style="width: 210px; height: 295px;
background-size: auto 295px;
background-position: center center;
background-image: url(http://iv1.lisimg.com/image/3790608/740full-chris-pratt.jpg);">

<div class='hover1'>
<div class='ibtfyname1'>Andy Dwyer</div>
<div class='ibtfybub1'>
<img src='https://65.media.tumblr.com/58a75a9bdf9f77518f7240c17763989d/tumblr_inline_o1r637casT1qzdapl_500.gif?'></img>
</div>
</div><td>






<div class='glide1'>
<div style="width: 290px; height: 295px;
background-size: auto 520px;
background-position: right top;
background-image: url(http://iv1.lisimg.com/image/6672623/740full-aubrey-plaza.jpg);">
<div class='hover2'>
<div class='ibtfyname2'>April Dwyer</div>
<div class='ibtfybub2'>
<img src='https://66.media.tumblr.com/7789831c2756faeb7907281262414361/tumblr_nttczo7nkJ1qcap07o1_400.gif'></img>
</div>
</div>




</td></tr>

</table>
</div></div>
</center>
<link href='https://fonts.googleapis.com/css?family=Amatic+SC:700' rel='stylesheet' type='text/css'>
[/dohtml]
Jul 10 2016, 02:55 AM
So, yea. I'm working on this tabbed tracker code. I can't figure out what the heck I am doing wrong. I know some of my padding is off, but aside from the opacity I set so I could tell the difference between pages, All three of them keep showing up. At the same time. Of course, not supposed to, lol. This is like the second time I've worked with tabs. And then it's only been horizontal. Can someone tell me what the heck I'm doing wrong and how to fix it?


CODE
[dohtml]<link href='https://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
<style>

.summer-cont {
 padding: 10px 10px;
 position: absolute;
 z-index: 2;
 margin-top: 10px;
 width: 380px;
 height: 175px;
 text-align: justify;
 font-family: source sans pro;
 font-size: 12px;
 color: #fff;
 line-height: 100%;
 overflow: auto;
 background: #000; }

.summer-head {
 margin: 5px 0px 0px 100px;
 font-family: pt sans narrow;
 font-size: 18px;
 color: #E2C6DA;
 position: absolute;
 z-index: 3;
 background: #fff;
 text-align: center;
 text-transform: uppercase;
 text-shadow: 1px 1px #fff, 2px 2px #F2E8E6;
 }

.sumline {
 width: 170px;
 margin-left: 85px;
   background: #fff;
 padding-bottom: 3px;
 position: absolute;
 z-index: 6;
 border-bottom: 3px double #E9F2E8;
 }
 
.summer-cont::-webkit-scrollbar {
 width: 3px; }
.summer-cont::-webkit-scrollbar-thumb {
 background: #5385b5; }
.summer-cont::-webkit-scrollbar-track {
 background: #5385b5;
 border; 1px solid #fefefe; }

.summertab { float: left; }
.summertab [type=radio] { display: none; }
.summertab [type=radio]:checked ~ label ~
.summer-body { z-index: 1; }

.summertab label {
 margin-right: 2px;
 position: absolute;
 border-top: 30px solid #ECF370;
 border-right: 30px solid rgba(0,0,0,0);
}

.summertab [type=radio]:checked ~ label {
 text-shadow: 1px 1px #f2f2f2 !important;
 border-top: 30px solid #E2C6DA;
 border-right: 30px solid rgba(0,0,0,0);
}

#summer-brights {
 margin-top: 20px;
 height: 250px;
 width: 400px;
 background: #fff;
 border: 3px double #F2E8E6;
}

#summer-brights img {
 width: 100px;
 height: 100px;
 margin: -20px;
 position: relative;
 z-index: 7;
 background-image: url(http://placehold.it/100);
 background-size: auto 100px;
 border: 7px solid #E2C6DA;
 border-radius: 50%;
 float: right;
 box-shadow: 1px 1px #CBCB47;
 }
 
#summer-brights .summer-name {
 width: 390px;
 margin: -25px 0px -10px 0px;
 font-family: Yellowtail;
 font-size: 42px;
 color: #E2C6DA;
 text-shadow: 1px 1px #fff, 2px 2px #F2E8E6;
 }

.summer-sub {
 width: 255px;
 margin-left: -80px;
 padding: 2px 0px;
 font-family: montserrat;
 font-size: 10px;
 color: #ECF370;
 word-spacing: 15px;
 }

.summer-sub a { color: #E2C6DA; text-decoration: none; }
.summer-sub a:hover { color: #CBCB47; text-decoration: none; }

</style>
<center>
<div id='summer-brights'>
<img src='https://66.media.tumblr.com/a57ebb8c3654f39dfaf76b2a837fa39d/tumblr_n9358t7MDF1ro48q1o1_500.gif'>
<div class='summer-name'>
alexis 'kit-cat' ren</div>
<div class='summer-sub'><a href=''>app</a>
| <a href=''>shipper</a>
| <a href=''>wanted</a></div>




<div class='summertab'>
<input type='radio' id='summertab-1' name='summertab-group-1' checked>
<label for='summertab-1' title='active' style='transform: rotate(0deg); margin-top: -39px; z-index: 9;'></label>
<div class='summer-body'>
<div class='summer-head'>active threads</div>
<div class='sumline'></div>
<div class='summer-cont'>
where:
 who


</div></div></div>




<div class='summertab'>
<input type='radio' id='summertab-2' name='summertab-group-1'>
<label for='summertab-2' title='tech' style='transform: rotate(270deg); margin-top: 181px; z-index: 8;'></label>
<div class='summer-body'><div class='summer-cont' style='background: #fff; opacity: .5;'>
<div class='summer-head'>active tech</div>
<div class='sumline'></div>
<div class='summer-cont'>
where:
 who


</div></div></div>



<div class='summertab'>
<input type='radio' id='summertab-3' name='summertab-group-1'>
<label for='summertab-3' title='dead' style='transform: rotate(180deg); margin: 181px 0px 0px 370px; z-index: 7;'></label>
<div class='summer-body'><div class='summer-cont' style='background: #fff; opacity: .5;'>
<div class='summer-head'>dead threads</div>
<div class='sumline'></div>
<div class='summer-cont'>
where:
 who


</div></div></div>
</center>[/dohtml]
Jun 24 2016, 03:25 PM
There is a cbox coded already into our skin, however words cannot explain how much I'm not fond of the one currently on our skin. There is a tabbed cbox I have used on a skin that I got the permission of the original coder, but I have absolutely no idea how to use it in the fashion I wish to use it. I want to have a font icon that is stationary somewhere on the site that toggles the cbox. A cbox which is tabbed. But I still don't really know how to do it. I've tried a dozen things, and it just doesn't work. I don't work much with toggles and just started to work with tabs.

my premium site http://bringmethehorizon.jcink.net/index.php

CODE

/**************************************
Tabbed Side Bar Coding
***************************************/
.sidebarone { width: 110px;  height: 80px; padding: 15px 4px 5px 6px; font-family: roboto; font-size: 14px; line-height: 120%; color: #5084b9; text-transform: uppercase; text-align: justify; font-weight: 700; text-shadow: 1px 1px #999; }

.sidebarone xx { font-size: 27px; letter-spacing: -1px; }

.sidebarone zz { display: block; margin: 6px 5px 0px; padding-top: 5px; text-align: center; font-size: 12px; border-top: 1px dotted #999; text-shadow: none; }

.sidebartwo { width: 88px; height: 88px; padding: 5px; background-color: #FFF; border: 1px solid #F3F3F3; }

.sidebartwo img { width: 86px; height: 86px; border: 1px solid #EEE; }

.cboxtab { float: left; }

.sidebarthree { position: relative; width: 220px; height: 320px; margin: 8px 0px 12px; background-color: #FFF; border-bottom: 1px dotted #999; }

.cboxtab label { display: block; font-family: roboto; font-size: 10px; line-height: 100%; color: #999; text-transform: uppercase; text-align: center; font-weight: 700; letter-spacing: 2px; padding: 0px 10px; position: relative; top: 325px; left: 30px; }

.cboxtab [type=radio] { display: none; }

.cboxcontent { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: transparent; opacity:0; filter: alpha(opacity=0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition-duration: .8s; -o-transition-duration: .8s; -moz-transition-duration: .8s; transition-duration: .8s; }

.cboxtab [type=radio]:checked ~ label { z-index: 2; color: #5084b9; }
[type=radio]:checked ~ label ~ .cboxcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }


css for cbox
CODE

<div id="sidebar"><div class="sidein"><table cellpadding="0" cellspacing="0"><tr><td class="sidebartwo">
<img src="http://placehold.it/86"></td><td class="sidebarone">
<a href="#" class="modal-link" data-modal-target="updatesmod" title="site updates">
click for site <xx>updates</xx></a><zz><a href="#top">scroll to top</a></zz></td>
</tr></table><div class="sidebarthree">

<div class="cboxtab"><input type="radio" id="cboxtab-1" name="cboxtab-group-1" checked>
<label for="cboxtab-1">chat</label><div class="cboxcontent">

OOC CHAT BOX GOES HERE<br>SEE CODING THREADS FOR ASSISTANCE

</div></div>
<div class="cboxtab"><input type="radio" id="cboxtab-2" name="cboxtab-group-1">
<label for="cboxtab-2">tags</label><div class="cboxcontent">

YOUR TAG BOX GOES HERE<br>SEE CODING THREADS FOR ASSISTANCE

</div></div>
<div class="cboxtab"><input type="radio" id="cboxtab-3" name="cboxtab-group-1">
<label for="cboxtab-3">icc</label><div class="cboxcontent">

IC CHAT BOX GOES HERE<br>SEE CODING THREADS FOR ASSISTANCE

</div></div>
</div></div></div>
Jun 18 2016, 06:57 AM
I was wondering if I could get another forum name open. It hasn't been touched since 2013. I wanted to use bringmethehorizon originally but it was taken and I had to use bringmethehorizonrp... which I'd rather not use, especially considering I am going to upgrade it to premium.
Last Visitors


Aug 6 2016, 09:53 PM




Jul 31 2016, 10:56 PM




Jun 19 2016, 02:41 PM



Comments
No comments posted.
Add Comment