Fireworks

Designer's Comments

Look carefully for specific instructions

Please visit my site for more layouts by me (there are quite a few)!

Made with Dreamweaver.

This layout works best in IE, but Mozilla will support it.

Replace XXXXXXXXX with your ID.

Enjoy!

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:-20px;}
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; }

.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-color:000000;
cursor:crosshair;
font-weight:normal;
scrollbar-face-color:223434;scrollbar-3dlight-color: a5bba1;scrollbar-shadow-color: a5bba1;scrollbar-track-color:223434;scrollbar-darkshadow-color: a5bba1;scrollbar-arrow-color: a5bba1;scrollbar-highlight-color: a5bba1;
border: 0px:}

.image {
position:absolute;
overflow:auto;
left:287px;
top:167px;
width:650px;
height:435px;
background-color:transparent;
border:0px; 
border-color: a5bba1;
}

.aboutme {
position:absolute;
overflow:auto;
left:76px;
top:167px;
width:184px;
height:609px;
background-color:000000;
font-family:verdana;
font-size:12px;
color:a5bba1;
font-weight:normal;
margin:0;
padding:0;
text-align:right;
border:3px double; 
border-color: a5bba1;
scrollbar-face-color:223434;scrollbar-3dlight-color: a5bba1;scrollbar-shadow-color: a5bba1;scrollbar-track-color:223434;scrollbar-darkshadow-color: a5bba1;scrollbar-arrow-color: a5bba1;scrollbar-highlight-color: a5bba1;}

.aboutme2 {
position:absolute;
overflow:auto;
left:961px;
top:167px;
width:184px;
height:609px;
background-color:000000;
font-family:verdana;
font-size:12px;
color:323254;
font-weight:normal;
margin:0;
padding:0;
text-align:left;
border:3px double; 
border-color: a5bba1;
scrollbar-face-color:223434;scrollbar-3dlight-color: a5bba1;scrollbar-shadow-color: a5bba1;scrollbar-track-color:223434;scrollbar-darkshadow-color: a5bba1;scrollbar-arrow-color: a5bba1;scrollbar-highlight-color: a5bba1;}

.pics {
position:absolute;
overflow:auto;
left:304px;
top:626px;
width:609px;
height:146px;
background-color:transparant;
font-family:georgia;
font-size:14px;
color:476766;
font-weight:normal;
margin:0;
padding:0;
text-align:center;
border-top:4px double; 
border-bottom: 4px double;
border-color: 223434;
scrollbar-face-color:223434;scrollbar-3dlight-color: a5bba1;scrollbar-shadow-color: a5bba1;scrollbar-track-color:223434;scrollbar-darkshadow-color: a5bba1;scrollbar-arrow-color: a5bba1;scrollbar-highlight-color: a5bba1;}

h1 {background-color: a5bba1; color: 000000; font-family:times; text-align: center; text-decoration: blink; font-size: 36px; cursor:  crosshair;}
h2 {background-color: 223434; color: a5bba1; font-family:times; text-align: center; text-decoration: blink; font-size: 36px; cursor:  crosshair;}
h3 {background-color: 476766; color: 000000; font-family:georgia; text-align: center; font-size: 30px; cursor: crosshair; text-decoration: blink;}
h4 {color: 476766; font-family:georgia; text-align: center; text-decoration:line-through blink; font-size: 28px; cursor: crosshair; border:2px solid; border-color: 476766;}
a:link, a:visited, a:active {font-family: georgia; color: a5bba1; text-decoration: none; text-weight: light;background-color: 223434; cursor: all-scroll; }
a:hover {font-family: georgia; text-decoration: line-through; background: a5bba1; color: 223434; filter:glow(color=#a5bba1, strength=5); all-scroll; text-weight: light;}
a:active img,a:visited img,a:link img {all-scroll;  border: 0px; filter:xray;}
a:hover img {cursor: all-scroll; border: 0px; filter: none;}
marquee {z-index:8; cursor: crosshair;}
b {font-family: small fonts; color: a5bba1; font-variant: small-caps; font-weight: 900; font-size: 11px; cursor: crosshair; border-left: 1px solid a5bba1; border-right: 1px solid a5bba1;}
u {font-family: georgia; color: 223434; font-weight: lighter; cursor: crosshair; border-bottom-style: dotted; border-bottom-color: 476766; border-bottom-width: thin;}
i {font-family: times; color: 476766; font-weight: lighter; font-size: 10px; cursor: crosshair; filter:blur(add=true, direction=90, strength=6); text-decoration: overline underline;}
p {font-family:verdana;font-size:12px;color:a5bba1;font-weight:normal;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
<p><h1>Heading 1</h1>Text text text text <b>bold</b> <u>underline</u> <i>italic italic italic</i> <br><br><a href="http://www.gateworld.net"><img src="http://cbimg6.com/layouts/08/01/12/24562aa.gif"></a><br /> 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> 
<p><h2>Heading 2</h2>Text text text text <b>bold</b> <u>underline</u> <i>italic</i> <a href="http://www.gateworld.net">link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p></div>
  
<div class="aboutme2">
<p><h3>Heading 3</h3></p> 
<center><embed src="http://www.mp3asset.com/swf/mp3/mff-circle.swf" quality="high" wmode="transparent" flashvars="myid=7254518&path=2008/01/06&mycolor=E8ECC6&mycolor2=CDD3AF&mycolor3=AAB49B&autoplay=true&rand=1&f=3&vol=100" width="110" height="110" name="myflashfetish" align="middle"type="application/x-shockwave-flash" /><br></center><p>Text text text text <b>bold</b> <u>underline</u> <i>italic</i> <br><br><a href="http://www.gateworld.net"><img src="http://cbimg6.com/layouts/08/01/12/24562aa.gif"></a><br /> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> 
<p><h4>Heading 4</h4></p><p>Text text text text <b>bold</b> <u>underline</u> <i>italic</i> <a href="http://www.gateworld.net">link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p>
  </div>
  
  <div class="pics"><marquee behavior="scroll" direction="left" scrollamount="3" scrolldelay="10" loop="-1" height="125px">
Put pictures, icons, or pictures of your top friends here. Just make sure they're under 125px high. Or I suppose you could just get rid of the marquee, as this box will scroll. Or you could delete the div altogether, but that'd look funny me thinks. (An amazing icon: <img src="http://cbimg6.com/layouts/08/01/12/24562ab.gif">.)</marquee></div>

Layout Comments

Showing latest 10 of 11 comments

you're playlist is killer :]
and the layout is pretty rad, too.

By bookgeek555 on Aug 15, 2009 9:13 pm

black
just like
jae joong hero's
favortie color

By layoutperson01 on Aug 27, 2008 11:37 am

hey my band cities of black and white
is looking for a personal web page designer for our myspace
i ouwld like to ask for just a layout thats is DIV or BLOG type
prefreably DIV
if you would like to do it
you will be recognized on our first record labeling
thank you much
leadsinger;- lead singer and bassist

By emochristian on May 25, 2008 11:28 pm

Hey...How Do I Make My Icons Go Horizontally In The Scrolling Marquee Thing??

By mmbaby2003 on Mar 16, 2008 7:24 pm

nice layout i like the theme, make some more layouts x

By bloodviolet on Feb 2, 2008 3:14 pm

Sorry about the navigation, I just figured out how to make image maps effectively, and got a little carried away.

Honestly, I didn't even notice the scroll bar on the far right (that is the one you're all talking about, right?) until people started pointing it out.

You could change the song by making your own playlist/player at the same site I used (www.myflashfetish.com) or one of your choice.

Sorry for the flaws!!! I haven't been making layouts for very long and am still proud that I can make them this good.

-SJalways

By SJalways on Jan 29, 2008 9:42 pm

Yeah, I really don't like where the navigation is. . .maybe you could fix that?
Otherwise, I love this layout, mostly for the way you set it up.
But like SoEffinMarjor said...what's up with the scroll bar?

By Bubbles73 on Jan 22, 2008 1:34 pm

how do i change the song?

By raspuhberry on Jan 16, 2008 5:41 pm

I have FF and this is horrible. It looks nothing like the preview. The navigation does nothing for the layout. And why do you have a scrollbar for the text box on the right?

By jesusisthebestthing on Jan 12, 2008 8:35 pm

i love the colors and arrangement but i dislike the navigation. :/

By alecreations on Jan 12, 2008 6:57 pm

View all »

Layout Details

Designer	SJalways
Submitted on	Jan 11, 2008
Page views	31,857
Favorites	202
Comments	11
Reviewer	sweetasphyxia
Approved on	Jan 12, 2008

Fireworks

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