- S u g a r -

Designer's Comments

Look carefully for specific instructions

replace XXXXXXXX with your friend ID. (ctrl+F)

Basic HTML knowledge is needed.

Tested in IE and FF
Designed in IE.

Take off the credits, and I will give you rabies. I mean it.

If there's any problems, question or if you just want to say Yo! (i'm very friendly!)... visit my myspace.

otherwise... enjoy!

I love playint with the rollovers! ^-^

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

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.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}
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;}
</style>
<style>
.cb {wolfreak_99.createblog.com}
.bodyContent td div div a:last-child, .bodyContent td div div span {display:none;}
</style>

<div class="bg" style="position: absolute; left:0px; top:162px; width:900px; height:842px; overflow: hidden;">
<img src="http://cbimg6.com/layouts/08/08/30931aa.png" />
</div>
 
 
<style>
.link1{z-index:5;line-height:10px;position:absolute;width:131px;height:37px;left:378;top:500}
.link2{z-index:5;line-height:10px;position:absolute;width:131px;height:37px;left:374;top:534}
.link3{z-index:5;line-height:10px;position:absolute;width:140px;height:31px;left:366;top:575}
.link4{z-index:5;line-height:10px;position:absolute;width:103px;height:35px;left:385;top:605}
.link5{z-index:5;line-height:10px;position:absolute;width:145px;height:36px;left:366;top:637}
.link6{z-index:5;line-height:10px;position:absolute;width:145px;height:36px;left:366;top:667}
.link7{z-index:5;line-height:10px;position:absolute;width:166px;height:65px;left:350;top:700}

.name1{height: 37px; width: 131px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30931ab.png) top left no-repeat; 
display: block;}
.name1:hover{background-position: bottom left;}
.name2{height: 37px; width: 131px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30931ac.png) top left no-repeat; 
display: block;}
.name2:hover{background-position: bottom left;}
.name3{height:31px; width: 140px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30931ad.png) top left no-repeat; 
display: block;}
.name3:hover{background-position: bottom left;}
.name4{height: 35px; width: 103px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30931ae.png) top left no-repeat; 
display: block;}
.name4:hover{background-position: bottom left;}
.name5{height: 36px; width: 145px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30931af.png) top left no-repeat; 
display: block;}
.name5:hover{background-position: bottom left;}

.name6{height: 36px; width: 145px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30931ag.png) top left no-repeat; 
display: block;}
.name6:hover{background-position: bottom left;}

.name7{height: 65px; width: 166px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30931ah.png) top left no-repeat; 
display: block;}
.name7:hover{background-position: bottom left;}
</style>
</div>

<style>

</font></font><style>
     div div table div {display:none;} .clearfix table div div {display:block;}
     tr td div, div td, div tr, div table {background-color:transparent !important;}
     .profile, div ul {display:none !important; }</style>
<style>

.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
.{removes top links only}
div table form tr td {visibility:hidden!important; height:0px!important;}

.main {
font:normal 12px times new roman;
line-height: 14px;
color: 332515;
background-color: ffffff;
padding: 10px 10px 10px 10px;
text-align:left;
width:650px; 
height:auto;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 250px;
margin-top: 805px;
border-right: 1px solid;
border-top: 1px solid;
border-right-color: 000000;
border-top-color: 000000;
border-left: 1px solid;
border-left-color: 000000;
}

.side {
position: absolute;
width: 250px;
height: auto;
left: 0%; 
top: 0%;
padding-top:15px;
padding-right:3px;
padding-bottom:3px;
padding-left: 5px;
margin-left: 0px;
margin-top: 805px;
z-index: 3;
background-color: transparent;
overflow-x: hidden;
font:normal 12px times new roman;
color: 332515;
line-height: 14px;
text-align: justify;
border-top: 1px solid;
border-top-color: 000000;

}

body {
scrollbar-arrow-color:b83331;
scrollbar-track-color: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-face-color:cad4d5;
scrollbar-highlight-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-3dlight-color:ffffff;
overflow-x:hidden;
background-color: ffffff;
background-image:url("");
background-repeat:repeat-all;
}

{bolded words}
.standard b, p b, B, strong {
font-family:georgia; font-size:11px; color: a7150f; font-weight:none;border:0px; text-transform: none; }

i,em{
    background-color: transparent;
     color: 21abd7;
     font-family: tahoma;
     font-size: 9pt;
     letter-spacing:0pt;
     font-weight:normal; }
u{
     background-color: transparent;
     color: 609736;
     font-family: garamond;
     font-size: 10pt;
     letter-spacing:0pt;
     font-weight:normal; }

s, strike {
background-color: transparent;
     color: f2ad0d;
     font-family:Georgia;
     font-size:8pt;
     letter-spacing:0pt;
     font-weight:normal; }

blockquote{
	border-top-color:c2a87a;
	border-bottom-color:c2a87a;
	border-left-color:c2a87a;
	border-right-color:c2a87a;
	border-width:1px;
	border-style:dashed;
	padding-left:18px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:18px;
        background-color: transparent;}

{Default Links}
a:link, a.man{font-family: times new roman; font-size:12px; color:6d744e; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:times new roman; font-size:12px; color:6d744e; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:times new roman; font-size:12px; color:6d744e; font-weight:none;border:0px; text-transform: none;} 
a:hover{font-family:times new roman; font-size:12px; color:e3b1bc; font-weight:none;border:0px; text-transform: none;background-color: transparent;}

H1{
width: auto;
height: 15px;
background-color: transparent;
background-image:url();
background-position:bottom right;
background-repeat:y-repeat;
font-size: 17px;
color:bd1212;
font-weight: none;
font-variant: none;
letter-spacing: 6px;
font-family: garamond;
text-align: center;
padding-left:12px;
padding-top:10px;
padding-right:10px;
margin-top:10px;
margin-left: 4px;
margin-right: 0px;
margin-bottom: 10px;
border-bottom:1px dashed;
border-color:7d2020; 
text-transform: uppercase;
}
H1:first-letter {
color:10142b;
}

H2{
width: auto;
height: 15px;
background-color: transparent;
background-image:url();
background-position:bottom right;
background-repeat:y-repeat;
font-size: 16px;
color:bd1212;
font-weight: none;
font-variant: none;
letter-spacing: 6px;
font-family: garamond;
text-align: center;
padding-left:12px;
padding-top:10px;
padding-right:10px;
margin-top:10px;
margin-left: 4px;
margin-right: 0px;
margin-bottom: 10px;
border-bottom:1px dashed;
border-color:c8c6c6; 
text-transform: uppercase;
}
H1:first-letter {
color:10142b;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<br />
<h1>Bleh</h1>
Write something interesting here. When you use this layout, make sure that the main about me is longer than the module. Thanks!

<h1> Links</h1><center><img src="http://cbimg6.com/layouts/08/08/30931ai.gif" align="none" /><br />
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav">Block</a><br>
<a href="link.com" class="nav">link</a><br>
<a href="link.com" class="nav">link</a><br>
<a href="link.com" class="nav">link</a><br>
<a href="link.com" class="nav">link</a><br>

</center>

<h1>Maiden</h1>
<br /><b>name:</b> name
<br /><b>D.O.B:</b> 2.10
<br /><b>occupation:</b> artist
<br /><b>interests:</b> bleh
<br /><b>ethnicity:</b> mixed!

<h1>Listen</h1>
<center><p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="208" width="158" align="middle" border="0" data="http://cbimg6.com/layouts/08/08/30931al.swf">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://cbimg6.com/layouts/08/08/30931al.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="myid=11346510&path=2008/07/30&mycolor=b41209&mycolor2=D67934&mycolor3=3FD7F2&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" />
</object></center>

<h1> Comment </h1>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fusea
ction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden" />
<textarea name="f_comments" cols="30" rows="5" class="comment" style="text-align: left; align:left; border-width: 1px; border-style: solid;  border-color: 
000000; background-color: transparent; overflow:none;">
Let’s value our lives.
</textarea>
<br>
<input value="kira" style="border-width: 1px; border-color: 000000; font-family: georgia; font-size: 9px; color: 667059; background-color: 
transparent;" type="submit" /></form>
</center>
<h1>Credit</h1>
<center>♥Coding goes to <a href="http://stormbringer.createblog.com" class="nav"> Stormbringer</a>. <br />♥ Brushes go to <a href="http://www.msplinks.com/MDFodHRwOi8vbWFzdGVyamlubi5kZXZpYW50YXJ0LmNvbS8=" class="nav">Master Jinn</a>.

</div>

<h2>  I dont like his style… it’s not like Kira at all.</h2>
<img src="http://cbimg6.com/layouts/08/08/30931aj.png" align="left" /><b>Lorem</b> <i> ipsum</i>  <u>dolor</u> <s> sit</s> amet, consectetuer adipiscing elit. Integer tincidunt. Quisque fermentum nulla eget orci. Proin odio dolor, blandit id, tempus sed, pellentesque nec, mauris. Suspendisse cursus. Vivamus viverra ultrices purus. Maecenas turpis nisl, rhoncus sed, placerat in, mollis id, odio. Maecenas dictum ante ac tellus. Etiam at urna auctor risus dictum lacinia. Integer metus velit, bibendum ac, pharetra id, tincidunt sit amet, dui. Etiam eros. Sed et massa et erat eleifend mattis. Pellentesque fringilla metus fermentum ante tincidunt mollis. Pellentesque viverra, risus vel congue adipiscing, nunc neque ullamcorper quam, ut sollicitudin risus ligula non pede. Nullam enim. Fusce nec dolor sed mi consequat adipiscing. In hac habitasse platea dictumst. Ut id magna. Quisque sed lorem id ante euismod pellentesque. 
<br><blockquote> I <b>would not</b> recommend using this layout if you have <i>nil </i> knowledge of the basics of html. </blockquote>
Donec euismod justo condimentum purus. Sed a mauris. Pellentesque varius pharetra nulla. Fusce scelerisque pellentesque sapien. Integer sagittis lorem sit amet est. Integer dapibus ipsum ut libero. Praesent leo. Maecenas dignissim, lectus vel viverra gravida, ipsum nisl molestie turpis, ac ultrices leo lacus vel mi. Phasellus neque ipsum, egestas ut, posuere sit amet, venenatis a, dolor. Quisque sagittis magna. Aenean eu nulla. Sed vel sem eget arcu volutpat commodo. Sed neque erat, molestie vitae, interdum nec, fermentum ut, odio. Donec sit amet erat ut tortor ultricies interdum. Sed eget lorem.

In eu urna vel arcu commodo accumsan. Sed venenatis. Vivamus viverra lacinia odio. Vivamus suscipit consectetuer mauris. In condimentum, tellus elementum ullamcorper porttitor, augue orci feugiat ligula, eu viverra mi magna quis elit. Phasellus erat. Maecenas sit amet augue sed ligula suscipit congue. Proin est. Pellentesque ultricies, lorem eu interdum viverra, lorem massa varius nibh, sed tincidunt nisi magna ac tellus. Morbi sit amet nibh ultricies tellus scelerisque eleifend.

<h2>I was playing cynical back then.</h2>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer tincidunt. Quisque fermentum nulla eget orci. Proin odio dolor, blandit id, tempus sed, pellentesque nec, mauris. Suspendisse cursus. Vivamus viverra ultrices purus. Maecenas turpis nisl, rhoncus sed, placerat in, mollis id, odio. Maecenas dictum ante ac tellus. Etiam at urna auctor risus dictum lacinia. Integer metus velit, bibendum ac, pharetra id, tincidunt sit amet, dui. Etiam eros. Sed et massa et erat eleifend mattis. Pellentesque fringilla metus fermentum ante tincidunt mollis. Pellentesque viverra, risus vel congue adipiscing, nunc neque ullamcorper quam, ut sollicitudin risus ligula non pede. Nullam enim. Fusce nec dolor sed mi consequat adipiscing. In hac habitasse platea dictumst. Ut id magna. Quisque sed lorem id ante euismod pellentesque.

Donec euismod justo condimentum purus. Sed a mauris. Pellentesque varius pharetra nulla. Fusce scelerisque pellentesque sapien. Integer sagittis lorem sit amet est. Integer dapibus ipsum ut libero. Praesent leo. Maecenas dignissim, lectus vel viverra gravida, ipsum nisl molestie turpis, ac ultrices leo lacus vel mi. Phasellus neque ipsum, egestas ut, posuere sit amet, venenatis a, dolor. Quisque sagittis magna. Aenean eu nulla. Sed vel sem eget arcu volutpat commodo. Sed neque erat, molestie vitae, interdum nec, fermentum ut, odio. Donec sit amet erat ut tortor ultricies interdum. Sed eget lorem.

In eu urna vel arcu commodo accumsan. Sed venenatis. Vivamus viverra lacinia odio. Vivamus suscipit consectetuer mauris. In condimentum, tellus elementum ullamcorper porttitor, augue orci feugiat ligula, eu viverra mi magna quis elit. Phasellus erat. Maecenas sit amet augue sed ligula suscipit congue. Proin est. Pellentesque ultricies, lorem eu interdum viverra, lorem massa varius nibh, sed tincidunt nisi magna ac tellus. Morbi sit amet nibh ultricies tellus scelerisque eleifend.