Kelly Clarkson

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

works in IE and FF! YAY!

i changed the color of the text!

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">
body table {margin-top:-50000px;}
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;}

embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;}

a:hover {cursor:   crosshair   } 
body {cursor:   crosshair   }

body {
background-image:url(http://cbimg6.com/layouts/07/11/21/23265aa.png);
}body {
background-color:000000;
cursor:crosshair;
font-weight:normal;
scrollbar-face-color:000000;
scrollbar-track-color:000000;
scrollbar-arrow-color:FFFFFF;
scrollbar-highlight-color:000000;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-darkshadow-color:000000;
}

a:link, a:visited, a:active {
font-family:papyrus;
font-size:10px;
font-weight:bold;
color:333;
text-decoration:none;
}

a:hover {
font-family:papyrus;
font-size:10px;
font-weight:bold;
color:666666;
text-decoration:underline;
}

.image {
position:absolute;
overflow:auto;
top:150px;
left:150px;
background-color:transparent;
border:4px border-color:000;
}

.navigation {
position:absolute;
overflow:auto;
allign:left;
background-color:transparent;
border:0px;
width:170px;
height:240px;
top:552px;
left:340px;
}

.aboutme {
position:absolute;
overflow:auto;
top:552px;
left:440px;
background-color:transparent;
font-family:papyrus;
font-size:13px;
color:000;
font-weight:normal;
height:170px;
width:410px;
margin:0;
padding:0;
}

.extra {
position:absolute;
overflow:auto;
top:732px;
left:438px;
background-image:url(http://cbimg6.com/layouts/07/11/21/23265ab.jpg);
font-family:papyrus;
font-size:13px;
color:000;
font-weight:normal;
height:100px;
width:415px;
margin:0;
padding:0;
}

.commentbox {
position:absolute;
overflow:none;
background-color:fff;
font-family:papyrus;
font-size:13px;
color:white;
font-weight:normal;
border:0px;
width:95px;
height:115px;
top:730px;
left:165px;
}

u {color:666;text-decoration:none;}
b {color:333;font-weight:bold;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</a>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld1BpY3R1cmUmZnJpZW5kSUQ9RlJJRU5ESURIRVJFISEhIQ==">View My Pics</a>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1GUklFTkRJREhFUkUhISEh">Add Me</a><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9RlJJRU5ESURIRVJFISEhIQ==">Message Me</a><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9RlJJRU5ESURIRVJFISEhIQ=="> My blog</a><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPUZSSUVORElESEVSRSEhISE="> All my friends</a><br>
</div>

<div class="aboutme">
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!
About me section goes here!</div>

<div class="extra">
this is an extra div for u! place watever u like here?this is an extra div for u! place watever u like here?this is an extra div for u! place watever u like here?this is an extra div for u! place watever u like here?this is an extra div for u! place watever u like here?this is an extra div for u! place watever u like here?this is an extra div for u! place watever u like here?this is an extra div for u! place watever u like here?this is an extra div for u! place watever u like here?
</div>

Layout Comments

Showing latest 9 of 9 comments

it's awesome! :)
how do you put all your details into it?
cause it's just got: about meabout me about me.. etc lol .

By anakellyaclarkson on Apr 13, 2008 5:18 am

Navigation doesnt want to seem to work. Even when Friend ID's are added... Any advice on how to fix this would be great. Thanks :D

By AKGirl907 on Dec 20, 2007 10:01 pm

Ooh, pretty.

By tokyo-rose on Nov 22, 2007 12:37 pm

very nice. the image is very very lovely. the white text, however, can't be seen very well.

By twodreamlovers on Nov 21, 2007 10:59 pm

Ooh, pretty. ^^
But I don't like the font being white; too white. xP So hard to see and it hurts my eyes. x.x
But the banner is awesome! =D

By DelicateLove on Nov 21, 2007 10:45 pm

The banner is pretty, but I think the rest of the layout could be more organized looking.

By schizo on Nov 21, 2007 1:19 pm

Wow, this is great. Neat layout :)

It's hard to make out the white text on the light background though, but other than that, it's awesome!

By joespace on Nov 21, 2007 5:55 am

gorgeous!
love the colors.
(:

By Jovannie on Nov 21, 2007 1:23 am

looks good.

By Marlons on Nov 21, 2007 12:42 am

Layout Details

Designer	insaneXseducti0n
Submitted on	Nov 21, 2007
Page views	9,860
Favorites	36
Comments	9
Reviewer	freeflow
Approved on	Nov 21, 2007

Layout Tags

, kelly clarkson, kelly, clarkson, green, blue, music, rock, cute, punk, insanexseducti0n

Layout Tools

Layout Affiliates

Here I Stand Layouts