Aqua Flash

Designer's Comments

Look carefully for specific instructions

Thanks for looking. Please leave the credit.

I don't care if you alter the code for your own personal use. Just don't redistribute it or claim it as your own!

Replace the XXXXXXX's with your Friend ID. Do this BEFORE you click save!

The content area automaticly expands as you type, so there is no scrollbar.

To add another title:

<div class=\"title\">TITLE</div><br>

^ grr. for some reason the BBcode added those /'s. Get rid of the slashes.

Check out my other layouts :)

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">
div div table div {display:none;} .clearfix table div div {display:block;} 
tr td div, div td ,div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important;}</style>

<div style="position:absolute; left:8px; top: 3px;" border="0"><b>
<a style="text-decoration: none;" href="http://www.sharpermyspace.com/index.php?in=6" target="_blank">
<b>SharperMyspace.com</b><br>
</a>
</div>
<div class="scroll" style="position: absolute; left:0px; top:0px; width:600px; height:951px; overflow: hidden;">

</div>

<div class="title">About Me</div><br>

Hello.<br>
You can put whatever you want here<br>
The content area expands as you type, so there is no scrollbar.<br><br> If you like this layout, then check out my site:<br> <a href="http://www.sharpermyspace.com/index.php?in=6">SharperMyspace.com</a><br><br>

<div class="title">Interests</div><br>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce rutrum eleifend mauris. Etiam eu tortor sed lacus posuere dictum. Suspendisse tincidunt. Cras rutrum nisi sed ligula. Vivamus justo. Sed eget leo pharetra lorem ornare pharetra. Sed sit amet lectus vel erat bibendum posuere. Suspendisse quis arcu vel libero accumsan semper. Pellentesque leo nulla, vehicula nec, aliquam ut, molestie nec, orci. Nullam scelerisque. Suspendisse potenti.

Vivamus non libero eget orci fringilla commodo. Curabitur quis nisi sit amet est laoreet semper. Nullam sit amet odio eget sapien lobortis tristique. Duis ut odio. Aenean rhoncus. Phasellus tristique. Vivamus eget elit. Nullam venenatis sodales metus. Donec tortor diam, hendrerit id, lacinia vitae, ullamcorper et, urna. Vivamus molestie ligula ultricies lacus. Nullam auctor lorem non erat.

textarea.myspace-comment-box
{background-color:transparent !important;
background-image:url() !important;
background-repeat: !important;
background-attachment:center center !important;
border-width:0 !important;
border-style:solid !important;
border-color: !important;
font-family:Arial !important;
font-size:10pt !important;
color:F0F0F0 !important;
width:120 !important;
height:35 !important;
}

input.myspace-comment-box 
{background-color:363636 !important;
background-image:url() !important;
font-family:Arial !important;
font-size:6pt !important;
color:F0F0F0 !important;
width:120 !important;
border-width:1 !important;
border-color:464646 !important;
width:120;
height:15 px !important;
border-style:solid !important;}
</style>

</div>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1">message</a>

<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1">block</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav1">pictures</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="nav1">comments</a>

<a href="http://www.sharpermyspace.com/index.php?in=6" class="nav1">layouts</a>

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

.scroll	{

scrollbar-face-color:464646;
	scrollbar-arrow-color:black;
	scrollbar-track-color:647A19;
	scrollbar-shadow-color:647A19;
	scrollbar-highlight-color:647A19;
	scrollbar-3dlight-color:647A19;
	scrollbar-darkshadow-Color:647A19;
	filter:chroma(color=647A19);
         }

body {
background-color:black;
background-image: url("http://cbimg6.com/layouts/07/12/30/24262ab.gif");
background-position: top left;
background-repeat: repeat-y;
background-attachment: fixed;

}

a:link, a.man{font-family:arial; font-size:11px; color:7accc8; font-weight:none;border:0px; text-transform: NONE; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:11px; color:7accc8; font-weight:none;border:0px; text-transform: NONE;}  
a:visited{font-family:arial; font-size:11px; color:7accc8; font-weight:none;border:0px; text-transform: none;} 
a:hover{font-family:arial; font-size:11px; color:7accc8; font-weight:none;border:0px; text-transform: none;}

a.nav1:hover{font-family:arial; font-size:11px; color:959595; font-weight:none;border:0px; text-transform: none;}

.nav1 {display:block;color:959595 !important;
font-family:arial; font-size:11pt; letter-spacing: 0px;font-weight: normal;width:100px; 
text-transform:none;text-decoration:none!important;line-height:10pt;background-color:504f4f;margin: 1px; text-align: center;
}

.nav1:hover {display:block;color:959595 !important;
font-family:arial; font-size:11pt; letter-spacing: 0px;font-weight: normal;width:100px; 
text-transform:none!important;text-decoration:none!important;line-height:10pt;background-color:3c3b3b;margin: 1px; text-align: center;
}

.title 
{display: block; 
visibility: visible; 
font-family: "arial"; 
color: 7accc8; 
text-align:right; 
font-size: 18px; 
letter-spacing:-1px; 
text-transform: none; 
line-height:16px; 
font-weight: normal; 
border-bottom: 1px dashed;
border-color:000000; 
background:url() right center no-repeat; }

.createblogcode{put the music player in the top-left corner}
    embed{position: absolute; top: 640px; left: 50%; margin-left: -150px;
    width: 300px;}

.a {hide top search bar}
div div select, div div form {display:none !important;}

</style>

Layout Comments

Showing latest 10 of 12 comments

i rlly like ur layouts, do u make custom div layouts??

By mgloo on Jan 18, 2008 1:51 pm

Mmm nice :) But It'd be better if the main text weren't in bold.

By umbreon on Jan 2, 2008 8:00 pm

Very cool colors.

By tokyo-rose on Jan 1, 2008 5:44 pm

Content area should be wider.
Other than that Very nice job.

By Amaranthus on Dec 31, 2007 12:44 pm

The colors are really nice, and I like the minimal-ness :D

By Jennifer on Dec 31, 2007 12:58 am

I would definitely be more likely to use this overlay if it were centered more and if there was more content space. But either way, the colors are beautiful and the overall look of the lyt is elegant. Very nice work..

By jesusisthebestthing on Dec 30, 2007 6:50 pm

it is a bit small, but i really like the iridescent blue-green ;] and the navigation. nice job!

By sagerose2003 on Dec 30, 2007 6:33 pm

I dislike that its really small. Other than that, its creative and unique. i like it. good job.

By alecreations on Dec 30, 2007 6:27 pm

Maybe I will make another one like this, but as a website template!

By SharperMyspace on Dec 30, 2007 6:12 pm

Yeah I really like this too. Just make the areas wider. So it can be used as like a website template!

By NICKAWHAT on Dec 30, 2007 6:07 pm

View all »

Layout Details

Designer	SharperMyspace
Submitted on	Dec 30, 2007
Page views	31,471
Favorites	156
Comments	12
Reviewer	IVIike
Approved on	Dec 30, 2007

Aqua Flash

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