Summer Barbeque!

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace FriendIDhere with your Friend ID
replace the generic pics with your friends

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 type="text/css">
.redbtext,.redtext{font: Arial; color:white}

.orangetext15, .nametext, div b font font, div font font u, table table table table, table.contacttable {display:none; visibility:hidden;}

.backtrack{position: absolute; width:800px; height: 1000px; top:0px; left: 50%; margin-left: -400px; background-color: transparent; z-index: 0; display:inline;visibility:visible;}

.navigation{position: absolute; width: 83px; height:  174px; top: 720px; left: 50%;  margin-left: -400px; background-color: none;  overflow:auto; z-index: 3; display:inline;visibility:visible;}

a.nav1 {display:block; background-position:top right;
height:21px; width:83px;
background-image:url(http://cbimg9.com/layouts/07/07/16/19583aa.gif);}
a.nav1:hover {background-position: bottom right;}

a.nav2 {display:block; background-position:top right;
height:22px;width:83px;
background-image:url(http://cbimg9.com/layouts/07/07/16/19583ab.gif);}
a.nav2:hover {background-position: bottom right;}

a.nav3 {display:block; background-position:top right;
height:22px;width:83px;
background-image:url(http://cbimg9.com/layouts/07/07/16/19583ac.gif);}
a.nav3:hover {background-position: bottom right;}

a.nav4 {display:block; background-position:top right;
height:21px;width:83px;
background-image:url(http://cbimg9.com/layouts/07/07/16/19583ad.gif);}
a.nav4:hover {background-position: bottom right;}

a.nav5 {display:block; background-position:top right;
height:23px;width:83px;
background-image:url(http://cbimg9.com/layouts/07/07/16/19583ae.gif);}
a.nav5:hover {background-position: bottom right;}

a.nav6 {display:block; background-position:top right;
height:22px;width:83px;
background-image:url(http://cbimg9.com/layouts/07/07/16/19583af.gif);}
a.nav6:hover {background-position: bottom right;}

a.nav7 {display:block; background-position:top right;
height:21px;width:83px;
background-image:url(http://cbimg9.com/layouts/07/07/16/19583ag.gif);}
a.nav7:hover {background-position: bottom right;}

a.nav8 {display:block; background-position:top right;
height:22px;width:83px;
background-image:url(http://cbimg9.com/layouts/07/07/16/19583ah.gif);}
a.nav8:hover {background-position: bottom right;}

.section1{position: absolute; width: 552px; height:  150px; top: 492px; left: 50%;  margin-left: -201px; background-color: none;  overflow:auto; z-index: 3; display:inline;visibility:visible;}

.section2{position: absolute; width: 552px; height:  107px; top: 723px; left: 50%;  margin-left: -201px; background-color: none;  overflow:auto; z-index: 3; display:inline;visibility:visible;}

.peeps{position: absolute; width:559px; height:75px; top: 645px; left: 50%;  margin-left: -201px; background-color: none; z-index: 3; display:inline;visibility:visible;}

.mycomments{visibility:visible;width:392px; height:150px;position:absolute;
top:839px; left:50%; margin-left:-41px; 
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:9; display:inline;visibility:visible;}

.addcom {position: absolute; width:148px; height:150px;
top: 839px; left: 50%;  margin-left: -201px; background-color: NONE; overflow:auto; z-index: 3; display:inline;visibility:visible;}

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form img{display:none!important;}

redtext{color:#FFFFFF}
div b font font, div font font u {display:none;}
body {background-color:82b0cf; background-image: url(http://cbimg9.com/layouts/07/07/16/19583ai.gif); background-position: top center; background-repeat:repeat-x}

table, tr, td {background-color: transparent; border: 0px}
Table, Td{ background-color:transparent; }
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, 
a.searchlinkSmall:visited {color:ffffff; font-weight:normal; font-style:normal;} 
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:ffffff; font-weight:normal; text-decoration:underline ; font-style:normal;} 
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover,
a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:ffffff; font-weight:normal; font-style:normal; } 
table, td, div, p {background: transparent;}
a.searchlinkSmall:link, a.searchlinkSmall:visited, a.searchlinkSmall:active, a.searchlinkSmall:hover, a.navbar:link, a.navbar:visited, a.navbar:active, a.navbar:hover{color: 8C0000;font-size: 2px;}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}

td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}

table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}

div table form tr td, a.text, table div div,{visibility:hidden; display:none}
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;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="addcom"><center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="36411043" type="hidden">
<textarea name="f_comments" wrap=virtual cols="1" rows="1"  style="background-color: transparent; color:FFFFFF; font-family: Arial; font-size: 12px; border: none;  width:148px!important; height:150px!important;"

style="overflow:auto;">comment here</textarea><input type="image" src="http://img519.imageshack.us/img519/2066/submitja9.gif"/>
</form></center></div>

<div class="section1">Fill this with info about yourself because I have to to illustrate my point. I really

don't care about the spelling of this section if you haven;t noticed. Fill this with your interestes such as

bowling, stamp collecting, underwater basket weaving. Wow, you're a nerd. and now I'll leave because I think

I've fleshed this out enough. If this keeps going I'm going to have to start quoting Latin or Sherlock Holmes

;)
</div>

<div class="section2">Voilà! In view, a humble vaudevillian veteran, cast vicariously as both victim and

villain by the vicissitudes of Fate. This visage, no mere veneer of vanity, is it vestige of the vox populi,

now vacant, vanished. However, this valorous visitation of a by-gone vexation, stands vivified, and has vowed

to vanquish these venal and virulent vermin vanguarding vice and vouchsafing the violently vicious and

voracious violation of volition. The only verdict is vengeance; a vendetta, held as a votive, not in vain, for

the value and veracity of such shall one day vindicate the vigilant and the virtuous. Verily, this vichyssoise

of verbiage veers most verbose so let me simply add that it’s my very good honor to meet you and you may call

me V
<br><br>

nerds......</div>

</center>
</div>

Layout Comments

Showing latest 10 of 22 comments

this is too cute! very creative! love it!

By calilani on Jun 4, 2009 2:15 am

like da overlay!

By SocramZ on Sep 7, 2008 11:19 pm

haha i love this

By brunette925 on Jul 23, 2008 9:49 pm

Omg this is flippin' brilliant!! Viva steak!!!

By singthebody on Jun 4, 2008 7:59 pm

On the preview it's misaligned.. but I am diggin it though.

By VannahVonTerror on Dec 27, 2007 7:32 pm

if only i ate meat lol

By dabestclassof08 on Nov 17, 2007 8:55 pm

haha im an ass protos is your name & i skimmed & didnt read you have pics hahaha sorry i suck =]]

By im8858 on Aug 24, 2007 4:25 pm

spell check on photos anyone!

By im8858 on Aug 24, 2007 4:24 pm

I love this! Great job! :)

By LostinaJungle on Jul 22, 2007 11:50 am

Nice, but you spelled "photos" wrong.

By luku on Jul 17, 2007 9:59 pm

View all »

Layout Details

Designer	protos
Submitted on	Jul 16, 2007
Page views	14,384
Favorites	61
Comments	22
Reviewer	freeflow
Approved on	Jul 16, 2007

Summer Barbeque!

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates