Jazz

Designer's Comments

Look carefully for specific instructions

This is my first layout on here, hope you like it.

Replace all XXXXXX's with your friend ID

Please keep the credit link intact.

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></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css">
body {background-color:000000; background-image:url(http://img214.imageshack.us/img214/9874/bk6ni3.gif); background-repeat:repeat-y; background-position:center center; background-attachment:scroll; scrollbar-arrow-color: 6C6028; scrollbar-track-color: 0e0e0e; scrollbar-shadow-color: 0F0400; scrollbar-face-color:1E0B04; scrollbar-highlight-color:3C210C; scrollbar-darkshadow-color:000000; scrollbar-3dlight-color:000000;}
img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable, .jazz, .text, td.text td.text table, .contactTable, .lightbluetext8 { display:none; }
.jazzy img, .comt img { display:inline; } 
table div, td td td, table div div { visibility:hidden; }
font, a, .jazz a { visibility:hidden; }
marquee { visibility:visible !important; }
.text, table table table table a,
table table table table div,table table table table div a {visibility:visible;}
table table, table table td {padding:0px; height:0px;}
table.navigationbar {display:none!important;}
b {color:3F230D; font-weight:bold; font: 13px arial;} i, s {color:6C6028;} u {color:becccc;font-weight:bold;}
.main a:link, .main a:visited,
.main a:active {color:DFC08B!important; font-family:arial  9px;}
.main a:hover {color:FFC45F!important; text-decoration:none!important;}

table table div embed, table table div object{display: block; position:relative; left:50%; top:0%; top:680px; _top:670px; left:291px; _left:306px; width:210px; height:37px; visibility:visible!important; z-index:9;}

select {position:relative !important; top:-1000px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}

.lounge{height: 25px; width: 210px; overflow: hidden; background: url(http://img526.imageshack.us/img526/3696/loungeuq1.png) bottom left no-repeat; display: block;}
.lounge:hover{background-position: top left;}
.note{height: 25px; width: 210px; overflow: hidden; background: url(http://img521.imageshack.us/img521/6562/notezu5.png) bottom left no-repeat; display: block;}
.note:hover{background-position: top left;}
.add{height: 25px; width: 210px; overflow: hidden; background: url(http://img520.imageshack.us/img520/8337/addtq4.png) bottom left no-repeat; display: block;}
.add:hover{background-position: top left;}
.forward{height: 25px; width: 210px; overflow: hidden; background: url(http://img526.imageshack.us/img526/336/forwardna8.png) bottom left no-repeat; display: block;}
.forward:hover{background-position: top left;}
.photos{height: 25px; width: 210px; overflow: hidden; background: url(http://img520.imageshack.us/img520/4458/photosgh9.png) bottom left no-repeat; display: block;}
.photos:hover{background-position: top left;}
.fav{height: 25px; width: 210px; overflow: hidden; background: url(http://img210.imageshack.us/img210/1171/favit8.png) bottom left no-repeat; display: block;}
.fav:hover{background-position: top left;}
.kats{height: 25px; width: 210px; overflow: hidden; background: url(http://img211.imageshack.us/img211/4691/katssj9.png) bottom left no-repeat; display: block;}
.kats:hover{background-position: top left;}
.shouts{height: 25px; width: 210px; overflow: hidden; background: url(http://img403.imageshack.us/img403/2179/shoutsdr0.png) bottom left no-repeat; display: block;}
.shouts:hover{background-position: top left;}
.block{height: 25px; width: 210px; overflow: hidden; background: url(http://img263.imageshack.us/img263/6634/blockxo7.png) bottom left no-repeat; display: block;}
.block:hover{background-position: top left;}
.crash{height: 25px; width: 210px; overflow: hidden; background: url(http://img140.imageshack.us/img140/2245/crashqb7.png) bottom left no-repeat; display: block;}
.crash:hover{background-position: top left;}

.links {position:absolute;  left:50%; top:0%; top:555px; margin-left:200px; z-index:7;  visibility:visible!important; overflow:auto; overflow-x:hidden; width:auto; height:200px;}
.links a:link, .links a:visited,
.links a:active {
display: block;
width: 197px; _width: 198px; padding-left: 3px;
font-weight: normal; font: 13px arial;
color: 6C6028;
text-decoration: none;
border: 1px solid;
border-color: 5F3B1D;
border-width: 0 0 1px 0;}
.links a:hover {
text-decoration: none; font: 13px arial; color: 5F3B1D;
display: block; width: 197px; _width: 198px;
background-color: 0E0E0E; border-color: 0E0E0E;}

.myCommentFormD {position:absolute;  left:50%; top:0%; top:799px; margin-left:-280px; z-index:8;  visibility:visible!important; text-align:left!important;}
textarea.myFormBox {width:350px; height:80px; font:10px arial; font-weight: bold; color:6C6028; letter-spacing:3px;
background-color:0E0E0E;
border:1px solid; border-color:3C210C;!important}
input.submit {height: 32px; width: 87px; overflow: hidden; background: url(http://img263.imageshack.us/img263/1563/postqd0.png) bottom left no-repeat; border:0px!important;}
 input.submit:hover{background-position: top left; cursor: pointer!important; border:0px!important;}

.title {
color: 6C6028;
font: 18px arial;
font-weight: normal;
letter-spacing: 6px;
padding: 0px;
background-color: transparent;
background-image: url('http://img211.imageshack.us/img211/7654/titlebg3beq3.png'); background-position: bottom left; background-repeat:no-repeat;
text-align:left;
display: block;}
.main, .main p {color:666666!important;
font: 10px arial;
letter-spacing:2px;
text-align:justify;}
.main {width:460px; height:230px;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-280px; margin-top:540px; visibility:visible; overflow:auto;}
.side1 {
background-image:url(http://img522.imageshack.us/img522/9483/side1dlj0.png); background-repeat:repeat; background-color:121212;
width:45px; height:90px;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-402px; margin-top:0px;
visibility:visible; border: 2px solid;
border-color: 0e0e0e;
border-width: 0 0 0 2px;}
.side2 {
background-image:url(http://img523.imageshack.us/img523/6889/side2dls8.png); background-repeat:repeat; background-color:121212;
width:45px; height:90px;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:355px; margin-top:0px;
visibility:visible; border: 2px solid;
border-color: 0e0e0e;
border-width: 0 2px 0 0;}
.layout {
background-image:url(http://img523.imageshack.us/img523/7570/minjazyu2.png); background-repeat: no-repeat; background-color:121212;
width:800px; _width:802px; height:860px;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-402px; margin-top:90px; text-align:justify;
visibility:visible; border: 2px solid;
border-color: 0e0e0e;
border-width: 0 2px 0 2px;}

marquee { z-index:8; }
table div, span, td td td, table div div { visibility:hidden !important; }
.jazzy div, .jazzy div font, .jazzy div a, .jazzy div div, .jazzy font a, .jazzy span, .jazzy div table a, .jazzy div table img, .jazzy div table font, .jazzy div table, .jazzy div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}
</style>
<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="jazzy">
<div class="main">
<span class="title">About me</span>
Fill this area with whatever you want...like your interests, likes, dislikes, music...etc.  This section will scroll if you fill it past 230px in height.  This is what <u>underline</u> looks like.  It's not bad, but then again it doesn't beat <b>bold</b>.  This is <s>strikeout</s> if you like that sort of thing, and <i>italic</i> looks like that.  If you like this page, shout me at my new <a href="http://harringay.createblog.com">createblog profile</a>.

<br><br><span class="title">Your title here</span>
You can change that title to whatever you like and put more stuff here. The links to the right can be whatever you want too, like a list of your top friends, websites you like, bands...whatever really.  Please keep the credit link <i>intact</i> so people know where to get this layout :).  If you have a song set to your profile, the player will show up at the <b>bottom</b> of the page.
</div>

<div class="links">
<a href="http://www.myspace.com">Friend 1</a>
<a href="http://www.myspace.com">Friend no.2</a>
<a href="http://www.myspace.com">Friend 3</a>
<a href="http://www.myspace.com">Friend no.4</a>
<a href="http://www.myspace.com">Friend 5</a>
<a href="http://www.myspace.com">Friend no.6</a>
<a href="http://www.myspace.com">Friend no.7</a>
<a href="http://www.myspace.com">Friend 8</a>
<a href="http://www.myspace.com">Friend no.9</a>
<a href="http://www.myspace.com">Friend 10</a>
<a href="http://harringay.createblog.com">Layout by Harringay</a>
</div>

Layout Comments

Showing latest 10 of 23 comments

what is the freind id?

By tj-stack on Apr 4, 2008 7:22 pm

how do u write an in the about me. i wrote something 4 it already but i cant see it on my profile.

By tj-stack on Apr 4, 2008 7:17 pm

make sure you replace all XXXXXX's with your friend ID and insert your links BEFORE you save the changes. myspace will turn each link into a long stream of random letters as a security measure.

By Harringay on Jan 18, 2008 12:01 pm

hmm, all your layout seem to work the same way, cause i still don't know how to get the links (add me, message me, etc.) to work. am i just being an idiot? i can find the codes for the photos, but i don't how to link it to each url and theres no place for my friend ID. could you help me out?

By coveterofdreams on Jan 16, 2008 1:08 pm

How do you get the links o nthe top right to work? Such as "add me"?

By sbruedigam on Jan 4, 2008 11:46 pm

Everytime I check it, it all seems to work fine, maybe there is something not set up the way its suppose to on anyone elses computers. I dunno. You did a great job on this, I really like it. May I derive from it, for an idea I have? If you don't know what derive means, it just basically means, may I alter the images to my liking? Asking for permission is polite. You are the original artist, and credit will stay, I just would like to alter the images to my liking in Adobe Photoshop, and play around with it a bit, and see if I can't make it better. What do you say?

By CreativeArticulate on Dec 1, 2007 3:17 am

I think maybe that was imageshack's servers working a bit slow yesterday. should be showing up fine now?
let me know if not, I might have to host the images again.

By Harringay on Nov 28, 2007 9:03 pm

The background and the picture wont show up for me. Is there anything i can do to fix that??

By wildartist12 on Nov 28, 2007 1:57 pm

This is amazing for being your first layout here! Great job. =]
I just might use it.

By LonelySolitude on Nov 18, 2007 1:25 am

nice.

By alecreations on Nov 17, 2007 8:52 pm

View all »

Layout Details

Designer	Harringay
Submitted on	Nov 15, 2007
Page views	17,602
Favorites	73
Comments	23
Reviewer	themarkster
Approved on	Nov 15, 2007

Jazz

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates