Around the World: San Francisco

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

1st layout for the Around the World set.

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><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/08/11/32501aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}

body {
background-color:202020;
}
b, strong, .btext {font-family: times new roman; font-size:12pt;letter-spacing:1px; color:618FAB;}
i, em, .itext {font-family: georgia; color:D9BA5F; text-transform: lowercase;}
u, .utext { font family: times; color:BF0000; font-size:10pt; border-bottom: dashed 1px;}
s {font family: century gothic; color:E86A25;}

.sf01
{display:block; height:350px; width:900px; position:absolute; top:130px; left:50%; margin-left:-450px; overflow:hidden;}

.sf02
{display:block; height:350px; width:900px; position:absolute; top:480px; left:50%; margin-left:-450px; overflow:hidden;}

.about_me
{display:block; height:230px; width:380px; position:absolute; top:155px; left:50%; margin-left:35px; overflow:auto; color:white; text-align:justify;}

table, td, tr, th,body, p, td, font,td, li, p li, p, br, table 
{font-family:arial; font-size: 9pt; color: black;}
table, tr, td 
{border: none; background-color: transparent; padding: 0;}
table 
{border: none; background-color: transparent;}
table table 
{border: none; border-color: none; background-color: transparent;}
table table table 
{border:none; background-color: transparent; padding:0;}
table table table table 
{border: none; border-color: none;}
a, a:link, a:active, a:visited 
{font-family: tahoma; font-size: 12px; color:3D686B; font-weight: normal;letter-spacing:;}
a:hover 
{font-family:tahoma; color:white; font-weight: normal; background-color: transparent;} 
a:link img, a:visited img {filter: none;border:0px}

.googlebar,.profilelinks,.navigationbar,.navigationbarDiv,.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden !important;}
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;}

a.home {display:block;height:100px;width:150px;position:absolute;top:510px;left:50%;margin-left:-30px;background-position:top left;background-repeat:no-repeat;background-image:url(http://cbimg9.com/layouts/08/11/32501ad.png);}

a.add
{display:block;height:100px;width:150px;position:absolute;top:600px;left:50%;margin-left:34px;background-position:top left;background-repeat:no-repeat;background-image:url(http://cbimg9.com/layouts/08/11/32501ae.png);}

a.message {display:block;height:100px;width:150px;position:absolute;top:560px;left:50%;margin-left:-250px;background-position:top left;background-repeat:no-repeat;background-image:url(http://cbimg9.com/layouts/08/11/32501af.png);}

a.comment {display:block;height:100px;width:150px;position:absolute;top:690px;left:50%;margin-left:-250px;background-position:top left;background-repeat:no-repeat;background-image:url(http://cbimg9.com/layouts/08/11/32501ag.png);}

a.friends {display:block;height:100px;width:150px;position:absolute;top:450px;left:50%;margin-left:100px;background-position:top left;background-repeat:no-repeat;background-image:url(http://cbimg9.com/layouts/08/11/32501ah.png);}

a.photos {display:block;height:100px;width:150px;position:absolute;top:620px;left:50%;margin-left:250px;background-position:top left;background-repeat:no-repeat;background-image:url(http://cbimg9.com/layouts/08/11/32501ai.png);}

a.home:hover,a.add:hover,a.message:hover,a.comment:hover,a.friends:hover,a.photos:hover,a.block:hover {display:block;width:150px;background-position:bottom right;height:100px;
}

a.block {display:block;height:100px;width:150px;position:absolute;top:690px;left:50%;margin-left:-20px;background-position:top left;background-repeat:no-repeat;background-image:url(http://cbimg9.com/layouts/08/11/32501aj.png);}

a img {border: 0px;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about_me">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque facilisis interdum ante. Phasellus facilisis pharetra ipsum. In id velit. Mauris rhoncus, ligula id imperdiet pharetra, ipsum eros sagittis ipsum, at iaculis lacus dolor at urna. Nunc diam. Vivamus metus orci, egestas eget, blandit nec, rutrum at, nulla. Nulla quis nibh a est sagittis ornare. In purus dui, vestibulum nec, viverra ut, tempus eget, dolor. Aenean viverra ipsum vel tellus. Nunc quis felis rhoncus tortor fringilla rhoncus. Pellentesque in nisi nec diam malesuada ultricies. Quisque gravida tempus lacus. Vivamus vel orci ac libero varius scelerisque. Fusce vel erat.<br /><br />
Ut hendrerit nulla eleifend sapien. Morbi et nisi at purus adipiscing sollicitudin. Nullam ornare faucibus mauris. Nullam velit arcu, volutpat sed, volutpat quis, ultricies id, sapien. Sed in felis. Donec mauris enim, scelerisque id, placerat eu, adipiscing at, felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris pretium risus a ipsum. Nullam a nibh ut sapien mollis feugiat. Quisque egestas augue in risus. Fusce eu nunc eget sem aliquam molestie. Donec blandit orci. Phasellus facilisis, ipsum nec aliquet pretium, nunc est laoreet dui, eu euismod elit tortor a diam. Vivamus sodales.  </div>