Code to study from...
/* Body */
body { font-family:century gothic; background-image: url( ); background-repeat: repeat; background-attachment: fixed; background-position: right bottom;}
#content { background: transparent; font-family:century gothic; color:#ffffff; border:0px; }
/* Links */
#site a:link, a:link { color: orange; text-decoration: underline;}
#site a:hover, a:hover { color: burntorange; text-decoration: underline; }
#site a:visited, a:visited { color surprised range; text-decoration: underline; }
/* User Bar */
#profile #bar{background: transparent;}
#bar #onlineButton {background: url() no-repeat;}
#bar #offlineButton {background: url() no-repeat;}
#bar #hiddenButton {background: url() no-repeat;}
#profile #bar #addButton a {background: url( ); no-repeat;}
#profile #bar #addButton {background: transparent;}
#profile #bar #msgButton a {background: url() no-repeat;}
#profile #bar #msgButton {background: transparent; }
#profile #bar #tradeButton a {background: url() no-repeat;}
#profile #bar #tradeButton {background: transparent; }
#profile #bar #ignoreButton a {background: url() no-repeat;}
#profile #bar #ignoreButton {background:transparent;}
/* CAPTION */
.caption, .message { font-family:century gothic; color:#ffffff; }
.caption { border: 4px double #000000; background: url(;}
.caption2 { border: 4px double #000000; background: url();}
.caption:before { content: url(); background: transparent;}
.caption:after { content: url(); background: transparent;}
.caption2:after { content: url(); background: transparent;}
.caption .message { background: transparent;}
.caption2 .message { background: transparent;}
/* Profile */
#profile { background: transparent; font-family:century gothic; border:1px solid black; color:#ffffff; border-top:0px;}
#extendedProfileBody #header h1 { background: url(); font-family:century gothic; border:1px solid black; border-top:0px;}
#profile h2 { background: url() top left no-repeat; text-indent: 25px; font-family:century gothic;}
/* Details */
#details{ background:url(); font-family:century gothic; border:1px solid black; border-top:0px;}
#details h2{ background: url() top left no-repeat; text-indent: 25px; font-family:century gothic;}
/* Wishlist */
#wishlist { background:url( ); font-family:century gothic; border:1px solid black; border-top:0px;}
#wishlist h2 {background: url() top left no-repeat; text-indent: 25px; font-family:century gothic;}
/* About */
#about { background: url(); font-family:century gothic; border:1px solid black; border-top:0px;}
#about h2 { background: url() top left no-repeat; text-indent:350px; font-family:century gothic;}
/* Friends List */
#friends {background:url(); font-family:century gothic; border:1px solid black; border-top:0px;}
#friends h2 { background: url() top left no-repeat; text-indent:350px; font-family:century gothic;}
/* Journal */
#journal { background: url(); font-family:century gothic; border:1px solid black; border-top:0px;}
#journal h2 { background: url() top left no-repeat; text-indent:350px; font-family:century gothic;}
/* Multimedia */
#multimedia { background: url(); font-family:century gothic; border:1px solid black; border-top:0px;}
#multimedia h2 { background: url() top left no-repeat; text-indent:350px; font-family:century gothic;}
/* Comments */
#comments { background:transparent; font-family:century gothic; border:1px solid black; border-top:0px;}
#comments h2 { background: url() top left no-repeat; text-indent:350px; font-family:century gothic;}
/* Signature */
#signature { background: url(); font-family:century gothic; border:1px solid black; border-top:0px;}
#signature h2{ background: url() top left no-repeat; text-indent:400px; font-family:century gothic;}
 Samantha DiContalessa · Thu May 18, 2006 @ 08:58pm · 0 Comments |
