Super Mario

Designer's Comments

Look carefully for specific instructions

!IMPORTANT!

Feel free to edit the profile, but remember, if you add too muh text, the blog section will sink. Raise the MARGIN-TOP number to raise it back up again.
( It also works the other way )

Using This Layout

For specific instructions read designer's comments

1. Disable Xanga themes (edit theme -> uncheck make this your active theme -> save)
2. Log into xanga.com (look & feel)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

<div style="
	width: 165 px; 
	margin-top: -30 px;
	margin-left: 321 px; 
        background-color: #FF0000;
	padding: 0px;
        border-bottom: 0px solid #000000;       
        border-top: 0px solid #000000;
        border-left: 0px solid #000000;
        border-right: 0px solid #000000;
;
<style></style>">
<table width="165" border="0" cellshading="0" cellpadding="0" class="info">
<tr class="info"><th class="info" width="252">Profile</th><tr>
<td class="info">

<i>Name</i>: Billie Joe Bob Sue <br>
<i>Area</i>: Springfeld MA <br>
<i>Sex</i>: Humpback Whale <br>
<i>Favorite Shows</i>: Barney and Blues Clues ( Hey, Why not? )
</td></tr></table>

<table width="165" border="0" cellshading="0" cellpadding="0" class="info">
<tr class="info"><th class="info" width="252">Navigation</th><tr>
<td class="info">
<a href="link.html">Link</a><br>
<a href="link.html">Link</a><br>
<a href="link.html">Link</a><br>
<a href="link.html">Link</a><br>
<a href="link.html">Link</a><br>
<a href="link.html">Link</a><br>
</td></tr></table>

<table width="165" border="0" cellshading="0" cellpadding="0" class="info">
<tr class="info"><th class="info" width="252">Network</th><tr>
<td class="info">
<a href="friend.html">friend</a><br>
<a href="friend.html">friend</a><br>
<a href="friend.html">friend</a><br>
<a href="friend.html">friend</a><br>
<a href="friend.html">friend</a><br>
</td></tr></table>

<table width="165" border="0" cellshading="0" cellpadding="0" class="info">
<tr class="info"><th class="info" width="252">Layout Info.</th><tr>
<td class="info">
<b>Super Mario</b> <br>
Featuring: <b>Mario</b> <br>
Released on: <b>Oct. 8th</b> <br>
Graphic Time: <b>30 minutes</b> <br>
Coding Time: <b>1 hour</b> <br><br>
<i><u>Requirements:</u></i> <br><br>
Screen Res.: <b>all</b> <br>
Window <b>doesn't matter</b> <br>

</td></tr></table>

<table width="165" border="0" cellshading="0" cellpadding="0" class="info">
<tr class="info"><th class="info" width="252">Credits</th><tr>
<td class="info">
Graphic found: <a href="http://www.google.com/">Google.com</a><br>
Final Layout ?Robert M. Streeter II<br>
Layout made: <a href="http://www.xanga.com/ro83rt">here</a>
</td></tr></table>

</div>

background-color: #ffffff;
 scrollbar-arrow-color: #ffffff;
 scrollbar-track-color: #ffffff;
 scrollbar-shadow-color: #000000;
 scrollbar-face-color:#ff0000;
 scrollbar-highlight-color: #000000;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-3dlight-color: #ffffff; 
 
 }
texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {
display: none;
 }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 8pt tahoma;
 line-height:10px;
 color: #000000;
 letter-spacing:0px;
 text-align:justify;
/* edits bold and strong text*/ 
}
b, strong {
color: #000000;
}
/* edits underlined text*/
u {
color: #ffffff;

}
/* edits italicized */
em,i {
color:#ffffff;
}

}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
 text-align: center;
 }
div.blogheader, .caption {
/* edits the dates */
font:normal 8pt tahoma;
letter-spacing: 2px;
color: #000000;
background-color: #ffffff;
text-align: right;
border: 0px solid #000000;
width: 305px;
padding: 0px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#000000;
 font:normal 8pt tahoma;
 text-decoration: none;
 line-height:10px;
 }
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#000000; 
 font:normal 8pt tahoma;
 line-height:10px;
 text-decoration: none;
 }
a:hover {
/* edits when user mouseovers the links */
 color:#ff0000;
 font:normal 8pt tahoma;
 line-height:10px;
 text-decoration: none;
 }
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #000000;
 font:normal 10px tahoma;
color: #000000;
 background-color: #ff0000;
 letter-spacing:0px;
 }
table.left { 
/* this edits the menu module */
 border: 0px solid #000000;
font-weight: normal;
color:#000000;
 width:0px;
  background-color: #ff0000;
 }
table.info TH
{/* Edits the info headers */
background-color: #ffffff;
width: 165px;
height: 14px;
border-top: 0px solid #000000;
border-right: 0px solid #28833C;
border-left: 0px solid #28833C;
border-bottom: 0px solid #28833C;
font: normal  8pt tahoma;
text-align: left;
padding-left: 3px;
color= #000000;}

table.info TD
{/* Edits the info data*/
background-color: #ff0000;
border-top: 0px solid #000000;
border-right: 0px solid #28833C;
border-left: 0px solid #28833C;
border-bottom: 0px solid #28833C;
font-family: tahoma;
width: 165px;
padding: 3px;
text-align: left;
font-size: 8pt;
color= #000000;}

table.info others TD
{/* Edits the info headers after the first */
background-color: #ffffff;
width: 165px;
height: 14px;
border-top: 0px solid #000000;
border-right: 0px solid #28833C;
border-left: 0px solid #28833C;
border-bottom: 0px solid #28833C;
font: normal  8pt tahoma;
text-align: left;
padding-left: 3px;
color= #000000;}

table.blogbody {
/* this edits the other the place where the  blog is */
 
background-color: #ff0000;
border: 0px solid #000000;
border-top: none;
 width: 305px;
 }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font-family: terminal;
text-transform: uppercase;
font-size:8pt;
font-weight: bold;
letter-spacing: 4px;
color: #000000;
background-color: #ff0000;
text-align: left;
border: 0px solid #000000;
border-bottom: none;
 }
table.left TD {
/* on your menu module, this edits the body part of it */
 background-color: #ff0000;
border:  0px solid #000000;
border-top: none;
 }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #ff0000; 
 border: 0px solid #000000;
 }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #000000;
 }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 305;
 }
hr {
/* horizontal divider */
 {display: none;};
 }
table.footer {display: none;}</style>

Layout Comments

Showing latest 4 of 4 comments

Whoa. I just submitted a Super Mario layout (before seeing this cool layout). The submission dates are exactly a year apart. o_O?

By markmejia on Oct 9, 2006 7:11 pm

QUOTE(incoherent @ Oct 8 2005, 10:26 AM)it doesnt seems to line up right in firefox...[right][snapback]1671954[/snapback][/right]Most likely not, Firefox is like that.

By Eryi on Oct 8, 2005 12:59 pm

it doesnt seems to line up right in firefox...

By nnicron on Oct 8, 2005 10:26 am

Yeah, Super Mario! I really like the pic, with the ears and his flying position and everything.

By tokyo-rose on Oct 8, 2005 10:13 am

Layout Details

Designer	mind_of_its_own
Submitted on	Oct 8, 2005
Page views	28,796
Favorites	21
Comments	4

Super Mario

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates