Retro Neon Boombox v.2

Designer's Comments

Look carefully for specific instructions

Visit falsetigerlimbs.net to see all of my layouts and get help installing them

This is a remake of my popular Retro Neon Boombox layout. I wanted to make it 3D, which was really hard for me. I know it's not perfect, but I think as a whole it looks ok.

There are also two other versions of this layout:
- The original Retro Neon Boombox
- Default Retro Neon Boombox layout

Remember to replace all of the XXXXXXs with your friend ID *BEFORE* hitting save all changes. And don't use this layout unless you have experience with HTML.

To replace the "Your pic" image with your own photo, find this link in the Who I'd Like to Meet code:
http://i194.photobucket.com/albums/z19/falsetigerlimbs/boomboxnew/yourpic.gif
and replace it with the link to your photo. If you're linking the photo directly from myspace, you should use the size that appears as your default photo, if possible.

For the friends section...replace http://cbimg6.com/layouts/07/09/21/21708ah.gif with your friend's photo, preferably a thumbnail or the photo will get cut off. Replace friendID with that person's friend ID. And replace friend # with their name or nickname.

Blog instructions are included in the layout itself.

If you're having trouble finding anything in the code (such as the XXXXXXs), copy and paste the entire Who I'd Like to Meet section into Notepad or a similar program. Go to Edit > Find. Next to Find what: paste what you're looking for (ex. XXXXXX), then press the Find next button, and it will be highlighted for you.

Script credits: blaqheartedstar, hikki168, airguitarist, destinee, anime-essence
(for hiding things)

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>td td embed, td td object{position:absolute; left:0px; top:0px; width:0px; height:0px;}
td.text embed {width:0px; height:0px;}
td.text embed, td.text object {width:0px; height:0px;}</style>
<style type="text/css">
body div table td form img{display:none!important;}
</style>

</style>
<style type="text/css">
div table,div table table td,div table table,div table table div,table td div div,div table,div table td{height:0px;border:0px;} 
a.text,table div font a,table div div,.navbar font,tr td font,table font,tr font,td font,div font,td textarea,td input,td form{visibility:hidden;}
</style>

a:img
{
cursor: hand; 
}
.friends{
scrollbar-face-color:CEF739;
scrollbar-arrow-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-shadow-color:A9D60C;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:A9D60C;
scrollbar-track-color:ffffff; 
font-family: verdana; 
color:FF59B5; 
font-size:9px;

position:absolute;
left:621px;
top:629px;
width:134px;
height:290px;
z-index:7;
background-color: #FFFFFF; 
overflow:auto;
overflow-x:hidden;
}
span.link
{
 color: FF59B5;
}

a span.link
{
color:31E3F7;
}

a:active, a:visited, a:link {
cursor: hand; 
font-family: verdana; 
color:FF59B5; 
font-size:9px;
font-weight: bold; 
text-decoration: underline;
}

a:hover { 
font-family: verdana; 
color:CEF739; 
font-size:9px;
cursor: hand; 
font-weight: bold; 
text-decoration: underline;
}

.layout {
position:absolute; 
left:217px; 
top:110px; 
height: 840px;
width: 774px;
background-color:FF59B5;
overflow: hidden; 
visibility:visible;
z-index: 2;
}

.aboutme{
overflow: auto;

scrollbar-face-color:CEF739;
scrollbar-arrow-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-shadow-color:A9D60C;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:A9D60C;
scrollbar-track-color:ffffff; 
font-family: verdana; 
color:FF59B5; 
font-size:9px;

position:absolute;
left:268px;
top:629px;
width:312px;
height:243px;
z-index:7;
padding:2px;
}

body{
scrollbar-face-color:31E3F7;
scrollbar-arrow-color:ffffff;
scrollbar-highlight-color:ffffff; scrollbar-shadow-color:18B2C6;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:18B2C6;
scrollbar-track-color:FF59B5; 
background-color: FF59B5;
font-family: verdana; 
color:ffffff; 
font-size:9px;
overflow:auto;
overflow-x:hidden;
}

.commentbox2{
scrollbar-face-color:FFFF99;
scrollbar-arrow-color:FFBDF7;
scrollbar-highlight-color:ffffff;
scrollbar-shadow-color:FFBDF7;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:9999FF;
scrollbar-track-color:FFBDF7; 
background-color: transparent;
font-family: verdana; 
color:ffffff; 
font-size:9px;
overflow:hidden;
position:absolute; left:276px; top:371px; width:150px; height:100px; z-index:3;
}

</style>

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme"> 
<center>
<img src="http://cbimg6.com/layouts/07/09/21/21708aa.gif"><br><br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://i194.photobucket.com/albums/z19/falsetigerlimbs/boomboxnew/yourpic.gif" style="border:3px solid; border-color: 31E3F7;"><br>
<span class="link">View my photos</span></a>
<br><br>
Hello there! Welcome to my myspace. :) blah blah blah blahblah blah blah 
      blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
      blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
      blah blah blah <br><br>
	  
	  <img src="http://cbimg6.com/layouts/07/09/21/21708ab.gif"> <br>
      blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"><br><br>
	  
	  <img src="http://cbimg6.com/layouts/07/09/21/21708ad.gif"><br>
    blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> blah blah <img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> <br>
    <br>
	  
	  	  <img src="http://cbimg6.com/layouts/07/09/21/21708ae.gif"><br>
This is the piece of code for one whole blog link, complete with heart bullet:<br>
<textarea class="commentbox"><img src="http://cbimg6.com/layouts/07/09/21/21708ac.gif"> <a href="Blog link here"><span class="splnk">Blog title here</span> </a>
<br></textarea>
<br><br>
You will have to paste and edit this piece of code to insert each new blog link. To get your blog link, go to your main blog page (there is a link to it under your default photo on your home page)
<br><br>
At the bottom of each blog, you'll see the time it was posted. Right click on the time, and go to properties. The blog URL will be labeled "Address." Just paste that in place of "Blog link here," and then edit the title accordingly.

<br>
<br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">View all blog entries</a>

<br><br>
	  
	   	  <a href="http://www.createblog.com" target="_blank"><img src="http://cbimg6.com/layouts/07/09/21/21708af.gif" border="0"></a><br>
		  
  </center>
</div>
<div class="friends"><center><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"><img src="http://cbimg6.com/layouts/07/09/21/21708ag.gif" border="0"></a>
<br><br>
<a href="friendID"><img src="http://cbimg6.com/layouts/07/09/21/21708ah.gif" border="0"><br>
<span class="link">friend 1</span></a>
<br><br>
<a href="friendID"><img src="http://cbimg6.com/layouts/07/09/21/21708ah.gif" border="0"><br>
<span class="link">friend 2</span></a>
<br><br>
<a href="friendID"><img src="http://cbimg6.com/layouts/07/09/21/21708ah.gif" border="0"><br>
<span class="link">friend 3</span></a>
<br><br>
<a href="friendID"><img src="http://cbimg6.com/layouts/07/09/21/21708ah.gif" border="0"><br>
<span class="link">friend 4</span></a>
<br><br>
<a href="friendID"><img src="http://cbimg6.com/layouts/07/09/21/21708ah.gif" border="0"><br>
<span class="link">friend 5</span></a>
<br><br>
<a href="friendID"><img src="http://cbimg6.com/layouts/07/09/21/21708ah.gif" border="0"><br>
<span class="link">friend 6</span></a>
<br><br>
<a href="friendID"><img src="http://cbimg6.com/layouts/07/09/21/21708ah.gif" border="0"><br>
<span class="link">friend 7</span></a>
<br><br>
<a href="friendID"><img src="http://cbimg6.com/layouts/07/09/21/21708ah.gif" border="0"><br>
<span class="link">friend 8</span></a>
<br><br>

</center></div>

<div class="commentbox2"> 
  <center>
    <form method="post"

action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
      <input

name="friendID" value="XXXXXXXX" type="hidden">
      <textarea

name="f_comments" class="commentbox" cols="12" rows="7" style="width:102px; height:79px; border-width: 0px; border-style:

solid; border-color:

ffffff; font-family: verdana; font-size: 9px; color:ffffff;
background-color:transparent; overflow: auto;">leave me love!</textarea>
      <input name="submit"

type="submit" class="commentbox" style="border-width: 1px;

border-style: solid; border-color: ffffff; font-family: verdana; font-size: 9px; color:ffffff;

background-color: transparent;" value="submit" >
      <input name="reset"

type="reset" class="commentbox" style="border-width: 1px; border-style: solid;

border-color: ffffff; font-family: verdana; font-size: 9px; color:ffffff; background-color: transparent;" value="clear">
    </form>
  </center>
</div>

<div class="layout"><img

src="http://cbimg6.com/layouts/07/09/21/21708ai.png" border="0"

usemap="#navi">
   <map name="navi"><area shape="rect" coords="431,232,480,282" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">
    <area shape="rect" coords="371,232,420,282" href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">
    <area shape="rect" coords="311,232,360,282" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">
    <area shape="rect" coords="406,818,523,844" href="http://falsetigerlimbs.net" target="_blank">
    <area shape="rect" coords="253,232,302,282" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">
    <area shape="rect" coords="432,294,480,398" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">
    <area shape="rect" coords="248,101,377,137" href="http://home.myspace.com/index.cfm?fuseaction=user">
    <area shape="rect" coords="90,363,174,397" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">
  </map></div>

Layout Comments

Showing latest 10 of 48 comments

its aawesome! i love it

By pablove on Nov 25, 2008 9:31 pm

scratch the pic thing, its all good now.
except it still doesn't cover the navbar.
but, it's the most amazing layout ive ever had :]
muy bien.

By SamAmazing on Oct 11, 2008 4:50 am

The only thing Im having issues with is that it doesnt cover my whole nav bar. And that, so far, [i havent played around with it too much yet though] i haven't been able to replace my pic.

By SamAmazing on Oct 11, 2008 4:39 am

there is little box's above my friends pictures [x] < like that why? and i've done everything to get rid of them but they wont shift... apart from that i love my layout it's proper funky xo

By daniellebabe06 on Sep 11, 2008 7:16 pm

i really love this layout. but when i put it on my profile, my song didnt work anymore. is that normal?

By boundbypromises on Aug 23, 2008 9:14 pm

LittleK, I designed it in Firefox o.O
Did you copy the code correctly? If so myspace might have changed something... is it just the navigation bar that's interfering? Is that what you mean? Because the rest of the code was tested in Firefox.

By falsetigerlimbs on Aug 23, 2008 12:57 am

you should make this work on firefox!! its really cute ... i love it!

By Littlek on Aug 22, 2008 11:43 pm

Rina, I just didn't center this layout for all resolutions; I only centered it for 1024 x 768. I only recently started centering for all resolutions, because it takes more work.

By falsetigerlimbs on Jul 13, 2008 5:28 pm

i have this layout...and i love it. but its not centered on my page, so it looks funny...maybe im just dumb and i cant figure it out..

By rinamarie03 on Jul 13, 2008 9:55 am

im having some problems changing the "your pic" in the about me section to one of my own pictures.. every time i put one of my pics in, it disables the 'view my pics' link.. please help me out :?

By vballchicka757 on Jun 26, 2008 12:30 pm

View all »

Layout Details

Designer	falsetigerlimbs
Submitted on	Sep 21, 2007
Page views	86,044
Favorites	699
Comments	48
Reviewer	digitalfragrance
Approved on	Sep 21, 2007

Retro Neon Boombox v.2

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates