Dot Mania

Designer's Comments

Look carefully for specific instructions

There's really not much to this layout, but you do have to edit my ramblings with yours and replace all of the X's with your friendID, and don't forget the one in the comment box.
If you're having trouble find the X's, hit F3 on your keyboard, and type in at least 4 X's. This is simply just searching the page for the text. Keep hitting the next button (while replacing the X's with your friend ID) until it tells you there's nothing left.

And no taking credit off, or forks go in your ears.

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>
.clearfix {margin-top: 0px; height: -0px; width:63.5%; background:none!important;}
div.profileWidth div.clearfix {position:relative; top:765px !important; margin-left:-40px !important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
.contacttable, .extendednetwork, .latestblogentry, .profileinfo, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .friendscomments, .friendspace, .orangetext15{display:none;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

body{
background-color:000000;
background-image:url("http://cbimg6.com/layouts/08/08/30681aa.png");}

.back{
position:absolute;
top:50px;
left:127px;
z-index:1;}

.content{
position:absolute;
top:82px;
left:375px;
width:447px;
_width:463px;
height:179px;
_height:190px;
overflow:auto;
z-index:2;
padding-left:8px;
padding-right:8px;
padding-top:5px;
padding-bottom:5px;
font-family:verdana;
color:292314;}

.home a {
position:absolute;
top:89px;
left:147px;
display: block;
width: 21px;
height: 110px;
z-index:5;
background: url(http://cbimg6.com/layouts/08/08/30681ab.png) no-repeat;
}
.home a:hover img, .two a:focus img { display: none }
.home a:hover { line-height: 1 }

.pics a {
position:absolute;
top:226px;
left:147px;
display: block;
width:21px;
height:110px;
z-index:5;
background: url(http://cbimg6.com/layouts/08/08/30681ac.png) no-repeat;}
.pics a:hover img, .two a:focus img { display: none }
.pics a:hover { line-height: 1 }

.message a {
position:absolute;
top:363px;
left:147px;
display: block;
width:21px;
height:110px;
z-index:5;
background: url(http://cbimg6.com/layouts/08/08/30681ad.png) no-repeat;}
.message a:hover img, .two a:focus img { display: none }
.message a:hover { line-height: 1 }

.add a {
position:absolute;
top:89px;
left:831px;
display: block;
width: 21px;
height: 110px;
z-index:5;
background: url(http://cbimg6.com/layouts/08/08/30681ae.png) no-repeat;
}
.add a:hover img, .two a:focus img { display: none }
.add a:hover { line-height: 1 }

.friends a {
position:absolute;
top:226px;
left:831px;
display: block;
width:21px;
height:110px;
z-index:5;
background: url(http://cbimg6.com/layouts/08/08/30681af.png) no-repeat;}
.friends a:hover img, .two a:focus img { display: none }
.friends a:hover { line-height: 1 }

.block a {
position:absolute;
top:363px;
left:831px;
display: block;
width:21px;
height:110px;
z-index:5;
background: url(http://cbimg6.com/layouts/08/08/30681ag.png) no-repeat;}
.block a:hover img, .two a:focus img { display: none }
.block a:hover { line-height: 1 }

.credit a {
position:absolute;
top:489px;
left:195px;;
display: block;
width:610px;
height:21px;
z-index:5;
background: url(http://cbimg6.com/layouts/08/08/30681ah.png) no-repeat;}
.credit a:hover img, .two a:focus img { display: none }
.credit a:hover { line-height: 1 }

.details{
position:absolute;
left:375px;
top:282px;
width:312px;
_width:330px;
height:186px;
_height:195px;
overflow:auto;
z-index:7;
padding-left:8px;
padding-right:8px;
padding-top:5px;
padding-bottom:5px;
font-family:verdana;
color:292314;}

.comment{
position:absolute;
left:187px;
top:330px;
z-index:6;}

.cover{
position:absolute;
top:73px;
left:814px;
z-index:4;}

.cover2{
position:absolute;
top:278px;
left:685px;
z-index:8;}

h1{
font-family:verdana;
font-size:13px; 
color:00587b; 
font-weight:normal; 
text-decoration:none; 
letter-spacing:0px; 
padding:0px; 
width:430px;
_width:423px;
border-bottom-width:1px; 
border-bottom-style:dashed; 
border-bottom-color:00587b;
margin-bottom:2px;
margin-top:-2px;}

h2{
font-family:verdana;
font-size:13px;
color:00587b;
font-weight:normal;
text-decoration:none;
letter-spacing:0px;
padding:0px;
width:170px;
border-bottom-width:1px;
border-bottom-style:dashed;
border-bottom-color:00587b;
margin-bottom:2px;
_margin-bottom:-17px;
margin-top:-2px;}

h3{
font-family:verdana;
font-size:13px;
color:00587b;
font-weight:normal;
text-decoration:none;
letter-spacing:0px;
padding:0pc;
width:300px;
_width:290px;
border-bottom-width:1px;
border-bottom-style:dashed;
border-bottom-color:00587b;
margin-bottom:2px;
margin-top:-2px;}

b{
color:ffffff;
font-family:verdana;
letter-spacing:0pt;
font-weight:bold;}

i,em{
color:ffffff;
font-family:verdana;
letter-spacing:0pt;
font-weight:normal;}

u{
color:ffffff;
font-family:verdana;
letter-spacing:0pt;
font-weight:normal;}

a:link, a:visited, a:active{
font-family:verdana;
color:00587b;}
a:hover{
font-family:verdana;
background-color:000000;
color:00587b;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content"><center><h1>About Me</h1>
Put things about you here. I'm Rad. I'm 15 years young. My favorite color is Navy Blue. Black and white technically aren't colors. All of my electronics are red. I like muffins. Especially Slutmuffins. End of story. I hate you. I love music. I'm a retard....life story right there. I love to sing. I hate when people are stupid. I love my MP3 Player. I hate when men don't shave. You get the point. Put whatever. Your name, age, sex, location, hobbies, friends, birthday. You choose. You have a lot of space to fill. This box has a scroll bar (you just can't see it!), so put as much information as you want here. You can add pictures, but I suggest they be no bigger than about 440 pixels in width, or you'll get a horizontal scroll bar, and those things are ugly.<br />
Go through the I'd Like To Meet code and replace all of the X's with your friendID. If you're having trouble find the X's, hit F3 on your keyboard, and type in at least 3 X's. This is simply just searching the page for the text. Keep hitting the next button (while replacing the X's with your friend ID) until it tells you there's nothing left.<br /><br />
To add another headline in this box, use this, but without the spaces:<br />
< h 1 > Your Headline < / h 1 ><br />
<a href="">This is what a link will look like.</a><br />
<b>bold text</b>, <u>underlined text</u>, <i>italicized text</i><br />
</center></div>

<div class="details"><center><h3>Details</h3>
Put things about you here. I'm Rad. I'm 15 years young. My favorite color is Navy Blue. Black and white technically aren't colors. All of my electronics are red. I like muffins. Especially Slutmuffins. End of story. I hate you. I love music. I'm a retard....life story right there. I love to sing. I hate when people are stupid. I love my MP3 Player. I hate when men don't shave. You get the point. Put whatever. Your name, age, sex, location, hobbies, friends, birthday. You choose. You have a lot of space to fill. This box has a scroll bar (you just can't see it!), so put as much information as you want here. You can add pictures, but I suggest they be no bigger than about 300 pixels in width, or you'll get a horizontal scroll bar, and those things are ugly.<br /><br />
To add another headline in this box, use this, but without the spaces:<br />
< h 3 > Your Headline < / h 3 >
</center></div>

<div class="comment"><center><h2>Comment Me</h2></center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden" />&lt;textarea name="f_comments" style="overflow:auto; background-color:transparent!important; width:170px; height:110px; font-family:verdana; color:292314; text-align:center; border:none;">Erase this, type your stupid stuff, and click the comment button below to comment me. 'Cause I know you wanna...</textarea><br />
<input value="comment" style="width:170px; font-family:verdana; font-size:9px; text-transform:uppercase; color:292314; background-color:transparent!important; border:none;" type="submit" /></form></div>

Layout Comments

Showing latest 10 of 10 comments

ilove this so about to usee thiss

By tuchee on Jul 20, 2009 4:19 pm

awesome job here! love the nav placements & roll-over effects!

By calilani on May 21, 2009 10:26 am

love it!! =]
im usin it

By pal3tika on Sep 16, 2008 12:36 am

i like it...i'm usin it

By cobb15 on Aug 25, 2008 2:08 pm

added to fav's. gonna use later! [:

By j3n on Aug 19, 2008 11:19 am

i loves it!!!

By twinksta on Aug 18, 2008 12:09 pm

The code should be fine now. I fixed it this morning. The textarea in the comment box was cutting off the code. :]
There isn't any style tags necessary in HTML. Style tags go around CSS.

By Smarmosaur on Aug 18, 2008 10:34 am

the preview is working fine for me, you're just missing the bottom part of the comment cox HTML<
did you forget the < /style > at the end?
other than that really cute :)

By SammyTheHeadbutt on Aug 18, 2008 10:05 am

It's nice,but I agree with No Worries,live preview doesn't really work..

By JaydeEmily on Aug 18, 2008 7:35 am

hmmm, awesome but live preview....is? not working?

By NoWorriesDesigns on Aug 18, 2008 2:49 am

Layout Details

Designer	Smarmosaur
Submitted on	Aug 17, 2008
Page views	22,704
Favorites	196
Comments	10
Reviewer	manny-the-dino
Approved on	Aug 18, 2008

Dot Mania

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