summer love

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

enjoy! (;

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">
.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{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;}
</style>

a.infinite:hover{
background-color:fff7b2;display:block;
background-image:url();
background-position:left center; background-repeat:no-repeat; text-align:center; padding:1px; color:fdcba0; font-size:7px; margin-top:1px; cursor:default; font-weight:normal; letter-spacing:1px; font-family:Arial; text-decoration:none; text-transform:uppercase; border-left:5px solid;border-right-color:a4cee6;margin:1px;margin-top:1px !important;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<STYLE>table, tr, td { background-color:transparent; border:none; border-width:0;} 
table table a img{ border-width:0px;}a, a.man, 
a:link, a:visited{font-family:Arial;color:FBBA99; font-size:6pt; font-weight:normal; text-decoration:none; text-transform:uppercase; font-style:normal} 
a:active, a:hover{font-family:Arial;color:9A9999; font-size:6pt; font-weight:bold; text-decoration:none; font-style:normal;}
td, table, tr, span, li, p, div, textarea, DIV {font-family:Arial;font-size:6pt;color:9A9999; font-weight:normal; font-decoration:none; font-style:normal;background-color:transparent}
td, li, p, div, textarea {font-family:Arial;border-color:9A9999} table{border-color:000000}
a.navbar{font-family:Arial; color:FBBA99;font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}
a.navbar:link{color:FBBA99;font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}
a.navbar:active{color:FBBA99;font-size:10pt; text-decoration:none; font-weight:normal; font-style:normal;}
a.navbar:visited{color:ffffff;font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}
a.navbar:hover{color:ffffff;font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}
a.searchlinkSmall{font-family:Times New Roman, arial, times new roman;font-size:8pt;color:ffffff;font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}
a.searchlinkSmall:link{font-family:Times New Roman, arial, times new roman;font-size:8pt;color:ffffff;font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}
a.searchlinkSmall:active{font-family:Times New Roman, arial, times new roman;font-size:8pt;color:font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}
a.searchlinkSmall:visited{font-family:Times New Roman, arial, times new roman;font-size:8pt;color:ff9f79font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}
a.searchlinkSmall:hover{font-family:Times New Roman, arial, times new roman;font-size:8pt;color:font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}
body{font-family:Times New Roman, arial, times new roman;background-color:004a77;background-image:url(); background-position:0%; background-repeat:repeat; background-attachment:fixed;}
.nametext{font-family:Times New Roman, arial, times new roman;font-size:8pt;color:ffffff; font-weight:normal;}
b{font-family:Tahoma; font-size:7pt; color:9fd6c2; letter-spacing: 1px;  font-weight:bold;}
u{font-family:Script;font-size:16pt;color:fdcba0; border-bottom: 1px dashed #bbaadd; font-weight:normal;}
i{font-family:georgia;font-size:8pt; color:bbaadd; font-weight:normal;}
s{font-family:Verdana;font-size:8pt;color:BDDFB2; letter-spacing: -2px;  font-weight:normal;}
.whitetext12{font-family:Times New Roman, arial, times new roman;font-size:8pt; color:000000; font-weight:normal;}
.tmz_imp{font-family:arial;color:FF0000;font-weight:bold} table table table{background-color:ffffff}
table table table table a img{}table table table table a:hover img{}body

{scrollbar-arrow-color:fff7b2; 
scrollbar-Track-Color:fff7b2; 
scrollbar-Highlight-Color:fff7b2; 
scrollbar-base-color:fff7b2; 
scrollbar-Face-Color:ffffff; 
scrollbar-Shadow-Color:fff7b2; 
scrollbar-DarkShadow-Color:fff7b2}<br><br></STYLE>

<div class="navigation" style="position: absolute; background-color:transparent; left: 414px;  top:330px; width:400px; height:262px; overflow: auto;">
<center>|[. 
<a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a> | 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOUR_FRIEND_ID_HERE">add me</a> | 
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR_FRIEND_ID_HERE">message me</a> | 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR_FRIEND_ID_HERE">view pics</a> | 
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=YOUR_FRIEND_ID_HERE">add comment</a> ]|</center>
</div>

<div class="about" style="position: absolute; background-color:transparent; left: 420px;  top:360px; width:395px; height:82px; overflow: auto;">
write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  
write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  
write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  
write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  
write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  
write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  
write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  
write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  
write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  write about yourself here.  <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s>.  
</div>

<div class="secret" style="position: absolute; background-color:transparent; left: 237px;  top:155px; width:155px; height:124px; overflow: auto;">
<center> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="YOUR_FRIEND_ID_HERE" type="hidden">
<textarea name="f_comments" class="hotlytsluvyou">& incase you didn`t know, it`s those little "nothings" that make her feel like something.</textarea><br>
<input type="submit"class="hotlytsluvyou" value="shh .. don`t tell a soul!"></form>

textarea.hotlytsluvyou{
background-image:url("http://cbimg8.com/layouts/07/05/25/17897ae.gif");
background-position:center;background-color:fff7b2 !important;width:153px !important;height:80px !important;
font-family:arial !important;color:9A9999 !important;line-height:6px !important;font-size:8px !important;
border-color:fff7b2 !important;border-style:solid !important;border-width:1px !important;letter-spacing:1px !important;
font-weight:normal !important;}</style></center>
</div>

<div class="ipod" style="position: absolute; background-color:transparent; left: 237px;  top:305px; width:155px; height:74px; overflow: auto;">
<br><center><i>SONG TITLE</i> <br>
 ARTIST <br> <br>
<img src="http://cbimg8.com/layouts/07/05/25/17897ad.gif"></center>
</div>

<div class="spills" style="position: absolute; background-color:transparent; left: 420px;  top:520px; width:395px; height:74px; overflow: auto;">
<br> you can write quotes here or tell people things that nobody really knows about you.  you can write quotes here or tell people things that nobody really knows about you.  
you can write quotes here or tell people things that nobody really knows about you.  you can write quotes here or tell people things that nobody really knows about you.  
you can write quotes here or tell people things that nobody really knows about you.  you can write quotes here or tell people things that nobody really knows about you.  
you can write quotes here or tell people things that nobody really knows about you.  you can write quotes here or tell people things that nobody really knows about you.  
you can write quotes here or tell people things that nobody really knows about you.  you can write quotes here or tell people things that nobody really knows about you.  
you can write quotes here or tell people things that nobody really knows about you.  you can write quotes here or tell people things that nobody really knows about you.  
you can write quotes here or tell people things that nobody really knows about you.  you can write quotes here or tell people things that nobody really knows about you.  
you can write quotes here or tell people things that nobody really knows about you.  you can write quotes here or tell people things that nobody really knows about you.  
</div>

<div class="spare time" style="position: absolute; background-color:transparent; left: 237px;  top:406px; width:155px; height:75px; overflow: auto;">
<u>Books</u> <br>
.0O1 | TITLE - AUTHOR <br>
.0O2 | TITLE - AUTHOR <br>
.0O3 | TITLE - AUTHOR <br>
.0O4 | TITLE - AUTHOR <br><br>

<u>Big Screen</u> <br>
.0O1 | MOVIE TITLE <br>
.0O2 | MOVIE TITLEl <br>
.0O3 | MOVIE TITLE <br>
.0O4 | MOVIE TITLE <br><br>

<u>Interests</u> <br>
.0O1 | HOBBIE<br>
.0O2 | HOBBIE <br>
.0O3 | HOBBIE <br>
.0O4 | HOBBIE <br>
</div>

<div class="vip list" style="position: absolute; background-color:transparent; left: 237px;  top:520px; width:155px; height:75px; overflow: auto;"><center>
<br><a href="http://myspace.com/FRIEND_ID"class="infinite">friend ♥</a>
<a href="http://myspace.com/FRIEND_ID"class="infinite">friend ♥</a>
<a href="http://myspace.com/FRIEND_ID"class="infinite">friend ♥</a>
<a href="http://myspace.com/FRIEND_ID"class="infinite">friend ♥</a>
<a href="http://myspace.com/FRIEND_ID"class="infinite">friend ♥</a>
<a href="http://myspace.com/FRIEND_ID"class="infinite">friend ♥</a>
<a href="http://myspace.com/FRIEND_ID"class="infinite">friend ♥</a>
<a href="http://myspace.com/FRIEND_ID"class="infinite">friend ♥</a>
<a href="http://myspace.com/FRIEND_ID"class="infinite">friend ♥</a><br>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=YOUR_FRIEND_ID_HERE"class="infinite">view more</a><br></center>
</div>

Layout Comments

Showing latest 10 of 28 comments

Ok. When I go to view my profile and when my friends try to view it, the stuff in my VIP list and spare time boxes doesn't show up... Is that because I use Safari?

By CookieMonster1012 on Feb 13, 2009 9:35 pm

i love it! its very cute; kinda reminds me of summer love.

By samanthaxrandom on May 31, 2008 12:39 am

ooh. and um. the font is too small to see and blurry. That's all.^^

By exthreex3 on Oct 7, 2007 8:09 pm

nothing is horriblee about this layout. it;s absoulutely perfect. perfection

By exthreex3 on Oct 7, 2007 8:09 pm

Hey, maybes it's because my knowlege of HTML is small, but none of the text is showing up. Could you help me out please? Thanks =] xx

By Undiscovered on Aug 15, 2007 8:45 am

I dunno if this is just because I'm a little lacking in the HTML knowledge department, but I seem to be unable to find the picture using the address you provided. I would really appreciate it if you could somehow fix it.

Thanks!

By Rebekkah on Aug 1, 2007 4:41 pm

Oops the thing that you need to remove is the tag with 'marquee' in it. Sorry.

By aphiliam on Jul 30, 2007 3:33 pm

I found the link for the picture in the coding just hit ctrl+F and then search for this "http://cbimg8.com/layouts/07 /05/25/17897ab.png" without quotations. Paste it into your address bar in a new window/tab and then copy and save the picture to your harddrive.

Go to your photobucket account and upload it, then repaste the URL link it gives you in place of the old one.

Remove the tag at the end of the line of code with the picture, and remove all of the code that looks like this BEFORE the picture link.

Then the picture should work.

By aphiliam on Jul 30, 2007 3:32 pm

the pic doesnt show up!
cuteeeeeeee layout but since the pic doesnt work I cant use it!

By kristen7929 on Jul 29, 2007 7:38 pm

The picture doesn't show! Grr...
Please fix it!
Pretty please!
♥

By fleetingamor on Jul 18, 2007 1:31 am

View all »

Layout Details

Designer	ricanxangel
Submitted on	May 14, 2007
Page views	70,513
Favorites	266
Comments	28
Reviewer	micron
Approved on	May 25, 2007

summer love

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates