Beginner's Guide to Profile Coding [#2 - completed!!!]

Let's see how many votes we can get! :3

+1	100.0%	[ 1280 ]
Total Votes:			[ 1280 ]

[Professional Sinner]

Brink Kale

Set the height and / or width of the sections in question and then set the overflow to "auto".

how do i go about writing the code for that neutral
and also could you take a look at my profile and tell me what's wrong with the contact bar/wishlist?
sorry if im asking too many questions >.<

[Brink Kale]

I don't see any code for your "#bar" so if you could elaborate on the issue you are having with that? As for your wishlist, set the height and overflow if you want it to retain a certain boundary.

An example of what I said in my previous post in code would be

Code

section
{ width: 100px; height: 100px; overflow: auto;}

Change all values as you see fit.

[Professional Sinner]

Brink Kale

I don't see any code for your "#bar" so if you could elaborate on the issue you are having with that? As for your wishlist, set the height and overflow if you want it to retain a certain boundary.

An example of what I said in my previous post in code would be

Code

section
{ width: 100px; height: 100px; overflow: auto;}

Change all values as you see fit.

well i figured out the scrolling,thank you ^^
As for the contact bar...if i move the #about then the bar moves too...
and even if i move it in itself...it stays stacked like(some buttons over others etc)so how do i fix that?

[Brink Kale]

That is because the #bar is a part of the #about section. To move the entire bar, you will want to set the position to anything but "static" and use the top and left on the "#bar" selector. You can also do the same to the sub sections within the "#bar" section itself to move those.

To have the section retain a "straight line" make the width of the "#bar" selector bigger.

[Professional Sinner]

Brink Kale

That is because the #bar is a part of the #about section. To move the entire bar, you will want to set the position to anything but "static" and use the top and left on the "#bar" selector. You can also do the same to the sub sections within the "#bar" section itself to move those.

To have the section retain a "straight line" make the width of the "#bar" selector bigger.

ok thank you...

[Professional Sinner]

how do you hide the top links on the about section?(guilds store etc links?)

[Brink Kale]

Set the "#about .links" selector to a display of "none".

[Rabbitron]

Hello again, would you know how to add a custom section?

[Brink Kale]

The guide you would be looking for is this one. =) Good luck.

[Rabbitron]

Thanks

[Stardust Disaster]

I'm having TWO problems.

1) I can not get rid of a gray line that borders the right side of my header.

and

2) I can't get get the backgrounds of the sections to be transparent. :/

Here's the code i've stared. Help me?

#content #main {border:none;}
#content {border-right:none;}
#site {margin-left:auto;margin-right:auto;}
#extendedProfileBody #header h1 {background:url(http://i166.photobucket.com/albums/u92/coconutpup/layout stuff/banner.png )}

body {background : url( http://i166.photobucket.com/albums/u92/coconutpup/layout stuff/bgvin02.gif )}

#about h2 {background : transparent ;}
#about {background : transparent ;}

[Stardust Disaster]

Thanks, but neither are working. It's really odd. :/

[Swell Sundae]

Stardust Disaster

Thanks, but neither are working. It's really odd. :/

Try this code instead. Some things were caused to the selector in general, not the downright specific of it. 3nodding

/*Main Background*/
body {background: url('http://i166.photobucket.com/albums/u92/coconutpup/layout stuff/bgvin02.gif')}
#site {margin-left:auto;margin-right:auto;border:none!important;width:760px;}
/*Header*/
#header{border:none;}
#extendedProfileBody #header h1 {width:760px;background:url('http://i166.photobucket.com/albums/u92/coconutpup/layout stuff/banner.png')no-repeat;border:none!important;}
/*Content*/
#content {border:none;background:transparent;}
.section, .section h2{background:transparent;}

[Stardust Disaster]

Thanks Sundae!
That fixes everything! >w<