Welcome to Gaia! :: View User's Journal | Gaia Journals

 
 

View User's Journal

Things i find important or interesting
my first profile layout
yey, my first layout. i think the programme is known only in england but it doesn't matter.
the programme is called smile on bbc2 in the weekend. please feel free to use this code and dont attempt to post it as your own on tektek as i have =D

remember, this profile is for 'old school' and set in custom themes.


User Image - Blocked by "Display Image" Settings. Click to show.


[size=9]/*Theme by lidol errorz*/
#profile #bar {position: absolute; top: 105px; left: 656px; overflow: auto; width: 220px;}

body {background: #fff
url(http://img375.imageshack.us/img375/4012/nonhomebgzs2.gif) center left fixed;
scrollbar-arrow-color: #000;
scrollbar-base-color: #686868;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #686868;
scrollbar-face-color: #686868;
scrollbar-shadow-color: #686868;
scrollbar-highlight-color: #686868;
scrollbar-3dlight-color: #000; margin: 0px;}

#content {border: 0px; position: absolute; top: 0px; left: 0px; background: transparent;}

#extendedProfileBody #header h1
{display:none;}

#profile
{
background: transparent;
border: 0px;
color: #000000; position:absolute; top:0px; left: 0px;
}
#profile .avatar {padding: 5px; border: 1px dashed #ff0000; filter: FlipH; position: absolute; top: 142px; left: 654px; background: #AD6DD5 url(http://img371.imageshack.us/img371/6072/smileyoupnlcbody1py5.gif) top right no-repeat;}
#profile ul.items {position: absolute; overflow: auto; top: 142px; left: 795px; width: 75px; height: 160px; overflow-x: hidden; border: 1px dashed #ff0000; background: #F59019;}

#profile .caption .message
{
position: left;
padding: 0 0 0 32px;
min-height: 45px;
margin: 10px -12px 0 0;
background: url() top left no-repeat;
font-size: 12px;
font-weight: bold;
left: -21px; width: 307px; max-width: 307px; overflow: auto;
}
#profile .caption
{
position: absolute; top: 142px; left: 334px; width: 307px; height: 55px; background: #AD6DD5 url(http://img371.imageshack.us/img371/1166/nevhead4dl8.gif) top left no-repeat; max-width: 307px; overflow:auto; overflow-x: hidden; border: 1px dashed #ff0000;
}

#profile h2
{
background: #B6F816 url(http://img485.imageshack.us/img485/8029/iconhomecj4.gif) top right no-repeat;
text-indent: 10px;
font-size: 10pt; color: #000; position: absolute; top: 89px; left: 345px; border: 1px dashed #ff0000; width: 307px; margin-top:10px; height: 30px; max-height: 30px; overflow: auto; overflow-x: hidden; overflow-y: hidden;
}

#details
{
background: #B6F816 url(http://img485.imageshack.us/img485/7066/nevnuggetsko5.jpg) no-repeat fixed;
border: 1px dashed #ff0000; position: absolute; overflow: auto; top: 316px; left: 655px; width: 196px; height: 125px; font-size: 7pt;
}

#details h2
{
display:none;
}

#wishlist
{
background: #AD6DD5 url(http://img485.imageshack.us/img485/1114/nevhead4ze2.gif)
border: 1px dashed #ff0000; position: absolute; overflow: auto; top: 463px; left: 655px; height: 93px; width: 196px; overflow-x:hidden;
}

#wishlist h2
{
display:none;
}

#about
{
background: #ff0000 url(http://img382.imageshack.us/img382/2426/smileyoupnlcbodynt1.gif) repeat; border: 1px dashed #ff0000; position: absolute; overflow: auto; top: 262px; left: 345px; width: 286px; padding-top: 5px; height: 300px;
}

#about h2
{
display:none;
}

#friends
{
background: #B6F816 url(lol) top left repeat-x;
border: 1px dashed #ff0000; position:absolute; top: 221px; left: 345px; width: 129px; max-width: 129px; height: 13px; max-height:13px; overflow: auto; overflow-x:hidden; overflow-y:hidden; padding-top: 5px;
}

#friends h2
{
display:none;
}

#friends #friendGroup li
{
display:none;
}

#journal
{
background: #ff6600 url(lol) top left repeat-x;
border: 1px dashed #ff0000; position:absolute; top: 221px; left: 503px; width: 129px; max-width: 129px; height: 13px; max-height:13px; overflow: auto; overflow-x:hidden; overflow-y:hidden; padding-top: 5px;
}

#journal h2
{
display:none;
}

#multimedia
{
background: #AD6DD5 url(http://img479.imageshack.us/img479/5964/nevhead4vd6.gif) repeat;
border: 1px dashed #ff0000;
position: absolute; top: 974px; left: 346px; width: 517px; height: 375px; overflow: auto; padding-top: 5px; alignment: middle; vertical-align: middle;
}

#multimedia h2
{
display:none;
}

#comments
{
background: #B6F816 url(http://img69.imageshack.us/img69/6021/nevheadye0.gif) repeat;
border: 1px dashed #ff0000; position: absolute; top: 591px; left: 346px; width: 517px; height: 355px; overflow: auto; padding-top: 5px;
}

#comments h2
{
display:none;
}


#signature
{
background: #FFF url(lol) top left repeat-x;
border: 1px solid #000000; display:none;
}

#signature h2
{
background: url(lol) top left no-repeat;
}

#profile a img {}
#profile a:hover img {}

#details a {color: #000; font-weight: bold; text-decoration: underline;}
#details a:hover {color: #000; font-weight: bold; text-decoration: line-through;}

#wishlist a {}
#wishlist a:hover {}

#about a {color: #000; font-weight: bold; text-decoration: underline;}
#about a:hover {color: #000; font-weight: bold; text-decoration: line-through;}

#friends a {color:#000; text-decoration: none; font-size: 10pt; margin-left: 9px;}
#friends a:hover {color:#000; text-decoration: none; font-size: 10pt; margin-left: 9px;}

#journal a {color:#000; text-decoration: none; font-size: 10pt; margin-left: 18px;}
#journal a:hover {color:#000; text-decoration: none; font-size: 10pt; margin-left: 18px;}

#comments a {color: #000; font-weight: bold; text-decoration: underline;}
#comments a:hover {color: #000; font-weight: bold; text-decoration: line-through;}

#signature a {}
#signature a:hover {}


.caption
{
border: 1px solid #000;
background: #AD6DD5;
}

.caption2
{
border: 1px solid #000;
background: #F59019;
}

#comments .caption .message
{
position: center;
padding: 0 0 0 32px;
min-height: 45px;
margin: 0 -12px 0 0;
background: url() top left no-repeat;
font-size: 12px;
font-weight: normal;
left: -21px;
}

#comments .caption2 .message
{
position: relative;
padding: 0 32px 0 0;
min-height: 45px;
margin: 0 0 0 -12px;
background: url() top right no-repeat;
font-size: 13px;
font-weight: normal;
}

#comments dl dt.avatar img {background: url(http://img482.imageshack.us/img482/3291/nevhead5er4.gif) left top no-repeat;}
#comments dl dt.avatar2 img {background: url(http://img482.imageshack.us/img482/3291/nevhead5er4.gif) right top no-repeat;}

#comments .caption:before {display: none; background: url('xxx') }
#comments .caption:after {display: none; background: url('xxx')}
#comments .caption2:before {display: none; background: url('xxx')}
#comments .caption2:after {display: none; background: url('xxx')}
#site .caption:before {display: none; background: url('xxx') }
#site .caption:after {display: none; background: url('xxx')}
#site .caption2:before {display: none; background: url('xxx')}
#site .caption2:after {display: none; background: url('xxx')}[/size]





 
 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum