Suki - Blue As The Sky

Designer's Comments

Look carefully for specific instructions

1) Insert Code into Header
2) Remove Search Bar
3) Leave Credits On
4) Do vist the site if you get the chance
5) 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

}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {

/* edits main text */
font:bold 12px Arial;
line-height:11px;
color: #1DAABB;
letter-spacing:0px;
text-align:justify;

}
p.nav {
/* edits the menu modules */
background-image:url();
background-repeat: no-repeat;
background-position: bottom right;
font: 12px Arial;
line-height: 27px;
color: #1DAABB;
text-transform: uppercase;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 4px;
width: 166px;
border-bottom: 0px solid #000000;
}
div.blogheader, .caption {
/* Edits Dates */
background-image:url();
background-repeat: no-repeat;
background-position: bottom right;
font: bold 15px Minami;
line-height: 18px;
color: #1DAABB;
text-transform: uppercase;
letter-spacing: 1px;
background-color: none;
text-align: center;
padding-left: 4px;
width: 320px;
border-bottom: 0px solid #000000;
}
#list-menu {
/* define the width of menu */
width: 160px;
}

#list-menu ul {
/* define ul */
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Arial, Arial;
font-size: 12px;
text-aligning: center;
}

#list-menu li {
/* create spaces between individual li */
margin: 1px 0 0;
}

#list-menu a {
display: block;
width:160px;
height: 15px;
padding: 2px 2px 2px 10px;
border: 1px solid #1DAABB;
background: #A6E6EE;
text-decoration: none;
filter:blendTrans(duration=0.5);
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
/* define the color of the actual link */
color: #1DAABB;
}

#list-menu a:hover {
/* create the rollover effect of the link */
border: 1px solid #FFFFFF;
background: #DAFAFE;
color: #0B7885;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active, a:visited, a.footernav:visited {
/* Edits All Links */
text-decoration:none;
cursor:s-resize;
color: #1DAABB;
letter-spacing:0px;
word-spacing:1px;
font-size:12px;

}
a:hover
{text-decoration: none; 
color: #FFFFFF;
text-transform: none;
border: 0px dashed; 
background-color: none;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {

/* this edits the buttons, dropdowns, etc. */
border: 0px solid #none;
font:normal 12px Arial;
background-color: transparent;
color: #1DAABB;
letter-spacing:0px;
}
table.blogbody{
{background: url() no-repeat bottom center;
color: #1DAABB ;
line-height: 10pt;
text-align: justify;
padding: 2px;
background-color: transparent;
border: 1px solid #1DAABB;
width: 320px;}
}
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, table.footer, table.footernav, Table.Announcements TD {display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone{
width: 320px;
}
.#rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
{width: 320px;}
}
hr {

/* horizontal divider */
border: 0px solid #8DE4EF;
width: 320px;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 2px;
}
b, strong {font: 12px/12px Arial; color: #1DAABB; font-weight:none;
}
</style>
<script type="text/javascript">

</script>

<div class="module" style="overflow: visible; margin-left: -340; margin-top: -315px; width: 255px;"> 
<div class="header"><b>About Me</b>
<div class="section">
<br><b>Name- Your Name.</b>
<br><b>Ages- Your Age</b>
<br><b>Birthday- Your Birthday</b>
<br><b>Favorite Sites- Your Favorite Site</b>
<br><b>Aim- Your Aim-</b>
<br><b>Others- ANything Here-</b>
</div><br>

<div class="header"><b>Navigation</b></div>
<div class="section">
<center>
<tr><td width="164" cellpadding="5px" valign="top" align="center">
<div id="list-menu">
<ul>
<center><a href="http://www.xanga.com">Xanga</a>
<center><a href="http://www.xanga.com/signin.aspx">Sign In</a> 
<center><a href="http://www.xanga.com/logout.aspx">Sign Out</a>
<center><a href="http://www.xanga.com/claf/default.asp">Claf</a>
<center><a href="http://www.xanga.com/private/subscribeto.aspx?user=moonlitxshadowxdesigns">Subscribe</a>
<center><a href="http://www.xanga.com/private/subs.aspx">Subscripts</a>
</ul>
</div>
</tr>
</center>

<br><div class="header"><b>Friends</b></div>
<div class="section">
<tr><td width="164" cellpadding="5px" valign="top" align="center">
<div id="list-menu">
<ul>
<center><A href="http://xanga.com/USERNAME">  Friends</A>
<center><A href="http://xanga.com/USERNAME">  Friends</A>
<center><A href="http://xanga.com/USERNAME">  Friends</A>
<center><A href="http://xanga.com/USERNAME">  Friends</A>
<center><A href="http://xanga.com/USERNAME">  Friends</A>
<center><A href="http://xanga.com/USERNAME">  Friends</A>
<center><A href="http://xanga.com/USERNAME">  Friends</A>
<center><A href="http://xanga.com/USERNAME">  Friends</A>
<center><A href="http://xanga.com/USERNAME">  Friends</A>
<center><A href="http://xanga.com/USERNAME">  Friends</A>
</div><br>
</ul>
</div>
</tr>

<div class="header"><b>Blogrings</b></div>
<div class="section">
<tr><td width="164" cellpadding="5px" valign="top" align="center">
<div id="list-menu">
<ul>
<center><A href="http://xanga.com/Blog">  Blogring</A>
<center><A href="http://xanga.com/Blog">  Blogring</A>
<center><A href="http://xanga.com/Blog">  Blogring</A>
<center><A href="http://xanga.com/Blog">  Blogring</A>
<center><A href="http://xanga.com/Blog">  Blogring</A>
<center><A href="http://xanga.com/Blog">  Blogring</A>
<center><A href="http://xanga.com/Blog">  Blogring</A>
<center><A href="http://xanga.com/Blog">  Blogring</A>
<center><A href="http://xanga.com/Blog">  Blogring</A>
<center><A href="http://xanga.com/Blog">  Blogring</A>
</div><br>
</ul>
</div>
</tr>

<div class="header"><b>Credits</b></div>
<b>Jenny @</b>
<br><center><a href="http://xanga.com/moonlitxshadowxdesigns"><img src="http://layouts.cbimg9.com/29/14349d.gif" border="0" width="88" alt="MoonlitxShadowxDesigns <33" /></a>
</style>
</div><br>
</div></div><br> 
</div> 
<div style="overflow: visible; margin-left: 285px; margin-top: -850px; width: 320px;">

Layout Comments

Showing latest 1 of 1 comments

really nice layout. i like the colors and the links. nice job

By actorderick on Sep 4, 2006 12:17 pm

Layout Details

Designer	MizzySan
Submitted on	Sep 4, 2006
Page views	10,689
Favorites	5
Comments	1

Suki - Blue As The Sky

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates