Touch The Dots - Avril

Designer's Comments

Look carefully for specific instructions

best viewed in the new IE, and firefox.
First time at working with rollovers. They are the dots located next to the image, not hard to miss.
Credit for the images to sweetandtalented.com which allow you to use their images for free.
pretty easy to manipulate to your own liking once again.
Replace YOURFRIENDIDHERE with friend ID.

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">
body table {margin-top:-10px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }

a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}

table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

body {
background-attachment:scroll;
background-color:f9e1b5;
cursor:crosshair;
font-weight:normal;
}

.navigation{
background-color:transparent; 
position:absolute;
left: 50%; 
width:295px;
height:300px;
z-index:5;
margin-left:-100px;
top:145px;
overflow: auto;}

.home{
height:41px; 
width: 90px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/22/26347aa.png) top left no-repeat; 
display: block;}

.home:hover{
background-position: bottom left;}

.add{
height:41px; 
width: 57px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/22/26347ab.png) top left no-repeat; 
display: block;}

.add:hover{
background-position: bottom left;}

.comment{
height:41px; 
width: 147px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/22/26347ac.png) top left no-repeat; 
display: block;}

.comment:hover{
background-position: bottom left;}

.pics{
height:41px; 
width: 90px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/22/26347ad.png) top left no-repeat; 
display: block;}

.pics:hover{
background-position: bottom left;}

.message{
height:41px; 
width: 147px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/22/26347ae.png) top left no-repeat; 
display: block;}

.message:hover{
background-position: bottom left;}

.block{
height:41px; 
width: 90px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/22/26347af.png) top left no-repeat; 
display: block;}

.block:hover{
background-position: bottom left;}

.header {
position:absolute;
overflow:auto;
top:120px;
left:200px;
background-color:transparent;
border:0px;
}

.main {
position:absolute;
overflow:auto;
top:590px;
left:200px;
background-color:transparant;
font-family:times new roman;
font-size:9px;
color:black;
font-weight:normal;
height:300px;
width:600px;
margin:0;
padding:0;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="main">
<center>
you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here.
you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here.
</div>

Layout Comments

Showing latest 2 of 2 comments

someone is stealing your layout. :(
http://electric-mint.piczo .com/

By coutour-robots on Dec 17, 2008 10:21 pm

At first I thought, "What, no navigation?" but then I hovered the dots. I still think you should indicate in the banner that the dots are the links. :P This could do with headers and a better main font text.

By tokyo-rose on Mar 22, 2008 2:10 pm

Layout Details

Designer	vintage-toile
Submitted on	Mar 21, 2008
Page views	5,647
Favorites	13
Comments	2
Reviewer	Insurmountable
Approved on	Mar 22, 2008

Touch The Dots - Avril

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates