Black & Pink

Designer's Comments

Look carefully for specific instructions

Createblog preview doesn't look right, copy the code & paste in your profile to see how it really looks.

Make sure as soon as you paste the code to replace XXX with your user ID (for the msg add blk roll over links) before you hit submit because myspace will convert the link to a myspace link and you'll have to retrieve those codes yourself.

Also to get the pink bars you'll need to use h1 tags for example: Subject title

-Thanks to SinfullySweet and ThomasC for helping figure out the image links.

Using This Layout

For specific instructions read designer's comments

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

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 {
background-image:url(http://cbimg6.com/layouts/07/11/19/23232aa.gif); 
background-attachment: fixed;
background-position:top left;
background-repeat: repeat-x;
background-color:000000 !important;
text-align: justify;}

.nametext {
color: ffffff;
font-size: 25pt; 
font-family: Edwardian Script ITC;
font-weight: normal;
text-align: center;
letter-spacing: -1px;
line-height: 25px;
text-transform: lowercase;
display:block;}

.blacktext10 {
color: 000000;
font-size: 9pt; 
font-family: verdana;
font-weight: normal;
letter-spacing: -1px;
text-transform: none;
line-height: 11pt;
background-color: F12C77;
border-bottom:1px solid white;
display:block;}

input, button, select {
font-family: arial;
font-size: 10px;
color: 000000;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
text-transform: lowercase;
padding: 2px;
line-height: 8px;
border: 1px solid;
border-color: 000000;
background-image:url('http://cbimg6.com/layouts/07/11/19/23232ab.png');
}

h1{
color: 000000;
font-size: 27pt; 
font-family: Edwardian Script ITC;
font-weight: normal;
text-align: center;
letter-spacing: -1px;
line-height: 25px;
text-transform: lowercase;
background-color:F12C77;
border-bottom:1px solid white;
padding: 0;
margin-bottom: 5px;
display:block;}

textarea{
font-family: arial;
font-size: 10px;
color: ffffff;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
text-transform: lowercase;
padding: 2px;
line-height: 8px;
border: 1px solid;
border-color: 000000;
background-color: FFFFFF;
width: 200px;
height: 100px;
background-image:url('http://cbimg6.com/layouts/07/11/19/23232ab.png')
}

font, td, table, body, p, div,  li, .text {
font-size: 10px;
font-family: arial;
color: ffffff;
line-height: 8px;
text-transform: lowercase;
letter-spacing: 0px;}

strong,b{
color: 000000;
font-family: arial;
font-size: 8pt;
font-weight:bold;
}

a.navbar:active, a.navbar:link, a.navbar:visited {
font-family: arial;
text-transform: lowercase;
font-size: 10px;
letter-spacing: -1px;
text-decoration: none;
line-height: 12px;
font-weight: normal;}

a.navbar:hover {
font-family: arial;
color: F12C77;
text-transform: lowercase;
font-size: 10px;
letter-spacing: -1px;
text-decoration: none;
line-height: 12px;
font-weight: normal;
}

a:link, a:visited, a:active{
color:F12C77;
font-family: arial;
text-transform: lowercase;
font-size: 11px;
text-decoration: none;
line-height: 8px;
font-weight: bold;}

a:hover {
color:ffffff;
font-family: arial;
text-transform: lowercase;
font-size: 11px;
text-decoration: none;
line-height: 8px;
border-bottom: 1px solid;
border-color: F12C77;
cursor: help;
font-weight: bold;}

.redlink {color:ffffff !important; font-family: arial;
text-transform: lowercase;
font-size: 11px;
text-decoration: none;
line-height: 8px;
font-weight: bold;}

.orangetext15 {display:none;}
.a {hides about and meet labels only}
.btext {
display: none;}
.contactTable {display: none;}
.commentlinks {
display: none;}
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
.userProfileSchool {display:none;}
.userProfileCompany {display:none;}
.lightbluetext8, .whitetext12 {display:none;}

img {border: 0px;}

table, td, tr {padding: 0px;}
table, td, tr {border: 0px;}
table, td, tr {height: 0px;}

table {padding: 0px; border: none;background-color: transparent;}
td td td td {width: .01%!important; padding: 0px;}
table, td {width: 630px;}
table table table {width: 270px;background-color: 2F2F2F;padding: 0;}
td.text td.text a img {width: 60px !important; margin:4px;}
table table td img {display:none;}
table table table td img {display:inline;}
table table {width: 600px;background-color: transparent;}
table table table table {width: 100%;}
table, td, tr {height: 1px;background-color: transparent;padding: 0;}
td td td div strong {width:170px!important; display:block;}

.a {hide bottom links}
table div {display:none;}
div table div,
table table div {display:block;}

.Friends align
.friendSpace .btext {text-align:center;}
.friendSpace td.text div {text-align:center;}
.friendSpace td.text td td {vertical-align:bottom;}
.friendSpace td.text td td {vertical-align:bottom;}
.friendSpace .ImgOnlineNow {display:none;}

.Hide Number of Comments
td.text table {width:100%;}
.FriendsComments td.text td b {visibility:hidden;}
.FriendsComments td.text td b a,
.FriendsComments td.text td td b {visibility:visible;}

div table{background-color:transparent;}
body table td div form {display:none !important;}
div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }

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;}

table.latestBlogEntry {display:none;}

.note {bring the tables up more}
td.text table {position:relative; top: -40px;}
td.text table table {position:static;}

.add{
    height:40px;
    width:49px;
    background-COLOR:transparent;  
    background-image: url(http://cbimg6.com/layouts/07/11/19/23232ac.gif);
    background-position:top left;
    background-repeat: no-repeat;
    display: block;}

.add:hover{
    background-position: top right; border-bottom: 0;}
	
.msg{
    height:50px;
    width:103px;
    background-COLOR:transparent;  
    background-image: url(http://cbimg6.com/layouts/07/11/19/23232ad.png);
    background-position:top left;
    background-repeat: no-repeat;
    display: block;}

.msg:hover{
    background-position: top right; border-bottom: 0;}

.blk{
    height:39px;
    width:61px;
    background-COLOR:transparent;  
    background-image: url(http://cbimg6.com/layouts/07/11/19/23232ae.png);
    background-position:top left;
    background-repeat: no-repeat;
    display: block;}

.blk:hover{
    background-position: top right; border-bottom: 0;}

</style>
<a href="http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vcGVydm9p"><img src="http://i15.tinypic.com/7xv8p7d.png"border="0" style="position: absolute; top: 0px; left: 0px; width:52px" height:25px"></a>

<h1>About me</h1>
You can replace the title about me to whatever you want. To get the green bars with the subject title (like about me, music, interests, etc..) You heading tag 1, for example <<</b>h1>Title here<</b>/h1>
<br/><br/>
<u>Createblog preview of this layout isn't entirely correct, insert code to see how it really looks</u><br><br>
</center>

Layout Comments

Showing latest 10 of 26 comments

very cute,i'm using

By Rarrr on Aug 15, 2009 12:59 am

sry but i have a problem with the interests bars D: can u help me ? my.deathwishh@hotmail.com anyway, thanks ! :D

By AnniDeathwish on Feb 11, 2009 2:13 pm

OMFG! i love it ! because its so simple but cute :3
im going to use it *-*

By AnniDeathwish on Feb 11, 2009 2:02 pm

cute and simple, i like!

By marytran82 on Jul 12, 2008 4:04 am

cute colors !
:D

By cute-ajc on Jun 26, 2008 10:24 pm

ZOMG!! Haha so I used this layout. I love the hell out of it!! Haha one problem, I think I lost the credits!

By JayLady on Jan 14, 2008 3:59 pm

i like it im using it..nice job = )

By dana90 on Jan 10, 2008 3:30 pm

It's not working on my myspace, I put the code in and it's just showing a couple of modules on the left side and none of the right ones.

By divinemine on Dec 19, 2007 12:01 pm

Excuse me, but is there a way to insert a small ?x? picture into the upper right box area? I've seen a couple of users with this layout who've done it like this before.

Check this person out on MySpace! :D He's done it.

http://profile.myspace. com/index.cfm?fuseaction=user. viewprofile&friendID=225486912

By Aoi on Dec 15, 2007 8:13 pm

COOL! i'm using!

By sakurayaj on Nov 30, 2007 6:00 pm

View all »

Layout Details

Designer	aesthetic
Submitted on	Nov 19, 2007
Page views	85,246
Favorites	344
Comments	26
Reviewer	SinfullySweet
Approved on	Nov 19, 2007

Black & Pink

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates