BMX

Designer's Comments

Look carefully for specific instructions

In the live preview, The text from the createblog layout shows through the image. However when pasted straight into your about me on myspace this doesn't happen :), It's only like that on the preview.

Visit this myspace page to view the layout how it will appear

www.myspace.com/bmxlayout

Grunge/Graffiti Style layout with a BMX picture as the main part of the layout. Regular myspace buttons can be found next to the BMX image
Tested in IE 7 & Firefox

1. Copy and Paste codes into the correct boxes.

2. Replace instructions/example text included, with your own information and details. This will show up as the about me. Don't delete the images unless you want to remove the section header completely.

3. Find all the "XXXXXX" and replace with your Myspace ID.

Rules:
-Do not remove credit links
-Do not steal parts of the layout such as pictures, buttons or the code
-Do not redistribute as your own work!

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><p><a href="vengeancedesigns" title="This layout was designed and coded by Vengeance Designs"><img

src="http://i238.photobucket.com/albums/ff137/vengeancedesigns/Vengeance%20Layout/Layout2.gif" border="0" alt="This layout was designed and coded by

Vengeance Designs" style="position:absolute;top:0px;left:0px;width:135px;height:26px;" /></a></p>

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidde

n}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
img { border:0;}
.navigationBar { display: none; }

* html td td object, td td embed { 
width:300px; height:50px; position:absolute; left:200px; 
top:750px; margin-left:50px; z-index:3; }

a.nav {display: block;
position: absolute;
height:31px;
background-position: top left;
background-repeat: no-repeat;
border: 0px;
text-decoration: none;}

a.nav:hover {background-position: bottom left;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt; 
color:BDBDBD; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 18px;}

.fmain {
color:ffffff;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:;
letter-spacing:0px;}
</style>
<table><tr><td><table><tr><td><table><tr><td>
</td></tr></table></td></tr></table></td></tr></table></div>

<div class="bg1" style="position: absolute; left:168px;  top:180px; width:474px; height:333px; overflow: auto; overflow-x:auto; text-align:left; border:0px

solid black; z-index:3;">
<a><img src="http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/1.png"></a>
</div>

<div class="bg2" style="position: absolute; left:641px;  top:180px; width:474px; height:333px; overflow: auto; overflow-x:auto; text-align:left; border:0px

solid black; z-index:3;">
<a><img src="http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/2.png"></a>
</div>

<div class="bg3" style="position: absolute; left:168px;  top:513px; width:474px; height:333px; overflow: auto; overflow-x:auto; text-align:left; border:0px

solid black; z-index:3;">
<a><img src="http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/3.png"></a>
</div>

<div class="bg4" style="position: absolute; left:641px;  top:513px; width:474px; height:333px; overflow: auto; overflow-x:auto; text-align:left; border:0px

solid black; z-index:3;">
<a><img src="http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/4.png"></a>
</div>

<div class="musictitle" style="position: absolute; left:220px;  top:720px; width:139; height:44px; overflow: auto; overflow-x:auto; text-align:left;

border:0px solid black; z-index:5;">
<a><img src="http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/music-title.png"></a>
</div>

<div class="splat" style="position: absolute; left:200px;  top:200px; width:677px; height:767px; overflow: auto; overflow-x:auto; text-align:left; border:0px

solid black; z-index:2;">
<a><img src="http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/splat.png" height=500"></a>
</div>

<div class="aboutme" style="position: absolute; left:618px;  top:308px; width:470; height:475px; overflow: hidden; overflow-y:auto; text-align:left;

border:0px solid white; z-index:5;">

Name:<br>
Age:<br>
Location:<br>
Status:<br>
Sex:<br>
Heroes:<br><br>

<a><img src="http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/Favourite-Music.png"></a>
<br>
Ash<br>
Blink 182<br>
Millencolin<br>
Goldfinger<br>
The Kooks<br>
Lagwagon<br>
Linkin Park<br>
Blink 182<br>
Fortminor<br>
Feeder<br>
Snow Patrol<br>
Red Hot Chilli Peppers<br>

<a href="vengeancedesigns"><img src="http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/Credit.png" alt="This layout was designed and coded by

Vengeance Designs"></a><br>
</span>
</center>
</div>

<div class="home" style="position: absolute; left:370px;  top:300px; width:97; height:31px; overflow: hidden; overflow-x:auto; text-align:left; border:0px

solid black; z-index:5;">
<a href="http://home.myspace.com/index.cfm?fuseaction=user"
class="nav" style="width:95px;height:31px;background-image: url('http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/Home.png')"> </a> 
</div>

<div class="message" style="position: absolute; left:249px;  top:365px; width:142; height:31px; overflow: hidden; overflow-x:auto; text-align:left;

border:0px solid black; z-index:5;">
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=xxxxxx"
class="nav" style="width:140px;height:31px;background-image: url('http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/Message.png')"> </a> 
</div>

<div class="add" style="position: absolute; left:315px;  top:332px; width:86; height:31px; overflow: hidden; overflow-x:auto; text-align:left; border:0px

solid black; z-index:5;">
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=xxxxxx"
class="nav" style="width:84px;height:31px;background-image: url('http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/Add.png')"> </a> 
</div>

<div class="pictures" style="position: absolute; left:210px;  top:395px; width:161; height:31px; overflow: hidden; overflow-x:auto; text-align:left;

border:0px solid black; z-index:5;">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=xxxxxx&MyToken=0f7ffcbe-ecb0-4923-86e2-10faa35aee3b"
class="nav" style="width:159px;height:31px;background-image: url('http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/Pictures.png')"> </a>
</div>

<div class="comment" style="position: absolute; left:165px;  top:425px; width:148; height:31px; overflow: hidden; overflow-x:auto; text-align:left;

border:0px solid black; z-index:5;">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=xxxxxx"
class="nav" style="width:146px;height:31px;background-image: url('http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/Comment.png')"> </a> 
</div>

<div class="drip" style="position: absolute; left:470px;  top:698px; width:101px; height:72px; overflow: auto; overflow-x:auto; text-align:left; border:0px

solid black; z-index:2;">
<a><img src="http://i238.photobucket.com/albums/ff137/vengeancedesigns/BMX/Drip-2.gif"></a>
</div>

<div class="headline" style="position: absolute; left:762px;  top:280px; width:340; height:20px; overflow: hidden; text-align:left; border:0px solid white;

z-index:2;">
<marquee direction=left height=18 width=340 scrollamount=4 onmouseover=this.scrollAmount=1 onmouseout=this.scrollAmount=4>
<span class="fmain">
Layout designed and coded by Vengeance Designs. Do not remove any of the credit links. This message can be changed (within div class 'headline'). The box

below contains About me, Favourite music & Top friends. Each of these sections can be removed by deleting the picture link. Dont forget to change the

xxxxxx's to your own friend ID. Remember to change the top friends to the correct pictures and URLs.  
</span>
</marquee>
</div>

Layout Comments

Showing latest 10 of 14 comments

Cool(:

By Butterface89 on Jul 25, 2010 2:27 pm

sick layout

but gayist bike ive ever seen

only if they had like a fit

By bmxxx on May 15, 2008 6:44 pm

Thanks for noticing the dripping paint :)
It usually drops then vanishes behind the myspace music player, but obviously that doesn't show on the preview :]

By Shadowraider on Jan 12, 2008 7:50 am

the spray pain gif rocks. Nice works. i just noticed the paint drips. good work.

By 12fruits on Jan 11, 2008 4:46 pm

rollovers too boring but better than nothing. nice dripping animation. the content area background could be darker so that the font is more visible. everything else seems nice.

By twodreamlovers on Jan 11, 2008 4:26 pm

looks awesome.

By Marlons on Jan 10, 2008 8:49 pm

its awesome! i wish someone would make a surfing layout that looked like this! or something like this. well i mean there are surfing layouts out there..none that are really good and let alone have women surfing..but whatev.

sorry off subject...its awesome! good work!

By idesigns on Jan 10, 2008 7:40 pm

Yeah now it works in 1024x768! =)

By NICKAWHAT on Jan 10, 2008 7:28 pm

Oh, this is cool! :]

By tokyo-rose on Jan 10, 2008 7:15 pm

updated the code. It should work for the 1024x768 now :)

By Shadowraider on Jan 10, 2008 6:51 pm

View all »

Layout Details

Designer	Shadowraider
Submitted on	Jan 10, 2008
Page views	24,548
Favorites	44
Comments	14
Reviewer	S-Majere
Approved on	Jan 10, 2008

BMX

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates