Super Luigi

Designer's Comments

Look carefully for specific instructions

Becareful though editing the profile section. If you add too much text then it'll pull the blog part down. EEKK!!!! No worries though. Just find the part that says

"MARGIN-TOP: ## px;"

Once you find that just increase the number you see there until you fix it. When doing this remember that there's more than one "MARGIN-TOP: ## px;" in the coding. make sure your editing the second one you see. Well that's it. Enjoy!

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: #059F29;
	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 Luigi</b> <br>
Featuring: <b>Luigi</b> <br>
Released on: <b>Oct. 8th</b> <br>
Graphic Time: <b>20 minutes</b> <br>
Coding Time: <b>35 minutes</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: #FCD70A;
 scrollbar-track-color: #ffffff;
 scrollbar-shadow-color: #000000;
 scrollbar-face-color:#059F29;
 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: #FCD70A;

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

}
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: #FCD70A;
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:#FCD70A;
 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: #059F29;
 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: #FCD70A;
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: #059F29;
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: #FCD70A;
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: #059F29;
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: #059F29;
border:  0px solid #000000;
border-top: none;
 }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #059F29; 
 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 2 of 2 comments

The pictures don't show up on the createblog.com page or on the test xanga. Any problems with this that you know of?

By evanbunnell on Oct 13, 2005 2:07 am

i love it. the colors are awesome

By xposure on Oct 8, 2005 3:26 pm

Layout Details

Designer	mind_of_its_own
Submitted on	Oct 8, 2005
Page views	11,380
Favorites	11
Comments	2

Super Luigi

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates