Cute Love

Myspace Layouts / Div Overlay

View preview

Designer's Comments

Look carefully for specific instructions

03!*

Read, please.
: Remember- to change the "XXXXXX" to your myspace id; there are 4 of them.
: Where you see "142 x 124" that's where you can replace it with an other picture of yours with the same size.
: Changing the picture: Scroll down a pass half way and look for the code that says "CLOVEpic" and that's where you can change the picture to your liking.
: My layouts will always be simple. So, don't get any hopes up that it'll be pro-ish looking.
: Do not take off my credit!
: I do not, I mean do not make request layouts. So, do not ask me because I'll just reply with a "I'm sorry."

[♥]Dav-LinStyle
*Please enjoy. But do not jock, copy, nor steal stylesheet. Thanks (:

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

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

<style type="text/css">
body table {margin-top:0px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}
table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

body {
background-color:FFFFFF;
cursor:crosshair;
font-family:arial;
font-size:11px;
color:909090;
text-transform:none;
font-weight:normal;
scrollbar-face-color:FFFFFF;
scrollbar-track-color:FFFFFF;  
scrollbar-arrow-color:FFC1B9;
scrollbar-highlight-color:FFFFFF;  
scrollbar-3dlight-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF; 
}

.CLOVE {font-family:arial; font-size:11px; text-transform:none; font-weight:normal; background-color:transparent; border-right:3px solid; border-color:FFFFFF; color:909090; width:100px; text-decoration:none; display:block;
}

.CLOVE:hover {font-family:arial; font-size:11px; text-transform:uppercase; font-weight:normal; color:FFFFFF;  border-right:3px solid FFFFFF; background-color:transparent; width:100%; text-decoration:none; display:block;
}

a:link, a:visited, a:active {font-family:arial; font-size:11px; text-transform:none; font-weight:normal; background-color:transparent; color:909090; text-decoration:none;
}

a:hover {font-family:arial; font-size:11px; text-transform:none; font-weight:normal; color:FFC1B9; background-color:FFFFFF; text-decoration:none;
}

.CLOVEbg {position:absolute; overflow:auto; top:98px; left:8px; background-color:transparent; border:0px;
}

.CLOVEmain {position:absolute; overflow:auto; top:283px; left:431px; background-color:transparent; border:0px; font-family:arial; font-size:11px; color:909090; text-transform:none; font-weight:normal; width:316px; height:227px;

scrollbar-face-color:FFFFFF;
scrollbar-track-color:FFFFFF;  
scrollbar-arrow-color:FFC1B9;
scrollbar-highlight-color:FFFFFF;  
scrollbar-3dlight-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF; 
}

.CLOVEnav {position:absolute; overflow:auto; background-color:transparent; border:0px; font-family:arial; font-size:11px; color:909090; text-transform:none; font-weight:normal; width:320px; height:15px; top:124px; left:432px;

scrollbar-face-color:FFFFFF;
scrollbar-track-color:FFFFFF;  
scrollbar-arrow-color:FFC1B9;
scrollbar-highlight-color:FFFFFF;  
scrollbar-3dlight-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF; 
}

.CLOVEpic {position:absolute; overflow:auto; background-color:transparent; border:0px; font-family:arial; font-size:11px; color:909090; text-transform:none; font-weight:normal; width:155px; height:140px; top:162px; left:252px;

scrollbar-face-color:FFFFFF;
scrollbar-track-color:FFFFFF;  
scrollbar-arrow-color:FFC1B9;
scrollbar-highlight-color:FFFFFF;  
scrollbar-3dlight-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF; 
}

.CLOVEext {position:absolute; overflow:auto; background-color:transparent; border:0px; font-family:arial; font-size:11px; color:909090; text-transform:none; font-weight:normal; width:155px; height:116px; top:315px; left:252px;

scrollbar-face-color:FFFFFF;
scrollbar-track-color:FFFFFF;  
scrollbar-arrow-color:FFC1B9;
scrollbar-highlight-color:FFFFFF;  
scrollbar-3dlight-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF; 
}

.CLOVEcom {position:absolute; overflow:auto; background-color:transparent; border:0px; width:155px; height:100px; top:439px; left:257px;

scrollbar-face-color:FFFFFF;
scrollbar-track-color:FFFFFF;  
scrollbar-arrow-color:FFC1B9;
scrollbar-highlight-color:FFFFFF;  
scrollbar-3dlight-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF; 
}

.CLOVEext2 {position:absolute; overflow:auto; background-color:transparent; border:0px; font-family:arial; font-size:11px; color:909090; text-transform:none; font-weight:normal; width:155px; height:13px; top:498px; left:252px;

scrollbar-face-color:FFFFFF;
scrollbar-track-color:FFFFFF;  
scrollbar-arrow-color:FFC1B9;
scrollbar-highlight-color:FFFFFF;  
scrollbar-3dlight-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF; 
}

h1 {margin: 0px; color: FF9B9B; text-align:right; border-bottom:2px solid;border-color:F0F8EE; font-family:georgia; font-size: 20pt; font-weight: normal; letter-spacing: 0px; text-transform: none; background-color: transparent; line-height: 20pt; padding:2px; margin-bottom: 5px; margin-top: 2px; padding-left:2px;
}

b{color:FF9B9B; font-size:8pt; cursor:default; line-height:11px; letter-spacing:0px; font-family:arial;
text-transform:none;}

i{color:FF9B9B; font-size:9pt; cursor:default;line-height:11px; letter-spacing:0px; font-family:georgia; text-transform:none;}

u{color:FFC1B9; font-size:11px; cursor:default; line-height:11px; letter-spacing:0px; font-family:arial; text-transform:none;}

s{color:FFC1B9; font-size:8pt; cursor:default; line-height:11px; letter-spacing:0px; font-family:arial; text-transform:none;}
</style>

<div class="CLOVEbg">
<img src="http://i29.tinypic.com/nq1x78.png"></div>

Layout Code

Copy and paste to I'd Like to Meet

<div class="CLOVEmain">

<h1>about me</h1>
<b>December 25,2007</b>
<br>Chuc Mung Le No En! (Merry Christmas!) Ah, the year is almost <b>over</b> and a brand <i>new year</i> ahead. <i>sigh</i>* Time passes by so <b>fast</b> and .. I <u>haven't</u> enjoyed as I wanted it. I "<b>hope</b>" the year 2008, would be a <i>more</i> happier and fun. Well, since I couldn't go to <i>cornstate</i> to see my <b>boyfriend</b>. ( <i>I miss him alot</i> ) I descrided to sit down for <s>two</s>hours to think <b>&</b>make this layout. Even through I absolutly <b>dislike</b> the color <b>pink</b>. I made it anyways. Okay, hope your <u>girlys..</u> like it. There might be new-<i>er</i> layouts later on, I'm too lazy<b>?</b> to put it into coding. There's about <u>three</u>, maybe I've made. But too lazy<b>?</b> to code it. M'kay, toodies <b>Cb loves</b>! Have a safe <i>&</i>fun christmas(:

<br><p align="right"><b>Tested on Internet Explore only.</b></p>

<h1>layout css</h1>
<b>BOLD</b> | <i>ITALIC</i> | <u>UNDERLINE</u> | <s>STRIKEOUT</s>
</div>

<div class="CLOVEnav">

<b>Navigation:</b> <a href="http://home.myspace.com/index.cfm?fuseaction=user"class="navigate">Home</a> | <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"class="navigate">Add Me</a> | <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"class="navigate">My Pictures</a> | <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">Message Me</a>
</div>

<div class="CLOVEpic">
<center><img src="http://cbimg6.com/layouts/07/12/25/24121ab.png"></center>
</div>

<div class="CLOVEext">
<h1>extra</h1>
In this section, you may write anything you like such as hero, interests, and etc.
</div>

<div class="CLOVEcom">

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments"style="color:909090; font-family:arial; font-size:11px;width:90px;height:40px;text-align:right; border-color:transparent; background-color:transparent; border-style:solid; border-width:1px;line-height:11px;scroll:no;letter-spacing:1px;">You + Me = Love<3 </textarea> <input type="submit"value="submit"style="color:909090;font-size:11px;font-family:arial;text-transform:none;letter-spacing:1px;height:40px; width:45px;background-color:transparent; border-color:transparent; border-style:solid; border-width:0.1em; line-height:11px;"></form>
</div>

<div class="CLOVEext2">
<marquee>You're my hunny bun, sugar plum, pumpy upmy upmy upmkin. You're my sweetie pie. You're my cuppy cake, gumdrop, shyummkums pure,
The apple of my eye! And I love you so, and I want you to know that i'll always be right here. And I love to sing this song to you
Because you are so dear!</marquee>
</div>

Layout Comments

Showing latest 10 of 54 comments

very cute ;]

By nhien on Oct 22, 2008 8:49 pm

I don't like pink either but I love this layout xD.

By TheExoticPeachFairy on Aug 17, 2008 3:07 pm

hello (: sorry to bother you, but then you know in the CLOVEext2 which is the marquee i want to take it out so i did, and it showed a box or a border or something and i took out the whole "CLOVEext2" and in the who i like to meet i also took it out, but then it still shows a box or border around it..
shown in mozilla & internet explorer.. Any help ? how to take it out ? please.. and this is a very cute layout ! its very pretty (:

By shatteredheartzx on Jul 18, 2008 7:53 pm

um, i need help with the uploading picture part. i've read the other comments & i'm not the only one. i understand what you are talking about. like, i can find the 142x124 thing or whatever, but what do i do to upload a picture? like how do i find the html of my picture or whatever it is that i need to do? you say copy your picture onto there, but i do not get it. please help me. everything else is great! love your layouts. :)

By shabbrea on Jul 16, 2008 5:01 am

this layout is so cute!!!

By lala-uyen-lala on Jun 19, 2008 12:25 pm

Aww. Love it. SoOOoo much.

You're dope. Love your layouts.

By DaCandy on Jun 14, 2008 9:47 am

To- lillinaluv
It is in the “I‘d Like to Meet” Section.

Eck, I apologize for the (very) late reply. Lol, I bet you’ve already figure it out already. If yeah, good job(:

By my-teacup on Jun 12, 2008 5:57 pm

is the place where you put the picture in i'd want to meet are about me??

By lillinaluv on May 30, 2008 12:34 am

i can find the 142x124....sorry for teh bother

By lillinaluv on May 30, 2008 12:28 am

To- MOMMIE23
Please read the “Designer‘s Comment.”

Thanks for the comment. ♥

By my-teacup on Apr 27, 2008 11:21 pm

View all »

Layout Details

Designer	my-teacup
Submitted on	Dec 25, 2007
Page views	54,718
Favorites	438
Comments	54
Reviewer	karmakiller
Approved on	Dec 25, 2007

Layout Colors

Layout Tags

cute, girls, love, cutelove, heart, davlinstyle

Layout Tools

Layout Affiliates

Here I Stand Layouts