Got My Vans On

Designer's Comments

Look carefully for specific instructions

Simply replace ALL XXXXX with YOUR Friend-ID ..

Severeal people asked me to make a Vans Layout .. So there you go .. Hope Ya'll like it ..

Resources:

Scanned the actual Image myself .

Textures from http://crazykira-resources.deviantart.com/

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">.MyspaceGens Hide New Navigation Bar { http://www.myspacegens.com/handler.php?page=tutorials&16=S } div.profileWidth table tr td div ul li a, div.profileWidth table tr td div ul li .rail { position: relative; left: -10000px; } div.profileWidth { margin-top: -30px !important; } div.profileWidth div { filter:alpha(opacity=0); opacity:0.0001 } div.profileWidth div.clearfix, div.profileWidth div div { filter: none; opacity: 0.9999; } div.profileWidth div.clearfix { position: relative; top: 40px; }</style>

{text}
table, tr, td, li, p, div {  color:000000; font-family:Candara; font-size:10px;     }

.redtext {  color:000000; font-size:12px;      }

a:active, a:visited, a:link{  color:000000; font-family:Candara; font-size:11px; text-transform: uppercase;  }

a:hover {  color:000000; font-size:10px;    } 
 
b {color:ba4dcd; font-family:Candara; font-weight:bold; font-size:10px;}
 
u{font-family:Candara;font-size:10px;color:000000;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:2px dashed;
border-bottom-color:000000;
letter-spacing:0px;}
 
 .blacktext10 {
font-family: Candara;
font-size: 10px;
font-weight: bold;
color: 000000;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 000000;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: 0 0 -10px 0;
}

{divs}

.layout { background-color:transparent; 
background-image: url(http://i36.photobucket.com/albums/e8/La_Tuya/GotMyVansOn-1.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position:top center;
position: absolute;
left: 230px;
margin-left: 0%;
top: 150px;
height: 492px;
width: 802px;
overflow: auto;
z-index: 1;
}

.aboutme { background-color:none;
position: absolute;
left: 755px;
margin-left: 0%;
top: 233px;
height: 215px;
width: 193px;
border-color:black; 
border-style:solid;
border-width: 1px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .aboutme { background-color:none;
position: absolute;
left: 755px;
margin-left: 0%;
top: 233px;
height: 215px;
width: 212px;
border-color:black; 
border-style:solid;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}

.box { background-color:none;
position: absolute;
left: 755px;
margin-left: 0%;
top: 451px;
height: 100px;
width: 410px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .box{ background-color:none;
position: absolute;
left: 755px;
margin-left: 0%;
top: 449px;
height: 100px;
width: 311px;
overflow-y:hidden;
overflow-x:hidden;;
padding-left:0px;
padding-right:15px;
z-index: 2;
}

.contact { background-color:none;       
text-align: center;
position: absolute;
left: 584px;
margin-left: 0%;
background-color:d9c546;
top: 529px;
height: 29px;
width: 242px;
border-color:black; 
border-style:solid;
border-width: 1px;
overflow-y:auto;
z-index: 2;
}

.home{
height:43px; 
width:95px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/Home-4.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.home:hover{background-position:top left;}

.homecon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:257px;
top:515px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.add{
height:43px; 
width:95px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/Add-2.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.add:hover{background-position:top left;}

.addcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x-hidden;
position:absolute; 
left:350px;
top:515px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.block{
height:43px; 
width:95px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/Block-4.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.block:hover{background-position:top left;}

.blockcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:438px;
top:515px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.blog{
height:43px; 
width:95px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/Blog-2.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{background-position:top left;}

.blogcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:527px;
top:515px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.friends{
height:43px; 
width:95px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/Frnds-2.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.friends:hover{background-position:top left;}

.friendscon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:620px;
top:515px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.pix{
height:43px; 
width:95px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/Pics-2.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.pix:hover{background-position:top left;}

.pixcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:715px;
top:515px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.msg{
height:43px; 
width:95px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/Msg.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.msg:hover{background-position:top left;}

.msgcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:800px;
top:515px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.credit{
height:45px; 
width:95px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/Credit-2.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.credit:hover{background-position:top left;}

.creditcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:900px;
top:515px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

td.text td.text table table table td a img {width:70px;}  td.text td.text table table table td div img {width:50px;}  td.text td.text table table td img {width:250px; max-width:250px; width:auto;} 
td.text td.text table table td div img {width:70px;}  
* html td.text td.text table table td img {width:80px;} 
* html td.text td.text table table td a img {width:70px;}  * html td.text td.text table table td div img {width:50px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :)TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :)TALK ABOUT URSELF.

</div> 
</div>

<div class="box">
<div class="content" align="left">
<div style="text-align: left; width: 100%; height: 100%;"><div align="left"><form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25maXJtQ29tbWVudA=="><input type="hidden" name="friendID" value="XXXXXXXX" /><textarea name="f_comments" id="f_comments" cols="42" rows="5" style=" background-color:transparent!important; background-image: url(); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:000000!important; border-style:solid!important; font-family:Verdana!important; font-size:11px!important; color:000000!important; width:212px!important; height:41px!important; ">Make me a smile and leave a comment ...</textarea><br /><input type="submit" value="Submit" /><input type="reset" value="Clear" /></form></div>
</div>
</div> 
</div>

Layout Comments

Showing latest 10 of 16 comments

i love the layout but the music isnt working

By inluv on Jul 29, 2009 1:46 pm

This is so cool! :)

By ChristaJean on Jan 19, 2009 3:13 pm

USED, thanks brah

By NoWorriesDesigns on Dec 19, 2008 9:58 pm

very nice. so that's you in the image? :P

By Mikeplyts on Nov 28, 2008 1:13 pm

great layout !

By xXcalebboylesXx on Aug 14, 2008 8:46 pm

i remember this song XD
vans are hott

By kimboxxkimi on Aug 2, 2008 2:25 am

i love that song >.

By Kayluhh on Aug 1, 2008 2:49 pm

I don't really understand the quote tbh.
But I love the picture, how it looks so vintage and colorful.
And I'll agree with everyone else and say that the rollovers are adorable. =D

By SkeleBoy on Aug 1, 2008 8:32 am

It looks really good (:
rollovers are freaking cuteeeee!

By kawaiiness on Aug 1, 2008 3:29 am

eek lovee it!
currently myspace layout [:

By ahhdorable on Jul 31, 2008 10:13 pm

View all »

Layout Details

Designer	diputs
Submitted on	Jul 31, 2008
Page views	23,669
Favorites	237
Comments	16
Reviewer	manny-the-dino
Approved on	Jul 31, 2008

Got My Vans On

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