Sapphire Stardreams layout | Page 1 | Pre-Made Layouts | Guild Forums

StephieSama

Offline

Posted: Tue Nov 15, 2005 3:20 pm

Sapphire Stardreams

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

The first theme I ever made was called Stardreams, and once I made a new one for my profile, I submitted the first one to tektek.org. A couple days later I received a PM asking if I would make a blue version of it, so here it is.
You're totally allowed to change the colors or use the code if you want. It's not like I invented the code or anything. xp All I ask is that you don't try to pass this off as your own, or alter the images.

PS... This looks better in Firefox than in IE.

This is a custom theme, so make sure the drop down menu is set to custom.
Code:

#extendedProfileBody #header h1
{
background: url(http://img381.imageshack.us/img381/5025/head7jg.jpg)
}

#avatar {opacity:.70;filter: alpha(opacity=70)}

#mainNav {background-image: none; background-color: #FFFFFF;
border: 0;
}
#mainNav div {height: 35px; background-color: #FFFFFF; background:

url(http://img381.imageshack.us/img381/9347/nav8pi.jpg) no-repeat top left; }
div#mainNav div img {display: none; }
div#mainNav div a {display: block; float: left; margin-left: 42px; width:89px; height: 35px;}

#logo, #logo form {background-image: url(http://img381.imageshack.us/img381/6981/topright5us.jpg) background-color: #000000;

color: #000000; }

div#logo div img {display: none; }
div#logo div a {display: block; width: 320px; height: 25px; background-image:

url(http://img381.imageshack.us/img381/6940/topleft1lz.jpg) }

#footer div
{
background: url(http://img183.imageshack.us/img183/9115/footer2vv.jpg) top left no-repeat;
}
#footer div p
{
background: url(http://img183.imageshack.us/img183/9115/footer2vv.jpg) top right no-repeat;
margin: 0;
padding: 0 10px 0 0;
}

body
{
background: #000000 url(http://img315.imageshack.us/img315/1975/side0zs.jpg) repeat-y top right;
}

body,TD,FONT,P,I
{
font-family: verdana;
font-size:8pt;
color: #ffffff
}

B
{font-family:verdana;
font-size:8pt;
color: #ffffff}
#content
{background: #000000}

#content a
{
color: #7099B9;
}

#profile
{
background: #000000
bottom left no-repeat;
border: 1px #000000
}

#profile h2
{
background: url(http://img393.imageshack.us/img393/853/smhead8ee.jpg) top left no-repeat;
font-size:10pt;
color: #000000;
}

/* DETAILS */

#details
{
background: #000000;
}

#details h2
{
background: url(http://img393.imageshack.us/img393/853/smhead8ee.jpg) top left no-repeat;
font-size:10pt;
color: #000000;
}

#comments dl dt.avatar img
{
background: url(http://img320.imageshack.us/img320/3866/comml8qg.jpg) no-repeat;
}
#comments dl dt.avatar2 img
{
background: url(http://img320.imageshack.us/img320/5392/commr2ff.jpg) no-repeat;
}

.caption
{
border: 2px solid #7099B9;
background: #000000;
}

.caption2
{
border: 2px solid #7099B9;
background: #000000;
}

#wishlist
{
background: #000000;
}

#wishlist h2
{
background: url(http://img393.imageshack.us/img393/853/smhead8ee.jpg) top left no-repeat;
font-size:10pt;
color: #000000;
}

/* ABOUT */

#about
{
background: #000000;

}

#about h2
{ background: url(http://img393.imageshack.us/img393/4751/bhead2fy.jpg) top left no-repeat;
font-size:9pt;
border: 1px #000000
}

/* FRIENDS */

#friends
{
background: #000000;

}

#friends h2
{ background: url(http://img393.imageshack.us/img393/4751/bhead2fy.jpg) top left no-repeat;
font-size:9pt;
border: 1px #000000
}

#friends #friendGroup li
{
float: left;
width: 110px;
height: 130px;
text-align: center;
border-right: 0px solid #000000;
}

#journal
{
background: #000000;
}

#journal h2
{ background: url(http://img393.imageshack.us/img393/4751/bhead2fy.jpg) top left no-repeat;
font-size:9pt;
border: 1px #000000
}

/* MULTIMEDIA */

#multimedia
{
background: #000000;
}

#multimedia h2
{ background: url(http://img393.imageshack.us/img393/4751/bhead2fy.jpg) top left no-repeat;
font-size:9pt;
border: 1px #000000
}

/* COMMENTS */

#comments
{
background: #000000;
}

#comments h2
{ background: url(http://img393.imageshack.us/img393/4751/bhead2fy.jpg) top left no-repeat;
font-size:9pt;
border: 1px #000000
}

/* SIGNATURE */

#signature
{
background: #000000;
}

#signature h2
{ background: url(http://img393.imageshack.us/img393/4751/bhead2fy.jpg) top left no-repeat;
font-size:9pt;
border: 1px #000000
}

/* CAPTION */

.caption:before
{
content: url(http://img320.imageshack.us/img320/9483/tl0mn.jpg)
background: url(http://img320.imageshack.us/img320/2853/tr2rw.jpg) top right no-repeat;
}

.caption:after
{
content: url('http://img8.imageshack.us/img8/1414/bl7bx.jpg')
background: url(http://img320.imageshack.us/img320/8859/br0mb.jpg) bottom right no-repeat;
}

.caption2:before
{
content: url(http://img320.imageshack.us/img320/9483/tl0mn.jpg)
background: url(http://img320.imageshack.us/img320/2853/tr2rw.jpg) top right no-repeat;
}

.caption2:after
{
content: url('http://img8.imageshack.us/img8/1414/bl7bx.jpg')
background: url(http://img320.imageshack.us/img320/8859/br0mb.jpg) bottom right no-repeat;
}

.caption .message
{
background: url('http://img320.imageshack.us/img320/9908/talk1cu.jpg') top left no-repeat;
}

.caption2 .message
{
background: url('http://img320.imageshack.us/img320/9666/talk25nc.jpg') top right no-repeat;
}