Pink&Grey

Designer's Comments

Look carefully for specific instructions

- Replace the XXXXXXXXXX with your friend id. They are at the bottom. There are 4 of them.
- Works fine in both IE ans FF

WHAT YOU SEE IN THE SCREEN SHOT IS WHAT IT LOOKS LIKE ON MYSPACE.

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><p><a href="http://iwontrapeyou.createblog.com/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/08/10/32234aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.add {display:block;width:58px;height:73px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/11/32514aa.png"); background-repeat:no-repeat; background-position:top left; }

.add:hover {display:block;width:58px;height:73px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/11/32514ab.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>

.msg:hover {display:block;width:50px;height:73px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/11/32514ad.jpg"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<p><a href="http://iwontrapeyou.createblog.com/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/08/10/32234aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p>

.pic:hover {display:block;width:50px;height:73px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/11/32514af.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>

.blk:hover {display:block;width:50px;height:73px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/11/32514ah.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>

a {color:ee2b74 !important;
font-family:arial!important;
font-size:9pt!important;
letter-spacing: 0px!important;
font-weight: normal!important;
}

a:hover {color:ee73a1 !important;
font-family:arial!important;
font-size:9pt!important;
letter-spacing: 0px;
text-decoration:none!important;}

img {border:0px;}

h1 {color:b30646!important;
font-family:georgia;
font-size:20pt;
letter-spacing:-2px;
text-transform:none;
line-height:15px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;
margin-top:10px;}

h1:first-letter {font-size:23pt;}

h2 {color:2b2b2b!important;
font-family:georgia;
font-size:17pt;
letter-spacing:-1px;
text-transform:none;
line-height:10px;
text-align:center;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

U {
border-bottom: 1px solid;
border-bottom-color: b20645; }

I {
font-family: arial;
letter-spacing: 1px;
font-size:13px;}

S {
font-style: strike; }

B {
font-family:arial;
font-size:12px;
color:353535;
letter-spacing: 0px;
font-weight:none;
border:0px;
text-transform: none; }

.aboutme1{
color:c7c7c7!important;
font-family:arial;
font-size:8pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}

</style>

</style>
<style>body{cursor:Crosshair}</style>
<style>a:hover{cursor:Help}</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>I said I was a serial killer,</h1>

<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula.

<h1>Not perfect.</h1>

<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. </blockquote>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus.

<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. </blockquote>

</div>

Layout Comments

Showing latest 10 of 12 comments

i love this lyt
jw, if theyre also tabs for messaging&home
please? [:

By monysafatty on Jan 15, 2009 1:29 am

Give me 2-3 days to fix it, I will have to re lode the images. Sorry.

By none345678 on Jan 3, 2009 4:25 pm

soo.. I LOVE the layout... but for some reason when I copy it into myspace, all but three of the tabs are missing, those tabs being block, add, and pics... am I doing something wrong? I haven't changed any of the code.... HALP!!

By MissFianna on Jan 3, 2009 3:30 am

i luv it!!!!....the pink and grey are cute...but i think you should do another color..{hey any color is good for me!}

By Li-Li22 on Dec 27, 2008 7:37 pm

Thanks guysss

And yeah pink and grey are sexy colors :D!

By none345678 on Nov 14, 2008 12:24 am

I like this quite a lot. Nice navigation.

By tokyo-rose on Nov 13, 2008 4:25 pm

Too bad this shows your music player underneath the top layer...

By DNapoleon on Nov 13, 2008 10:52 am

Lovely :D

By fainaru on Nov 12, 2008 10:36 pm

sweetness.. :)
grand rollovers too :)

By diputs on Nov 12, 2008 9:33 pm

This is cuuute!

By Harp on Nov 12, 2008 9:05 pm

View all »

Layout Details

Designer	none345678
Submitted on	Nov 12, 2008
Page views	17,237
Favorites	135
Comments	12
Reviewer	micron
Approved on	Nov 12, 2008

Pink&Grey

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates