Simple Punkish Div

Designer's Comments

Look carefully for specific instructions

Make sure to replace links with your friend ID, and do it before you hit edit profile other wise the links will turn into myspace links and you'll have to retrieve the code yourself :)

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">
{sets the default style for the body, table data, list data, divisions and text areas}
{ body, well you know what that is}
{ div, p, and xmp are classes}
{ table, tr, td, and th are table properties}
body,xmp,table,tr,td,th{
background-image: url(http://cbimg6.com/layouts/07/11/23/23330ac.png);
background-repeat: repeat;
background-color: ffffff;
background-attachment: fixed;
font-family: arial;
font-size:9pt;
color: 6F6F6F;
border: none;}

b {
font-family:                    Trebuchet MS, Times New Roman; 
color:                          000000;
font-weight:                    bold;
text-transform:                 none;}

u {
font-family:                    Trebuchet MS, Times New Roman;
color:                          7CDC3C;
font-weight:                    bold;
text-transform:                 none;
}

i {
font-family:                    Trebuchet MS, Times New Roman;
font-weight:                    bold;
color:                          6F6F6F;
font-style:                     italic;
text-transform:                 none;}

h1 {
	margin:1;
	padding:0;
	font-family:georgia;
        font-style: italic;
        text-align: center;
        color:000000;
	font-size:13pt;
        font-weight:none;
	line-height:15pt;
	text-transform:none;
        background-color:C9FF93;
        border-bottom: 1px dotted black;
        display: block;
        
}

h2 {
	margin:1;
	padding:0;
	font-family:georgia;
        font-style: italic;
        text-align: center;
        color:000000;
	font-size:13pt;
        font-weight:none;
	line-height:15pt;
	text-transform:none;
        background-color: FF007D;
        border-bottom: 1px dotted black;
        display: block;
        
}
h3 {
	margin:1;
	padding:0;
	font-family:georgia;
        font-style: italic;
        text-align: center;
        color:000000;
	font-size:13pt;
        font-weight:none;
	line-height:15pt;
	text-transform:none;
        background-color: 00FCFF;
        border-bottom: 1px dotted black;
        display: block;
        
}

.bannertext {
font-family: arial;
font-weight: bold;
letter-spacing: -1px;
color: 000000;
text-align: justify;
       
}

input, textarea {
font-family: courier new;
font-size:12pt;
text-align:justify;
color:000000;
border-color:000000;
border-style: solid; 
border-width: 1px;
background-color: ffffff;

}

a:link{color: FF007D; text-decoration:none;font-size:11px !important;font-family:
Trebuchet MS, Times New Roman;line-height:8pt;}
a:visited{color:FF007D; text-decoration:none;font-size:11px !important;font-family:
Trebuchet MS, Times New Roman;line-height:8pt;}
a:active{color:FF007D;text-decoration:none;font-size:11px !important;font-family:
Trebuchet MS, Times New Roman;line-height:8pt;}
a:hover {color:000000;font-size:11px !important;font-family:
Trebuchet MS, Times New Roman;line-height:8pt;}

span, table, td, text,div, tr,a,p{font-size:12px !important;color:6F6F6F; font-family:
Trebuchet MS, Times New Roman;line-height:8pt;}
div table td font {visibility:hidden;}
div table table td font a {visibility:visible;}
table td div {visibility:hidden;}
table table td div {visibility:visible;}
div td td font {display:none;}

form {display:none;}
table table table form {display:inline;}
.a {hide bottom links div}
table div {display:none;}
table table div {display:block;}
td {height:0px;}

div table div {display:block;}
table, tr, td {background-color:transparent;}
.navigationBar {display:none;}
body div table tbody tr td font {visibility:hidden;}
body table div table tbody tr td font {visibility:visible;}
div div select, div div form {display:none !important;}
select { visibility:hidden!important; WIDTH:0px!important;}

body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}

</style>

<div class="content" style="position: absolute; left:100;  top:140; width:220;height:170;overflow: hidden;background-color:ffffff;padding-left:8px;padding-top:10px;">
<center>
<img src="http://cbimg6.com/layouts/07/11/23/23330ab.png"></br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXX">
View more pictures</a>
</center>
</div>

<div class="content" style="position: absolute; left:320;  top:140px; width:550px;height:170px;overflow: auto;background-color:ffffff;padding-left:8px;padding-top:10px;">
<h2>About me</h2>
<b>Thinks you need to do:</b><br/>
Replace links with your friend ID <br/>
Make sure to replace comment box with friend ID<br/>
<br/><br/>
The picture needs to be <u>no bigger</u> then 195px in width, height doesn't really matter. 
<center><b>Bold</b> <a href="">Link</a> <u>Underline</u></center>
<br/><br/>
About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space.About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space.

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

</style>

<div class="right" style="position: absolute; left:100;  top:345px; width:400px;height:180px;overflow: hidden;background-color:transparent;padding-left:8px;padding-top:10px;">
<h1>Friends;</h1>
<center>
<A HREF="FRIEND URL"><img src="http://i17.tinypic.com/6kfzo93.gif"border="1"color="000000"></A>

<div class="right" style="position: absolute; left:500;  top:345px; width:350px;height:180px;overflow: hidden;background-color:ffffff;padding-left:8px;padding-top:10px;">
<h3>Comment</h3>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXX FRIEND ID HERE" type="hidden"><textarea name="f_comments" col; style="color:000000; text-align:center; font-family: courier new; font-size: 12px; height:120px; width:300px; border: 1px dashed white; background-color: F7D56D;">Leave some love ♥</textarea><br /><input type="submit"value="Send" style="color:000000; text-align:center; font-family: courier new; font-size: 12px;border: 1px dotted white; background-color: F7D56D;"><br></center>

</div>

Layout Comments

Showing latest 10 of 32 comments

Using :)
love this!

By brandneweyes on Jan 15, 2009 1:54 pm

gonna use :)

By JenniferCecelia on Jan 10, 2009 12:25 pm

great color choice

By ShapeofaGirl on Dec 18, 2008 11:02 am

This is cool! && yes; very creative. I love the punk-ish look(:

By kaylerz028 on Aug 4, 2008 6:58 pm

cute and creative !
:D

By cute-ajc on Jun 25, 2008 9:54 pm

hey there, i love this lay it's awesome...but my comment boy doesn't work right, it seems like there's missing anything??
could you tell me what's wrong there?

By Rtotheitothek on May 17, 2008 1:26 pm

i loveeeee this layout, but the "view more pics" link goes away when i add my default pic, and when i add my friends photos to the friends space it goes to my photobucket and when i click on "preview profile" it goes to a grey page... can you tell me what im doing wrong???

By danielle1188 on Feb 18, 2008 12:06 pm

love it!!! current layout!!=D

By xXSlutFaceXx on Dec 31, 2007 3:50 am

I'M HAVING TROUBLE ADDING THIS LAYOUT ONTO MY MYSPACE PAGE. I FOLLOWED THE INSTRUCTION BUT CANT FIND THE SUBMIT BUTTON. IT JUST SHOWS A BLANK GRAY PAGE. CAN YOU HELP ME. I LOVE THIS LAYOUT I GIVE IT 5 STARS..LOL PLEASE GET BACK TO ME. THANK YOU.

By jdora25 on Dec 21, 2007 11:42 am

how do you get your display picture to show up?

By kimisunshine on Dec 8, 2007 4:25 pm

View all »

Layout Details

Designer	aesthetic
Submitted on	Nov 22, 2007
Page views	74,075
Favorites	595
Comments	32
Reviewer	freeflow
Approved on	Nov 23, 2007

Simple Punkish Div

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates