Starry Winter

Designer's Comments

Look carefully for specific instructions

This layout has only been tested in Internet Explorer.

REPLACE XXXXXX WITH YOUR FRIEND ID BEFORE YOU DO ANYTHING.

Any questions, yell at me via pm or my xanga. Thanks for using this layout! ^.^

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

h1 {
font-family:arial narrow;
text-transform:none;
font-size:28px;
line-height:26px;
color:31abb9;
letter-spacing:2px;
margin-bottom:11px;
margin-right:31px;
padding-right:4px;
padding-top:6px;
background-color:transparent;
text-align: left;
font-weight:normal;
border:0px;
}

h1:first-letter {
color:80507a;
}

.content {
font:normal 11px tahoma;
line-height: 14px;
color: 00727e;
background-color: ffffff;
padding: 10px 10px 10px 10px;
text-align:left;
width:458px; 
height:auto;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 161px;
margin-top: 520px;
}

.content a:link, .content a:visited, .content a:active {
color:92846c;
font: normal 11px tahoma;
padding:2px;
line-height:13px;
letter-spacing:2px;
text-decoration:none;
text-transform:none;
}

.content a:hover {
color:fff;
letter-spacing:2px;
background-color:5fc1cd;
text-transform:none;
}

.sidebar {
position: absolute;
width: 210px;
height: auto;
left: 0%; 
top: 0%;
padding-top:15px;
padding-right:3px;
padding-bottom:3px;
padding-left: 5px;
margin-left: 619px;
margin-top: 520px;
z-index: 3;
background-color: ffffff;
overflow-x: hidden;
font: 11px tahoma; 
color: 00727e;
line-height: 14px;
text-align: justify;
}

.menu a, .menu a:link, .menu a:active, .menu a:visited {
display: block;
height:20px;
width:180px;
padding: 5px 5px 5px 5px;
color: b26698;
background-color:fff;
font: normal 11px arial;
letter-spacing:1px;
text-transform:lowercase;
text-decoration: none;
text-align:center;
}

.menu a:hover {
color: fff;
background-color:98d9e1;
text-align:center;
text-transform:lowercase;
}

b, strong {
color: b26698;
}

i, em {
color: d12265;
}

s, strike {
color: b26a42;
}

a:link, a:active {
color:c24776;
font:normal 11px tahoma;
text-transform: lowercase;
text-decoration:none;
font-weight:normal;
border-bottom: none;
}
a:visited {
color:31abb9;
font:normal 11px tahoma;
text-transform:lowercase;
}
a:hover {
font:normal 11px tahoma;
color:e694b8;
font-weight: normal;
border-bottom: none;
text-transform:lowercase;
text-decoration:none;}

.navi {
width:200px;
font-family:georgia;
font-size:20px; 
letter-spacing:0px; 
font-weight:bold; 
line-height:15px;
background-color:13a7a9;
color:c8dee2;
padding:10px 10px 10px 50px;
}

blockquote {
color: 007385;
background: 89d1d8;
font:tahoma;
font-size: 10px;
padding: 6px;
}

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table.footer {display: none;}

body table td div form {display:none !important;}

div table a.navbar img {display:none;}
div table {visibility:hidden;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important;  }
div table.navigationBar {margin-bottom:-30px;}

div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<h1>about the layout</h1>
Hello well this counts as my fourth layout for myspace. Do you like it? As you can tell, it’s a very simple set-up.. I TRIED to fiddle with image rollovers for the navigation but I kind of failed? So I decided to stick with regular image mapping instead. Someday I’ll get the hang of fancy shmancy rollovers. I envy those who know how to get it to work.<br><br>
The image is from <a href="http://www.wallcoo.com/" target="_blank">wallcoo</a>. They have so many lovely images.

<h1>how to use</h1>
Simply copy and paste the codes into About me/I'd like to meet. I would not suggest using this layout unless you have basic understanding of html. ALSO. Keep all credits or I will [insert creative threat here]. Seriously, though. I will eat you like a cheap plastic happy meal toy if you mess with the credits. I have incisors and I'm not afraid to use them!

<h1>contact</h1>
If you have any questions/concerns about this layout, the best way to contact me is either through pm at createblog OR comment at my <a href="http://www.xanga.com/momokuma" target="_blank">xanga</a>. Thanks for using this layout!

<h1>header</h1>
Normal. <b>Bold.</b> <i>Italics.</i> <s>Strike-through.</s>
<blockquote>
<b>December 7</b> - Uploaded new layout<br>
<b>December 6</b> - Finished final project for computer tech. class<br>
<b>December 4</b> - Completed documented essay
</blockquote>
</div>

<span class="navi">About Me</span>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat.
<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante.
<br><br>
<span class="navi">Header</span>
<center><p class="menu">
<a href="URL">link</a>
<a href="URL">link</a>
<a href="URL">link</a>
<a href="URL">link</a>
</p></center>
<span class="navi">Credits</span><br>
Image credits go to <a href="http://www.wallcoo.com/" target="_blank">Wallcoo</a>. Permanent credits go to <a href="http://www.xanga.com/momokuma" target="_blank">Momo</a> and <a href="http://www.createblog.com" target="_blank">Createblog.com</a>.
</div>

Layout Comments

Showing latest 10 of 39 comments

Oh my gosh, I love this so so much!! Did you make the top graphic??

By dosomethin888 on Dec 30, 2008 4:42 am

the right panel is kinda messed up on firefox, is there a way to fix that?

By CinderellaToBe on Oct 31, 2008 2:24 pm

aww that one is so sweet ♥♥
its a bit off on ff
but still adore it!

By radchick on Aug 3, 2008 8:33 am

XXXXX is at the top of about me section :D

By XangelXtranX on Jul 4, 2008 1:59 pm

i cant find the xxxxxx's :(

By sweet95summer on Jun 25, 2008 10:14 pm

i don't care :D.

you and your messiah..

By miyashu on Mar 25, 2008 12:51 pm

There's nothing Christmas about it !

Stop Christianizing everything in your path.

By joycebyers on Mar 25, 2008 2:04 am

i love this layout, and i was wondering how to make my music player show up--right now it's behind the picture, and it sticks out just enough to know it's there, but no one can see what's playing. how can i bring it forward?

By libbygudzdesign on Jan 4, 2008 2:35 pm