VISUAL ✿ Old School Beginner Guide

Did the "visual aid" help you?

Yes.	85.9%	[ 1786 ]
No.	14.1%	[ 292 ]
Total Votes:			[ 2078 ]

[Swell Sundae]

You're welcome ^_^ Thought you might want to change your top value to 319px, and your left value to 13px so it fits in the media box. =3 (It's waaaay off pointe!)

[TaylorTerrorizer]

*slowly learning how to create classic profiles*
D;

[XoBeautiful_IllusionXo]

i like this very much! Its helping alot (:

[cahpsule]

How do I make my profile have more space at the bottom?
I tried #content {margin-bottom: ##px; } but nothing happened.

[Brink Kale]

Try setting the height of your "body"

Example

Code

body
{ height: 1000px;}

[cahpsule]

Brink Kale

Try setting the height of your "body"

Example

Code

body
{ height: 1000px;}

Thanks!

[Bebbo]

I think I'm going to need a little bit of assistance. My custom button (comments button) isn't really showing... Well the hover image works and all but not the normal image (nonhover image).

This is the code I used for my about section:

#about {background:transparent top center
no-repeat;position:absolute;top:138px;left:541px;font-size:9pt;overflow:auto; overflow-x:hidden; overflow-y:hidden; height:310px; width:300px;}

#about ol {background-color:transparent;position:absolute;top:0px;left:10px;}
#about ol {background url(http://i559.photobucket.com/albums/ss39/xplay7/commentplay.png) no-repeat; height:146px;width:39px; font-size:8pt;color:#6f1c1c;}
#about ol img {opacity:0;filter: alpha(opacity=0)}
#about ol:hover img {opacity:1.00;filter: alpha(opacity=100)}

#about ol ol{ overflow-y:auto; padding-right:500px; background:transparent; height:205px;width:200px; top:50px;left:0px; font-size:8pt;color:#a01009;}

[Swell Sundae]

Bebbo

I think I'm going to need a little bit of assistance. My custom button (comments button) isn't really showing... Well the hover image works and all but not the normal image (nonhover image).

This is the code I used for my about section:

#about {background:transparent top center
no-repeat;position:absolute;top:138px;left:541px;font-size:9pt;overflow:auto; overflow-x:hidden; overflow-y:hidden; height:310px; width:300px;}

#about ol {background-color:transparent;position:absolute;top:0px;left:10px;}
#about ol {background url(http://i559.photobucket.com/albums/ss39/xplay7/commentplay.png) no-repeat; height:146px;width:39px; font-size:8pt;color:#6f1c1c;}
#about ol img {opacity:0;filter: alpha(opacity=0)}
#about ol:hover img {opacity:1.00;filter: alpha(opacity=100)}

#about ol ol{ overflow-y:auto; padding-right:500px; background:transparent; height:205px;width:200px; top:50px;left:0px; font-size:8pt;color:#a01009;}

Change this code:
#about ol {background url(http://i559.photobucket.com/albums/ss39/xplay7/commentplay.png) no-repeat; height:146px;width:39px; font-size:8pt;color:#6f1c1c;}
To this
#about ol {background: url(http://i559.photobucket.com/albums/ss39/xplay7/commentplay.png) no-repeat;width:146px;height:39px; font-size:8pt;color:#6f1c1c;}

You forgot a : after background, and to change the height and width values to what they should be. The added/changed parts are in red.

[Bebbo]

Swell Sundae

Bebbo

I think I'm going to need a little bit of assistance. My custom button (comments button) isn't really showing... Well the hover image works and all but not the normal image (nonhover image).

This is the code I used for my about section:

#about {background:transparent top center
no-repeat;position:absolute;top:138px;left:541px;font-size:9pt;overflow:auto; overflow-x:hidden; overflow-y:hidden; height:310px; width:300px;}

#about ol {background-color:transparent;position:absolute;top:0px;left:10px;}
#about ol {background url(http://i559.photobucket.com/albums/ss39/xplay7/commentplay.png) no-repeat; height:146px;width:39px; font-size:8pt;color:#6f1c1c;}
#about ol img {opacity:0;filter: alpha(opacity=0)}
#about ol:hover img {opacity:1.00;filter: alpha(opacity=100)}

#about ol ol{ overflow-y:auto; padding-right:500px; background:transparent; height:205px;width:200px; top:50px;left:0px; font-size:8pt;color:#a01009;}

Change this code:
#about ol {background url(http://i559.photobucket.com/albums/ss39/xplay7/commentplay.png) no-repeat; height:146px;width:39px; font-size:8pt;color:#6f1c1c;}
To this
#about ol {background: url(http://i559.photobucket.com/albums/ss39/xplay7/commentplay.png) no-repeat;width:146px;height:39px; font-size:8pt;color:#6f1c1c;}

You forgot a : after background, and to change the height and width values to what they should be. The added/changed parts are in red.

! It worked! Thank you!

[Centipedes In Utero]

Looks like a major headache. eek burning_eyes Dunno if I have the time or patience to create a profile from scratch. *sigh* Guess I'll just stick with the generator.

[Sweet Crys]

Gah! My profile .message isnt showing up! >o<

Need your help!

#profile {background: transparent; }
#profile .avatar {display:none;}
#profile ul.items {display:none;}

#profile .caption {position: absolute; left: 150px; top: 110px; width: 165px; background: none; border: none;font-size: 8pt; color: darkred; text-align: center;}

#profile #bar { background: none; }
#profile #bar #onlineButton,#profile #bar #offlineButton {display:none;}
#bar #ignoreButton a {display:none;}

[x - k a m u]

I'm working on my second profile theme and the gray line on the right of the extendedbodyheader is still showing up . I already disabled the borders . I'm not done with the theme yet, but here's my profile .

[spyroinc]

I did not understand the Postitioning part.
I want to move my multimedia next to my avi. But I don't know how
Help?

[yuinm]

/*Multimedia*/
#multimedia embed{height: 25px; width: 29px; postion: absolute; margin-top: -500px; margin-left: auto;}

This is x - k a m u 's mule . I also changed the width of the player so it's the right size ^^