Skateboard

Designer's Comments

Look carefully for specific instructions

By Request, a re-make of Snowboard

STEPS

1. Copy and Paste codes into the correct boxes.

2. Under the "BACK TO THE BASICS" title in the "Id Like To Meet" box , fill in your details. And replace the "YOUR PROFILE PICTURE" with the URL to your photo.

3. Replace "SECTION TITLE" in the "Id Like To Meet" box, with the name of the section you would like to go there. And replace the writing in Uppercase with what ever you'd like to go there.

4. Find all the "XXXXXX" in the "Id Like To Meet" box and replace with your Myspace ID. Further instructions on getting Myspace ID number below.

5. Replace "YOUR NAME" in the "Id Like To Meet" box with your name or nickname to have it scroll across the top of your page

HINTS
1. All Uppercase words can be replaced
2. You can change the direction of your name/nicname by replacing "marquee direction="right" with "marquee direction="left"
3. Any Questions, feel free to PM me.

GETTING MYSPACE ID NUMBER
1. Sign into your account.
2. Click the "Profile" link in the "View My:" section at the top left of the page.
3. Find the last numbers in your URL address box.
4. And Tadaa!! Your ID number.

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

table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.blacktext12,.blacktext10,.lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
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;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:hidden;display:none;width:515; height:auto;position:absolute;top:700px;left:50%; margin-left:-102px; overflow:none;background-color:transparent;border:black 0px solid;z-index:2px;}
.navbar {display:none;}
.navigationBar {display:none;}
td.text td.text table table table,td.text td.text table br,td.text td.text table .orangetext15,td.text td.text .redlink,td.text td.text span.btext{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table{height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table {border: 0px;}
table table table {border: 0px dashed; border-color: FFFFFF; background-color: transparent;}
font, body, table, td, div, h1, h2, br, a, p {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}

.orangetext15 {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.whitetext12 {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.lightbluetext8 {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.text {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.nametext {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.blacktext12 {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.blacktext10 {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.btext {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.redtext {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.redbtext {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}

a:link {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a:active {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.man:link {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.text:link {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.redlink:link {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.redlink:active {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.navbar:link {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.navbar:active {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a:visited {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.man:visited {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.text:visited {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.redlink:visited {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.navbar:visited{font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}

a:hover{font-family:arial; font-size:12px; color:000000; background-color:FFFFFF;text-transform:none; text-decoration:none; font-weight:none;}
a.man:hover{font-family:arial; font-size:12px; color:000000; background-color:FFFFFF;text-transform:none; text-decoration:none; font-weight:none;}
a.text:hover{font-family:arial; font-size:12px; color:000000; background-color:FFFFFF;text-transform:none; text-decoration:none; font-weight:none;}
a.redlink:hover{font-family:arial; font-size:12px; color:000000; background-color:FFFFFF;text-transform:none; text-decoration:none; font-weight:none;}
a.navbar:hover{font-family:arial;font-size:12px;color:000000;background-color:FFFFFF;text-transform:none;text-decoration:none;font-weight:none;
}

a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:4px;
	color:FFFFFF;
	font-size:10pt;
	display:block;
	margin-top:1px;
	cursor:default;
	border-left:1px solid;
	border-left-color:FFFFFF;
	text-indent:2px;
	text-align:right;
	font-weight:normal;
	letter-spacing:0px;
	font-family:large fonts;
	text-decoration:none;
	text-transform:none;
	background-color:transparent;
}

a.navigate:hover{
	padding:4px;
	color:FFFFFF;
	font-size:10pt;
	display:block;
	margin-top:1px;
	cursor:default;
	border-left:1px solid;
	border-left-color:FFFFFF;
	text-indent:2px;
	text-align:left;
	font-weight:normal;
	letter-spacing:0px;
	font-family:large fonts;
	text-decoration:none;
	text-transform:none;
	background-color:transparent;
}

u, s, i {
	font-family: arial;
	font-size: 12px;
	color: FFFFFF;
	text-align: justify;
}

.title {
	color:FFFFFF;
	font: 12px arial;
	font-weight: bold;
	padding: 1px;
	letter-spacing: 2px;
	border-bottom:1px double ffffff;
	border-width: 1px;	
	background-color:transparent;	
	background-image: url(''); 	
	background-repeat:repeat; 	
	text-align:Right;
	text-transform:uppercase;
}

.a {hide top search bar}
div div select, div div form {display:none !important;}
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;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<p class="title">Back to the Basics</P>
<img src="http://x.myspace.com/images/no_pic.gifE" align="right" width="150px" height="150px">
<b>Name:</b>YOUR NAME<br>
<b>Gender:</b>YOUR SEX<br>
<b>Age:</b>YOUR AGE<br>
<b>Birthday:</b>YOUR BIRTHDATE<br>
<b>Orientation:</b>YOUR ORIENTATION<br>
<b>Location:</b>YOUR CITY<br>
<b>Nationality:</b>YOUR NATIONALITY<br>
<b>Hobbies:</b>YOUR HOBBIES<br>
<b>Music:</b>YOUR FAVORITE MUSIC<br>
<b>Bands:</b>YOUR FAVORITE BAND<BR>

<p class="title">About Me</P>
THIS IS A SECTION FOR ANYTHING YOU'D LIKE. YOU CAN PUT SOME MORE INFORMATION ABOUT YOURSELF OR ABOUT SOMEONE ELSE IF YOU'D LIKE :S. YOU CAN PUT PICTURES, VIDEOS, ICONS, EMOTION ICONS, ANYTHING, IT'S COMPLETELY UP TO YOU. YOU CAN PUT AS MUCH STUFF HERE AS YOU CAN TYPE, BECAUSE THE BOX SCROLLS.
AND IF YOU DON'T WANT THIS SECTION, ERASE THE "P CLASS='TITLE'..." AND ALL IN CAPITALS.
OR IF YOU'D LIKE ANOTHER SECTION LIKE THIS, ADD ANOTHER "P CLASS='TITLE'...".
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, BLAH, BLAH, BLAH, BLAH, BLAH!!

<br>

<p class="title">SECTION TITLE</P>
THIS IS A SECTION FOR ANYTHING YOU'D LIKE. YOU CAN PUT SOME MORE INFORMATION ABOUT YOURSELF OR ABOUT SOMEONE ELSE IF YOU'D LIKE :S. YOU CAN PUT PICTURES, VIDEOS, ICONS, EMOTION ICONS, ANYTHING, IT'S COMPLETELY UP TO YOU. YOU CAN PUT AS MUCH STUFF HERE AS YOU CAN TYPE, BECAUSE THE BOX SCROLLS.
AND IF YOU DON'T WANT THIS SECTION, ERASE THE "P CLASS='TITLE'..." AND ALL IN CAPITALS.
OR IF YOU'D LIKE ANOTHER SECTION LIKE THIS, ADD ANOTHER "P CLASS='TITLE'...".
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, BLAH, BLAH, BLAH, BLAH, BLAH!!

<br>

<p class="title">SECTION TITLE</P>
THIS IS A SECTION FOR ANYTHING YOU'D LIKE. YOU CAN PUT SOME MORE INFORMATION ABOUT YOURSELF OR ABOUT SOMEONE ELSE IF YOU'D LIKE :S. YOU CAN PUT PICTURES, VIDEOS, ICONS, EMOTION ICONS, ANYTHING, IT'S COMPLETELY UP TO YOU. YOU CAN PUT AS MUCH STUFF HERE AS YOU CAN TYPE, BECAUSE THE BOX SCROLLS.
AND IF YOU DON'T WANT THIS SECTION, ERASE THE "P CLASS='TITLE'..." AND ALL IN CAPITALS.
OR IF YOU'D LIKE ANOTHER SECTION LIKE THIS, ADD ANOTHER "P CLASS='TITLE'...".
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, BLAH, BLAH, BLAH, BLAH, BLAH!!

<br><br>
© 2003-2007 
<a
href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t">Myspace.com</a>
</div>

<a href="http://home.myspace.com/index.cfm?fuseaction=user"class="navigate">Home</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">Message Me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"class="navigate">Add Me</a>
<a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"class="navigate">View Friends</a>
<a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewcomments&friendID=XXXXXXXX"class="navigate">View Comments</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX"class="navigate">View Blogs</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"class="navigate">View Pictures</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"class="navigate">Add Comment</a>
<a
href="http://www.myspace.com/johncouzenslore" class="navigate">Lore</a>
</div>

Layout Comments

Showing latest 10 of 17 comments

Hey im after your permission to change the background image into a Minitruck themed layout. do you mind at all? ill credit you for all the coding.
cheers

By Apathyone on Jul 19, 2009 12:41 am

would you mind if i changed a picture on this???
i attempted before but it didnt work
so i was kinda hoping to get a hand aswell?

By Apathyone on Oct 5, 2008 5:16 am

Nice layout. The nav is annoying but the whole layout is pretty good. :)

By Mikeplyts on Sep 15, 2008 7:09 pm

nvm it only works on ie but not firfox for some reason

By EpicSkittle on Mar 12, 2008 11:28 pm

y dont the songs work

By EpicSkittle on Mar 12, 2008 11:25 pm

My song wont work

By sk8er4life207 on Mar 4, 2008 10:00 am

oh wait nevermind.
it's hard to fit the picture to fit it.
hahaha.

By glad4ever on Jan 12, 2008 4:31 pm

well i was wondering...
see i made my own background to your layout.
and if i just modified a couple things, if i could use it.
i promise to give you credit for everything. =]
and i'll show you it as proof.
please and thank you.

By glad4ever on Jan 12, 2008 6:19 am

Make A Cool Standerd Myspace Layout that is Super Cool!!!!!!!!!!!!!!!!!!!!!!!

By Mjs123890 on Jan 11, 2008 5:27 pm

try to make the scrollbar not overlap the picture. you need to retouch the images on the left. display block for the navigation so it doesn't move around. structured nicely.

By twodreamlovers on Jan 11, 2008 4:15 pm

View all »

Layout Details

Designer	JCLore
Submitted on	Jan 9, 2008
Page views	22,020
Favorites	76
Comments	17
Reviewer	libertie
Approved on	Jan 9, 2008

Skateboard

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates