skateboarding=life! (rollovers)

DO NOT REMOVE MY CREDIT AT ALL and DO NOT ALTER THE CODING WITHOUT MY PERMISSION!!!!
Comments are nice =)

-Dont forget to put your friend ID in the places of the "XXXXXXXX".
Dont know how to do that? then click here for my div overlay help.
-Also, wanna change the music? simply go to myflashfetish.com and make your own music player, just make sure when you pick the music player its the circle one because no other music player will fit in that spot.

-The live preview may show the div overlapping the main myspace navi and Ad but I assure you when you put the code on your myspace is does not do that! Also, click refresh when you open the live preview just to make sure the div image is centered :)
-All my layouts are made on a widescreen laptop so if the div isnt centered when you use it its prob because of that. Also, On all my other DIV overlays i have a link that shows you how to center it for your profile, problem is because of the rollovers in this layout i cant really show you how to center your profile without you moving all the links around. So if you have html knowledge and know how to move the rollovers and the div image, feel free to do so, but if you don’t I wouldn’t recommend that you did, sorry =/


CREDITS:
-Font from dafont.com
-Brushes from brusheezy


CLICK THE LINKS BELOW TO VIEW,
-Directions and help for this layout.
-MystiicDesigns Myspace
-MystiicDesigns Createblog

• 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

<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>body {background-color: ffffff;background-image: url("");background-position: center;background-repeat: repeat;background-attachment: fixed;scrollbar-arrow-color:7188b7;scrollbar-track-color: ffffff;scrollbar-shadow-color: 7188b7;scrollbar-face-color:ffffff;scrollbar-highlight-color:000000;scrollbar-darkshadow-color:000000;scrollbar-3dlight-color:7188b7;}table, tr, td {background-color: transparent; border: 0px; padding:2;}table table {border: 0px;}table table table table{border: 0px;}</style><style> table, tr, td {background:transparent;} table table table table, table table table table td.text, table.contactTable {display:none;} td.text table, .orangetext15 {visibility:hidden;} td.text table table {display:inline; visibility:visible;} td.text td.text table {display:none;} div b font font, div font font u {display:none;}.whitetext12 { display: none; }.nametext { display:none;}</style><style>div table td font {display: none;}</style><style>div table td font {visibility:hidden;}div table table td font a {visibility:visible;}table td div {visibility:hidden;}table table td div {visibility:visible;}</style><style>td td embed {width:0px; height:0px;}td td embed, td td object {width:0px; height:0px;}td.text embed, td.text object {width:320px; height:240px;}td.text embed {width:320px; height:240px;}td.text embed {width:auto; height:auto;}td.text embed, td.text object {width:auto; height:auto;}</style> <style> a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:Arial; font-size: 14px; color: ffffff; font-weight: bold; text-decoration: none; letter-spacing: 0px; padding: 0px; line-height: 9px; background-color: transparent; border: 0px solid ..000000;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:Arial; font-size: 14px; color: a7c9fb; font-weight: bold; text-decoration: blur; letter-spacing: 0px; padding: 0px; line-height: 9px; background-color: 220592; border: 0px solid ..000000;}</style> <style>.navigationBar {display:none;}</style><style>.extendedNetwork {display:none;}</style> <style> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important; }div table div, table table div { display:block!important; padding:0; }table, tr, td { background:none; border:none; }.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }.clearfix { position:relative; top:-30px; width:728px; }.clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; }.clearfix .clearfix div { margin:45px 0 0; }.clearfix .clearfix div div { margin:auto; }.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }.friendSpace {display:none;}.friendsComments {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}</style> <style> .link1{z-index:8;line-height:120px;position:absolute;width:76px;height:36px;left:100px;top:726px} .link2{z-index:8;line-height:10px;position:absolute;width:70px;height:36px;left:176;top:726} .link3{z-index:8;line-height:10px;position:absolute;width:114px;height:36px;left:245;top:726} .link4{z-index:8;line-height:10px;position:absolute;width:86px;height:36px;left:365;top:726} .link5{z-index:8;line-height:10px;position:absolute;width:85px;height:36px;left:458;top:726} .link6{z-index:8;line-height:10px;position:absolute;width:102px;height:36px;left:545;top:726} .link7{z-index:8;line-height:10px;position:absolute;width:88px;height:36px;left:647;top:726} .name1{height: 36px; width: 76px; overflow: hidden; background: url(http://cbimg6.com/layouts/09/08/35492aa.png) top left no-repeat; display: block;} .name1:hover{background-position: bottom left;} .name2{height: 36px; width: 70px; overflow: hidden; background: url(http://cbimg6.com/layouts/09/08/35492ab.png) top left no-repeat; display: block;} .name2:hover{background-position: bottom left;} .name3{height:36px; width: 114px; overflow: hidden; background: url(http://cbimg6.com/layouts/09/08/35492ac.png) top left no-repeat; display: block;} .name3:hover{background-position: bottom left;} .name4{height: 36px; width: 86px; overflow: hidden; background: url(http://cbimg6.com/layouts/09/08/35492ad.png) top left no-repeat; display: block;} .name4:hover{background-position: bottom left;} .name5{height: 36px; width: 85px; overflow: hidden; background: url(http://cbimg6.com/layouts/09/08/35492ae.png) top left no-repeat; display: block;} .name5:hover{background-position: bottom left;} .name6{height: 36px; width: 102px; overflow: hidden; background: url(http://cbimg6.com/layouts/09/08/35492af.png) top left no-repeat; display: block;} .name6:hover{background-position: bottom left;} .name7{height: 36px; width: 88px; overflow: hidden; background: url(http://cbimg6.com/layouts/09/08/35492ag.png) top left no-repeat; display: block;} .name7:hover{background-position: bottom left;} </style> </div> <div class="link1"><a href="http://home.myspace.com/index.cfm?fuseaction=user" class="NAME1"></a></div> <div class="link2"><a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="NAME2"></a></div> <div class="link3"><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="NAME3"></a></div> <div class="link4"><a href="http://home.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX" class="NAME4"></a></div> <div class="link5"><a href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="NAME5"></a></div> <div class="link6"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="NAME6"></a></div> <div class="link7"><a href="http://www.myspace.com/70666685" class="NAME7"></a></div> </style>

<div class="bg" style="position: absolute; left:15px; top:130px; width:800px; height:650px; overflow: hidden;"> <div><img src="http://cbimg6.com/layouts/09/08/35492ah.png" alt="" usemap="#milovDIVpic" style="border-style:none" /></div> <div> <map id="milovDIVpic" name="milovDIVpic"> <area shape="default" nohref="nohref" alt="" /> </map> </div> <div class="ABOUT" style="position: absolute; left:100px; top:269px; width:299px; height:300px; overflow: auto;"> <center> You write about yourself here.<br /><br />Dont forget to put your friendID in the places of all the X's before you click "save changes"! You can find the X's in the about me part of the code AND in the who id like to meet code towards the bottom! <br /><br />Do not remove my credit what so ever. Have any questions feel free to ask<br /><br />You write about yourself here.<br /><br />Dont forget to put your friendID in the places of all the X's before you click "save changes"! You can find the X's in the about me part of the code AND in the who id like to meet code towards the bottom!<br /><br />Do not remove my credit what so ever. Have any questions feel free to ask!<br /><br />You write about yourself here.<br /><br />Dont forget to put your friendID in the places of all the X's before you click "save changes"! You can find the X's in the about me part of the code AND in the who id like to meet code towards the bottom!<br /><br />Do not remove my credit what so ever. Have any questions feel free to ask!<br /><br />You write about yourself here.<br /><br />Dont forget to put your friendID in the places of all the X's before you click "save changes"! You can find the X's in the about me part of the code AND in the who id like to meet code towards the bottom!<br /><br />Do not remove my credit what so ever. Have any questions feel free to ask! </font> </center></style><br /></div> <div class="OTHER" style="position: absolute; left:413px; top:271px; width:287px; height:199px; overflow: auto;"> <center> You can write what you want here or add pictures or whatever.<br /><br />Dont forget to put your friendID in the places of all the X's before you click "save changes"!<br /><br />Do not remove my credit what so ever. Have any questions feel free to ask!<br /><br />You can write what you want here or add pictures or whatever.<br /><br />Dont forget to put your friendID in the places of all the X's before you click "save changes"!<br /><br />Do not remove my credit what so ever. Have any questions feel free to ask! </font> </center></style><br /></div> <div class="COMMENT" style="position: absolute; left:412px; top:503px; width:287px; height:64px; overflow: auto;"> <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="box4">Hey!</textarea><br> <input type="submit"class="comment4" value="submit"></form> </div> <style>.extendednetwork{display:none;}</style>

ugh enough with the 1.0 make 2.0 people here need cool 2.0 ya know ]:

Amazing.(:
Umm..can you make one about Softball or Music?(: please.

and how do you put the pics on the side

how the bloody hell do you do the id crap

HELL YEAH! A SKATEBOARD LAYOUT. awesome! :D great job.

I would have liked it to be centered, but I think it's very nice! I like your rollovers.

This is really awesome and nicely done too. :o)

WTF? This is the Shit! I don't skate though, haha but i'm sure that my friend [who skates] would tottally love this! LOVE the rollevers too. Plus what I love about this layout is how round the "skateboarding = life" part that just takes the cake!

Designer	mystiicdesigns
Submitted on	Aug 10, 2009
Page views	7,879
Favorites	19
Comments	8
Reviewer	Mike
Approved on	Aug 10, 2009

guys, love, minimal, objects, skateboarding, boarders, sports

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts