curious

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

first layout in a ~long~ time!

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>
table {border-collapse: separate;} .navigationBar table td {visibility: hidden;}

p{
color:464646;
font-family: Palatino;
font-size: 10px;
}

body {
background-color: B7B6B7;
background-image: url(http://cbimg6.com/layouts/08/02/26/25810ac.jpg);
background-repeat: repeat-x;
scrollbar-arrow-color:FF0000;
scrollbar-track-color: fff;
scrollbar-shadow-color: fff;
scrollbar-face-color:E1E1E1;
scrollbar-highlight-color:fff;
scrollbar-darkshadow-color:fff;
scrollbar-3dlight-color:fff;}

.aboutme {
overflow:auto !important; 
width:380px; 
height: 355px; 
font-family: Palatino;
color: ED1B23; 
text-align: justify; 
font-size: 10px; 
line-height: 16px; 
border: none;
position: absolute;
left: 50%;
top: 220px;
_top:230px;
margin-left: -155px;
z-index: 2;
overflow: auto !important;
overflow-x: hidden;}

.sidebar {
position: absolute;
margin-left: -330px;
top: 220px;
left: 50%;
z-index: 3;
font-family:Palatino;
font-size:10px;
width:130px;
_width:150px;
padding: 10px;
background-color: white;
border-top: 3px solid rgb(225,225,225);
border-bottom: 3px solid rgb(225,225,225);}

.curious {
position: absolute;
left: 50%;
top: 150px;
margin-left: -170px;
z-index: 0;
border: 0px;
width: 400px;
height: 1064px;
background-color: white;
}

.commentbox {
position: absolute;
left: 50%;
margin-left: -150px;
top: 820px;
_top: 950px;
font-family: Palatino;
font-size: 10px;
color: 636363
background-color: EBEBEB;
z-index: 4;}

table, tr, td {background-color: transparent; border: 0px solid black; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color: 000; background-color: transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 10px Palatino; color:464646; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 10px arial; color:464646; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:Palatino; font-size:9px; color:000; font-weight:none;border:0px; text-transform: none; }

{style for the number of friends you have.}  
.redbtext{font-family:Palatino; font-size:12px; color:FF0000; font-weight:none;border:0px; text-transform: none; }

{date stamp on comments}  
.blacktext10{font-family:Palatino; font-size:10px;  color:FF0000; font-weight:none;border:0px; text-transform: none;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:Palatino; font-size:10px; font-weight:bold; color:FF0000;border:0px; text-transform: none; }  
a:link{font-family:Palatino; font-size:10px; color:FF0000; font-weight:abold;border:0px; text-transform: none;}
a:active{font-family:Palatino; font-size:10px; color:000; font-weight:bold;border:0px; text-transform: none;}
a:visited{font-family:Palatino; font-size:10px; color:FF0000; font-weight:bold;border:0px; text-transform: none;}
a:hover{font-family:Palatino; font-size:10px; color:000; font-weight:bold;border:0px;background-color:yellow; text-transform: none;}

{”View all friends” and “invite more” link style}  
a.redlink{font-family:Palatino; font-size:10px; color:000; font-weight:none;border:0px; text-transform: none;}  
a.redlink:link{font-family:Palatino; font-size:10px; color:000; font-weight:none;border:0px; text-transform: none;}
a.redlink:active{font-family:Palatino; font-size:10px; color:000; font-weight:none;border:0px; text-transform: none;}
a.redlink:visited{font-family:Palatino; font-size:10px; color:000; font-weight:none;border:0px; text-transform: none; }
a.redlink:hover{font-family:Palatino; font-size:10px;  color:000; font-weight:none;border:0px; text-transform: none;}

{Default Links}
a:link, a.man{font-family:Palatino; font-size:9px; color:FF0000; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:Palatino; font-size:9px; color:FF0000; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:Palatino; font-size:9px; color:FF0000; font-weight:none;border:0px; text-transform:none;}
a:hover{font-family:Palatino font-size:9px; color:000;background-color: yellow; font-weight:none;border:0px; text-transform: none;}

{bolded words}
.standard b, p b, B, strong {
font-family:Palatino; font-size:9px; color:898989; font-weight:none;border:0px; text-transform: none; }

</style>

.comt {position:absolute;left:50%; margin-left:-175px; height:100px; _height:300px; top:600px;width:400px; padding-top:70px; overflow:auto;}
.blacktext10 {width: 250px;}
</style>

<div class="aboutme">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus egestas ligula ac quam posuere nonummy. Donec odio erat, lobortis in, cursus vitae, malesuada eu, lectus. Duis tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse eleifend. Mauris nec velit. Integer malesuada arcu sit amet ligula. Nulla vitae justo. Quisque libero. Nunc accumsan interdum erat. Morbi sollicitudin, tortor et porttitor imperdiet, tortor dolor mollis dui, ac tincidunt velit purus eu dui. Proin interdum mauris. Nunc quam sem, dictum eget, mollis vel, sagittis quis, tortor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc pharetra nulla a nisl. Proin sapien enim, convallis at, tempus rhoncus, posuere in, felis.
</p><p>
Cras pharetra, orci at feugiat laoreet, est magna aliquet magna, id ullamcorper ligula pede ut pede. Etiam lorem diam, pharetra in, sollicitudin et, elementum vitae, elit. Etiam ante mauris, cursus in, bibendum suscipit, viverra vel, enim. Vestibulum sagittis odio vitae magna. Mauris et nulla. Nunc dignissim, lorem vitae tincidunt facilisis, velit nisi ornare purus, eu vestibulum augue augue eget arcu. Curabitur accumsan, mauris ac porttitor blandit, nunc velit posuere quam, ut tincidunt leo libero vulputate dolor. Aenean sit amet erat a ante scelerisque scelerisque. Donec in magna ac ligula scelerisque euismod. Donec pede. Mauris rutrum velit vitae ante. Aliquam libero urna, lacinia blandit, rhoncus adipiscing, congue non, purus.</p>
<p>
Mauris lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean vulputate, nulla nec rutrum aliquet, pede nibh rutrum velit, ac cursus urna massa quis diam. Suspendisse vel pede. In nulla purus, porta ac, convallis quis, tempor sit amet, diam. Duis fermentum laoreet velit. Aliquam scelerisque. Cras erat erat, fermentum non, vehicula at, malesuada quis, diam. Vestibulum nibh. Fusce consectetuer neque id magna. Suspendisse at metus sed pede tristique egestas. Praesent sem. Proin consequat leo in mi. Donec lacinia elit vel leo cursus accumsan. Morbi nunc ipsum, suscipit vel, commodo ac, laoreet nec, magna. Cras nec diam vel turpis fringilla cursus. </p> </div>

<div class="commentbox">
<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="width: 310px; height: 110px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 818181; font-family: verdana, lucida sans; text-transform:uppercase; line-height: 14px; font-size: 10px; color: 818181; background-color: f4f4f4;" style="overflow:auto;">Comment Me</textarea>
<br> <input value="SUBMIT" style="border-width: 1px; border-style: solid; border-color: 818181; width:75px; font-family: verdana, lucida sans; text-transform: uppercase; letter-spacing:1pt; font-size: 10px; color: 818181; background-color: f4f4f4;" type="submit"> <input value="RESET" style="border-width: 1px; border-style: solid; border-color: 818181; width:75px; font-family: verdana, lucida sans; text-transform:uppercase; letter-spacing:1pt;font-size: 10px; color: 818181;  background-color: f4f4f4;" type="reset"></form></div>

<div class="sidebar">
<img src="http://cbimg6.com/layouts/08/02/26/25810ab.jpg"><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbXlwc2FjZS5jb20=">link to photos goes here</a>
more text here? maybe?
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 10 of 18 comments

Very nice

By dropdeadd on Aug 15, 2008 5:09 pm

this is great! its exactly what i need. but how do you get rid of the pic?

By ari123 on May 25, 2008 9:17 pm

the design is too long and the links should be at the top
meh.
1.5 out of 10.

By s3xt0y on Mar 25, 2008 2:56 am

lovin it..
wanna see how i'm don wiff it?!
myspace.com/msscrumpciou s

profile is private so yeu gotta add!

By vonne on Mar 2, 2008 5:41 pm

the simplicity is awesome. great job :]

By none345678 on Feb 28, 2008 6:28 pm

this is exactally what i was looking for!!! i spent an hour yesterday looking for something like this!! THANKYOUUU

By Mamaklovesyou on Feb 27, 2008 5:18 pm

I like it. Very simple. :)

By schizo on Feb 27, 2008 5:13 pm

This is really nice. I think I'm gonna use flash comments though, I hope you don't mind. It just would look better with this nice slim and sleek design!

By CreativeArticulate on Feb 27, 2008 9:36 am

I love this. Although...The comments can be removed and can be replace with something else, yes?

By ZOMBiiE on Feb 27, 2008 4:17 am

I like this layout, it's so clean-cut and simple in an awesome way :).

By monstrum on Feb 26, 2008 11:23 pm

View all »

Layout Details

Designer	Heathasm
Submitted on	Feb 26, 2008
Page views	22,211
Favorites	95
Comments	18
Reviewer	pandora
Approved on	Feb 26, 2008

curious

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates