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 ]

[Brink Kale]

The color of the scrollbars can only be seen in I.E, the base code should be ( taken from this page)

Code

scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f

Removing speech bubbles would be something along this line.

Code

#comments .caption, #comments .caption2
{ border: none;}

#comments .caption:before, #comments .caption:after, #comments .caption2:before, #comments .caption2:after
{ display: none;}

#comments .message
{ background: transparent;}

[couch crumbs]

@Brink- ty.

[Effie Trinkett]

How do I get rid of just the interests section of my details, if I can?

[Brink Kale]

This code should be what you need.

Code

#details h3, #details dl, #details hr
{ display: none;}

#details #stats
{ display: block !important;}

[Effie Trinkett]

Thank you!

[iScream fer Ice Cream]

Ok for some reason, I can't see the other half of my background. I can scroll to the bottom where the last section ends, but I can't see the other half of the background.
Heres the code

Quote:

/*Background*/
body
{background: url(http://i243.photobucket.com/albums/ff29/xx_heartless_fox_xx/Profile2-1.png) no-repeat;background-attachement:fixed;background-position:center; overflow-x: auto;}

#site {margin-left:auto;margin-right:auto;}

/*Profile*/
#profile .message {display:none;}
#profile h2 {display:none;}
#profile {background:transparent;}
#profile {position:absolute;top:150px; left: 120px;}


/*Bars*/
#bar #offlineButton {display:none;}
#bar #addButton {display:none;}
#bar #msgButton {display:none;}
#bar #ignoreButton {display:none;}
#bar #tradeButton {display:none;}
#bar {position:absolute; left:200px;top:38px}

/*Main Header*/
#header {display:none;}

/*Multimedia*/
#multimedia {display:none;}

/*Signature*/
#signature {display:none;}

/*Content*/
#content {background:transparent;}
#content #main {background:transparent;}
#content #main {border:none;}
#content {border-right:none;}

/*About*/
#about h2 {display:none;}
#about {display:none;}

/*Friends*/
#friends h2 {display:none;}
#friends {background:transparent;}
#friends {height:100px; width: 400px;}
#friends {position:absolute;top:485px;left:10px;}
#friends {overflow-x:auto;}

/*Details*/
#details {display:none;}

/*Wishlist*/
#wishlist {display:none;}

/*Journal*/
#journal {position:absolute;top:100px;left:90px}
#journal h2 {display:none;}
#journal {background:transparent;}
#journal {height:30px;}
#journal {overflow-x:auto;}

/*Comments*/
#comments {display:none;}

nvm I figured it out.

[Effie Trinkett]

Any idea why my profile is so screwed up (no background or header, overlapping sections) in IE while it works fine in Firefox? sweatdrop

[Brink Kale]

Try putting a space between the ending " wink " after your background url and the "top".

Example.
Change this

Code

body{ background: black url('http://i314.photobucket.com/albums/ll419/iheartnickj77/Backgrounds/Black-and-White.jpg')top left repeat;}

to this

Code

body{ background: black url('http://i314.photobucket.com/albums/ll419/iheartnickj77/Backgrounds/Black-and-White.jpg') top left repeat;}

[Effie Trinkett]

Thank you again! n.n

[Crimson Whirlwind]

i simply adore this guide (:

[Effie Trinkett]

I need to make the avatar images in the friend section smaller and I can't get the code to work.
Which one am I supposed to use? gonk

[Knight Yoshi]

l Casey l

I need to make the avatar images in the friend section smaller and I can't get the code to work.
Which one am I supposed to use? gonk

#friends #friendGroup li img {height: #px; width: #px;}

The default is I think 90x90.

[Effie Trinkett]

Thank you n.n
any way to make it scroll sideways instead of up and down?