click!

Designer's Comments

Look carefully for specific instructions

This is a pretty basic and easy to edit layout. Just replace the "XXXXXX" with your user idea and replace the placeholder photo with your own default photo (I put labels in the code so you can easily find the image).

Images are from SXC.hu.

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>
body {
	background-image:url(http://cbimg9.com/layouts/08/05/27857aa.jpg);
}

.bodycontent div td {
	background-color: transparent!important;
}

td, tr, table {
	visibility:hidden;
}

td, tr, table a.text {
	visibility:visible;
}

div div select, div div form {
	display:none !important;
}

select { 
	filter:alpha(opacity=0); opacity:0.0; 
}

.main {
	position: absolute;
	left: 50%;
	top: 100px;
	width: 800px;
	z-index: 1;
    margin-left: -400px;
    background-image: url(http://cbimg9.com/layouts/08/05/27857aa.jpg);
}

.commentbox{
	width: 100%;
	height: 100%;
}

table tr td div font {
	visibility:hidden;
}

.Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:500px;
}

.click-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:34px;
}

.click-02_ {
	position:absolute;
	left:0px;
	top:34px;
	width:459px;
	height:16px;
}

.click-03_ {
	position:absolute;
	left:459px;
	top:34px;
	width:298px;
	height:312px;
	background-image: url(http://cbimg9.com/layouts/08/05/27857ab.jpg);
}

.maintext{
	padding: 15px;
	overflow:auto;
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	color:ffffff;
	width: 90%;
	height: 80%;
}

.click-04_ {
	position:absolute;
	left:757px;
	top:34px;
	width:43px;
	height:466px;
}

.click-05_ {
	position:absolute;
	left:0px;
	top:50px;
	width:272px;
	height:176px;
	background-image:url(http://cbimg9.com/layouts/08/05/27857ac.jpg);
}

.click-06_ {
	position:absolute;
	left:272px;
	top:50px;
	width:11px;
	height:111px;
}

.click-07_ {
	position:absolute;
	left:283px;
	top:50px;
	width:140px;
	height:111px;
	background-image: url(http://cbimg9.com/layouts/08/05/27857ad.jpg);
}

.commenttext{
	padding: 10px;
}

.click-08_ {
	position:absolute;
	left:423px;
	top:50px;
	width:36px;
	height:450px;
}

.click-09_ {
	position:absolute;
	left:272px;
	top:161px;
	width:151px;
	height:41px;
}

.click-10_ {
	position:absolute;
	left:272px;
	top:202px;
	width:151px;
	height:298px;
}

.click-11_ {
	position:absolute;
	left:0px;
	top:226px;
	width:272px;
	height:274px;
}

.click-12_ {
	position:absolute;
	left:459px;
	top:346px;
	width:298px;
	height:154px;
	background-image:url(http://cbimg9.com/layouts/08/05/27857ae.jpg);
	text-align:center;
}

a.photo:link img{
	width: 90px;
	height:90px;
	border: 1px dashed ffffff;
	text-align:center;
}

a.linkage:link,a.linkage:active,a.linkage:visited {
	font:9px "Courier New"; 
	letter-spacing:0px; 
	display:block; 
	margin-bottom:1px; 
	border: 1px solid;
	border-color:ffffff; 
	line-height:12px; 
	color:FFFFFF; 
	valign:center; 
	background-color:000000;
	text-align: right;
	padding: 3px; 
	text-decoration:none !important;
}

a.linkage:hover {
	font:9px "Courier New"; 
	letter-spacing:0px; 
	display:block; 
	margin-bottom:1px; 
	border: 1px solid;
	border-color:ffffff; 
	line-height:12px; 
	color:FFFFFF; 
	valign:center; 
	background-color:000000;
	text-align: left;
	padding: 3px; 
	text-decoration:none !important;
}

h1{
	font-family:"Courier New", Courier, monospace;
	font-size:16px;
	color: CCCCCC;
	text-align: right;
	line-height: 5px;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="main">
<table style="width: 800px;
height: 800px;
cellpadding: 0px;
cellspacing: 0px;
background-color: transparent;">
<tr>
<td valign="top">
<div class="Table_01">
<div class="click-01_">
<img id="click_01" src="http://cbimg9.com/layouts/08/05/27857af.jpg" width="800" height="34" alt="" />
</div>
<div class="click-02_">
<img id="click_02" src="http://cbimg9.com/layouts/08/05/27857ag.jpg" width="459" height="16" alt="" />
</div>
<div class="click-03_">
<div class="maintext">
<h1>About Me</h1>
Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. 
<h1>Music</h1>
Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. 
<h1>Movies</h1>
Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. 
<h1>Book</h1>
Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. 
</div>
</div>
<div class="click-04_">
<img id="click_04" src="http://cbimg9.com/layouts/08/05/27857ah.jpg" width="43" height="466" alt="" />
</div>
<div class="click-05_">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="linkage">
Add Me
</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="linkage">
Message Me
</a> 
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="linkage">
Comment Me
</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="linkage">
View Me
</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="linkage">
Read Me
</a>
</div>
<div class="click-06_">
<img id="click_06" src="http://cbimg9.com/layouts/08/05/27857ai.jpg" width="11" height="111" alt="" />
</div>
<div class="click-07_">
<center>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">
<put picture here><img src="http://cbimg9.com/layouts/08/05/27857aj.jpg" border="0" /><put picture here>
</a>
</center>
</div>
<div class="click-08_">
<img id="click_08" src="http://cbimg9.com/layouts/08/05/27857ak.jpg" width="36" height="450" alt="" />
</div>
<div class="click-09_">
<img id="click_09" src="http://cbimg9.com/layouts/08/05/27857al.jpg" width="151" height="41">
</div>
<div class="click-10_">
<img id="click_10" src="http://cbimg9.com/layouts/08/05/27857am.jpg" width="151" height="298" alt="" />
</div>
<div class="click-11_">
<img id="click_11" src="http://cbimg9.com/layouts/08/05/27857an.jpg" width="272" height="274" alt="" />
</div>
<div class="click-12_">
</div>
</div>
</td>
</tr>
</table>
</div>
<span class="text"><noembed></style>

Layout Comments

Showing latest 10 of 34 comments

Yeah this is screwed on IE...gaaay loved this layout. Damn

By KBPhotography on Feb 16, 2009 5:03 pm

how do you fix the scroll box on the polaroids?

By kunga on Jun 14, 2008 8:51 pm

AWESOME LAYOUT!
just wish it would work better in IE :/

By aldb1054 on Jun 10, 2008 11:17 pm

The Pic wont work for me.
bnut over than that
i has got to be one the best ones on here

By JoannaXXXX on Jun 10, 2008 7:41 pm

haha i used that same polaroid picture in one of my layouts.
i really like it.
nice work :]

By eightywindows on Jun 8, 2008 7:22 pm

it rocks but. interent explorer makes it look retarded

the regulaar profile is showing in gaps underneath the layout :S

By guitar-girl-xox on Jun 8, 2008 2:27 am

I love this and I think you should make one just like it but with a motion picture camera lol :] :] :] :] :] go hollywood!

By hang_ten33 on Jun 2, 2008 4:28 pm

yah so i absolutly love this layout and i would use it but its definitely really screwed up in IE =[

By girl4god477 on Jun 1, 2008 6:56 pm

so i just put this as my layout.
and i've tried everything to fix it.
but the scroll box in the poloroid isn't working...
what do i do??

By killahcourtney on May 30, 2008 4:56 pm

This is amazing! :D

By Decode on May 30, 2008 4:12 pm

View all »

Layout Details

Designer	roxxtar
Submitted on	May 25, 2008
Page views	36,282
Favorites	362
Comments	34
Reviewer	highwayto4355
Approved on	May 25, 2008

click!

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