Super Mario Galaxy.

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

Ever since I made the div with the 8-bit Mario, I've wanted to make one of the 3D version. After almost two years, it's done. I'm really happy with how this turned out. Any comments are always appreciated. :)

website l myspace

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">body{
background-color:000000;
background-image:url();
background-position:top left;
background-repeat:repeat;
background-attachment:scroll; }

.background1{
position: absolute; 
left: 50%;
margin-left:-400px; 
padding-bottom:0px;
top: 110px;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-165px; 
top: 450px; 
width:  394px; 
height: 187px; 
overflow: auto;}

.nav1{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-426px;
top:206px;}

.add{
height:145px; 
width: 153px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/01/33380ac.png) top left no-repeat; 
display: block;}

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

.nav2{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-50px;
top:110px;}

.msg{
height:131px; 
width: 127px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/01/33380ad.png) top left no-repeat; 
display: block;}

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

.nav3{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:307px;
top:316px;}

.nav4{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:225px;
top:500px;}

.home{
height:149px; 
width: 137px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/01/33380ae.png) top left no-repeat; 
display: block;}

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

.nav5{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:240px;
top:105px;}

.pics{
height:169px; 
width: 167px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/01/33380af.png) top left no-repeat; 
display: block;}

.pics:hover{
background-position: bottom left;}

.nav6{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:120px;
top:271px;}

.comment{
height:141px; 
width: 147px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/01/33380ag.png) top left no-repeat; 
display: block;}

.comment:hover{
background-position: bottom left;}

.nav7{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-326px;
top:574px;}

.blog{
height:144px; 
width: 147px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/01/33380ah.png) top left no-repeat; 
display: block;}

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

div{
font:normal 9px verdana; 
color:ffffff; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:20px;}

a:active,a:visited,a:link,a{
	color:ad171a;
	font-size:9px;
	line-height:20px;
	cursor:default;
	font-weight:normal;
	letter-spacing:0px;
	font-family:arial;
	text-decoration:none;
	text-transform:none;}

a:hover{
	color:ffffff;
	font-size:9px;
	line-height:20px;
	cursor:default;
	font-weight:normal;
	letter-spacing:0px;
	font-family:arial;
	text-decoration:none;
	text-transform:none;}

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
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;}
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;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}</style>

<div class="section1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa.
<br></div>

Layout Comments

Showing latest 10 of 17 comments

love the star nav :D you always have the best DIV navs :D

By patternhouses on Feb 14, 2009 9:08 pm

it different,
its cute
i love

By koobecaf on Jan 31, 2009 3:10 pm

Yo seriously make more of these layouts cartoons ,cities,the works because my friends love the littl layouts like these and i have an idea on another one 2 make one with sonic in his golen form and fat rings that do the same as the mario stars with the add,msg,and etc

By fruna11 on Jan 28, 2009 2:19 pm

So cute! You work rollovers the best :D

By fainaru on Jan 23, 2009 7:49 pm

The rollovers are about the sweetest thing ever. :) This is majorly cool.

By shadowkissed on Jan 20, 2009 7:03 pm

love the navi!

By diputs on Jan 19, 2009 7:59 am

Did you put in your ID? The links won't work unless you do.

By schizo on Jan 16, 2009 7:01 pm

on the preview wen i go over the stars it has a link like msg. pics. and etc.
but wen i get it and check the stars dont work except for the home one why?

By DavinaBoos on Jan 16, 2009 6:38 pm