Welcome to Gaia! ::

Reply Sticky Forum
okay...the basic coding for block

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Kekewey Saew

PostPosted: Tue Apr 04, 2006 5:09 pm


inyurbody {background:

url(http://**background image link**);}

.caption
{
border: 1px solid #7B3E3B;
background: #512827;
color: #D5B9A9;
}

.caption2
{
border: 1px solid #7B3E3B;
background: #512827;
color: #D5B9A9;
}


.caption .message
{
position: center;
padding: 0 0 0 32px;
min-height: 45px;
margin: 0 -12px 0 0;
background: url(**part of thought/speech bubble pointing at commenting avatar(left side)**)

top left no-repeat;
font-size: 12px;
font-weight: normal;
left: -21px;
font-face: tahoma;
}

.caption2 .message
{
position: relative;
padding: 0 32px 0 0;
min-height: 45px;
margin: 0 0 0 -12px;
background: url(http://**part of thought/speech bubble pointing at commenting avatar(right side)**)

top right no-repeat;
font-size: 13px;
font-weight: normal;
right: -22px;
}

#extendedProfileBody #header h1
{
background: url(http://**image at top of page**);
}

#content
{
background: #000000;
}


#profile
{
background: #000000

url(http://**header above your avatar**) top left

repeat-x;
border-right: 2px solid #7B3E3B;
border-bottom: 2px solid #7B3E3B;
border-left: 2px solid #7B3E3B;
}

#profile a:hover {background:

url(http://**background behind equipped item as it is hovered over**);}

#profile h2
{
background: url() top left no-repeat;
text-indent: 60px;
color: #D5B9A9;
font-face: georgia;
}

#wishlist
{
background: #000000

url(**header abover wishlist**) top left

repeat-x;
border-right: 2px solid #7B3E3B;
border-bottom: 2px solid #7B3E3B;
border-left: 2px solid #7B3E3B;
}

#wishlist a:hover {background:

url(http://**background behind wishlist item as it is hovered over**);}

#wishlist h2
{
background: url() top left no-repeat;
text-indent: 60px;
color: #D5B9A9;
font-face: georgia;
}

#details
{
background: #000000

url(http://**details header image**) top left

repeat-x;
border-right: 2px solid #7B3E3B;
border-bottom: 2px solid #7B3E3B;
border-left: 2px solid #7B3E3B;
font-size: 7pt; color: #D5B9A9;
}

#details h2
{
background: url() top left no-repeat;
text-indent: 60px;
color: #D5B9A9;
font-face: georgia;
}

#about
{
background: #000000

url(http://**about header image**) top left

repeat-x;
border-right: 2px solid #7B3E3B;
border-bottom: 2px solid #7B3E3B;
border-left: 2px solid #7B3E3B;
color: #D5B9A9;
}

#about a {color: #AF8C79; text-decoration: underline;}
#about a:hover {color: #AF8C79; text-decoration: line-through;}
#about a:active {color: #AF8C79; text-decoration: overline;}

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

#friends
{
background: #000000

url(http://**friends header image**) top left

repeat-x;
border-right: 2px solid #7B3E3B;
border-bottom: 2px solid #7B3E3B;
border-left: 2px solid #7B3E3B;
height: 1%; /* Holly Hack */
}

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

#friends #friendGroup li
{
float: left;
width: 110px;
height: 130px;
text-align: center;
border-right: 2px dashed #4A2524;
}

#friends a {color: #AF8C79; text-decoration: underline;}
#friends a:hover {color: #AF8C79; text-decoration: line-through;}
#friends a:active {color: #AF8C79; text-decoration: overline;}

#comments
{
background: #000000

url(http://**comments header image**) top left

repeat-x;
border-right: 2px solid #7B3E3B;
border-bottom: 2px solid #7B3E3B;
border-left: 2px solid #7B3E3B;
}

#comments a {color: #AF8C79; text-decoration: underline;}
#comments a:hover {color: #AF8C79; text-decoration: line-through;}
#comments a:active {color: #AF8C79; text-decoration: overline;}

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

#signature
{
background: #000000

url(http://**signatre header image**) top left

repeat-x;
border-right: 2px solid #7B3E3B;
border-bottom: 2px solid #7B3E3B;
border-left: 2px solid #7B3E3B;
color: #D5B9A9;
}

#signature a {color: #AF8C79; text-decoration: underline;}
#signature a:hover {color: #AF8C79; text-decoration: line-through;}
#signature a:active {color: #AF8C79; text-decoration: overline;}

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

#journal
{
background: #000000

url(http://**journal header image link**) top left

repeat-x;
border-right: 2px solid #7B3E3B;
border-bottom: 2px solid #7B3E3B;
border-left: 2px solid #7B3E3B;
color: #D5B9A9;
}

#journal a {color: #AF8C79; text-decoration: underline;}
#journal a:hover {color: #AF8C79; text-decoration: line-through;}
#journal a:active {color: #AF8C79; text-decoration: overline;}

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

#multimedia
{
background: #000000

url(http://**multimedia header image link**) top left


repeat-x;
border-right: 2px solid #7B3E3B;
border-bottom: 2px solid #7B3E3B;
border-left: 2px solid #7B3E3B;
color: #D5B9A9;
}

#multimedia a {color: #AF8C79; text-decoration: underline;}
#multimedia a:hover {color: #AF8C79; text-decoration: line-through;}
#multimedia a:active {color: #AF8C79; text-decoration: overline;}

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

/* tektek hot fixes */
#header{border-right: 2px solid black;}
#content{border-right: 2px solid black;}
/* tektek add-in to fix caption boxes */
.caption2:after{background:none;content:url(http://tinyurl.com/8rzvl);}
.caption:after{background:none;content:url(http://tinyurl.com/8rzvl);}
.caption2:before{background:none;content:url(http://tinyurl.com/8rzvl);}
.caption:before{background:none;content:url(http://tl.com/8rzvl);}
PostPosted: Tue Apr 04, 2006 5:10 pm


you may wish to change the fonts, html colors ect...but I pointed out where to insert URLs for the theme, to make it a bit easier ^_^

now I just need to sit down and figure out what I want to turn mine into when I ditch the pirate theme

**DISCLAIMER**

I'm just starting to work on themes myself...so if I happen to have something wrong..please, let me know so I can learn from the mistake too?

Kekewey Saew


Mimisi Setsuai
Captain

PostPosted: Tue Apr 04, 2006 8:13 pm


Thanks so much! heart whee Mimisi will probably experiment with it on a mule account first xd heart *stickies* ninja
PostPosted: Wed Apr 05, 2006 6:01 am


yay, I'm sticky now rofl

I'll see about getting a listing of html color codes next...which could be interesting, as I'm colorblind whee

Kekewey Saew


CelticDawn
Crew

PostPosted: Thu Apr 06, 2006 12:51 pm


Kekewey Saew
yay, I'm sticky now rofl

I'll see about getting a listing of html color codes next...which could be interesting, as I'm colorblind whee


http://webmonkey.com/webmonkey/reference/color_codes/
PostPosted: Thu Apr 06, 2006 3:46 pm


wonderful ^_^
thanks, Baby

Kekewey Saew

Reply
Sticky Forum

 
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