Soar Up

Xanga Layouts / Basic

View preview

Designer's Comments

Look carefully for specific instructions

Compatible in IE only
Replace links with USERNMAE with your own xanga username.

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

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><img src="http://img527.imageshack.us/img527/9020/soarupdesigntx6.gif" width="318" height="595" border="0" alt="" usemap="#Soar_Up__design_Map">
<map name="Soar_Up__design_Map">
<area shape="rect" alt="" coords="161,347,197,360" href="http://xanga.com/wonders79">
<area shape="rect" alt="" coords="128,347,159,359" href=" http://www.xanga.com/logout.aspx ">
<area shape="rect" alt="" coords="85,347,128,359" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">
<area shape="rect" alt="" coords="61,347,85,358" href="http://xanga.com/home">
<area shape="rect" alt="" coords="27,347,60,359" href="http://xanga.com/private">
<area shape="rect" alt="" coords="7,347,27,357" href="http://xanga.com/claf">
</map>

<style type="text/css">
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, hr, table.footer TD {display: none;}
body {
background-color: #6B2243;
background-image: url("none"); 
background-repeat: no-repeat; 
background-position: center center;
scrollbar-arrow-color: #6B2243;
scrollbar-track-color: none;
scrollbar-shadow-color: none;
scrollbar-face-color: #7E7C7D;
scrollbar-highlight-color: none;
scrollbar-darkshadow-color: none;
scrollbar-3dlight-color: none;
cursor:crosshair; 
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: normal 8PT ARIAL;
color:# 6B2243;
letter-spacing:0px;
text-align: justify;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font: 8PT ARIAL;
font-weight: NORMAL;
color: #6B2243;
}
.blogbody u, .standard u, p u, u {
text-decoration: underline;
border: 0px solid #6B2243;
border-width: 0px;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align:center;
}
.navheader {
width:275px;
background-color:#transparent;
font-family:ARIAL;
text-transform:uppercase;
font-size:8pt;
line-height:8pt;
font-weight:normal;
color:# 6B2243;
letter-spacing:-2px;
text-align: center;
}
.module { 
width: 192px;
font: normal 8PT ARIAL;
color: #6B2243;
background-color: none;
border: #ffffff 0px solid;
text-align: justify;
}
div.blogheader, .caption {
/* edits the dates */
font-family: ARIAL;
text-transform: uppercase;
font-size: 8PT;
line-height:normal;
font-weight: NORMAL;
color: # FFFFFF;
text-align:center;
width:275px;
}
.blogbody {
background-color: transparent;
width:275px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/*EX edits all links  */
  color:#FFFFFF;
  text-decoration: none;
  text-transform: lowercase;
  font: 8PT ARIAL;
}
a:visited, a.footernav:visited,  {
/*EX edits the links that the user has visited */
  color:#FFFFFF; 
  text-decoration: none;
  text-transform: lowercase;
  font: 8PT ARIAL;
}
a:hover {
/* edits when user mouseovers the links */
 color:#CCCCCC;
 font:normal 8PT ARIAL;
 text-transform: lowercase;
 background-color: none;
 text-decoration: none;
 letter-spacing:0px;
 }
b, strong{
color: #6B2243;
text-spacing: 1px;
letter-spacing: 1px;
}
i, em{
color: #6B2243;
letter-spacing: .5pt;
text-spacing: .5pt;
}
u{
color: #6B2243;
border-bottom: 0px #FFFFFF;
}
table.blogbody {
/* this edits the other the place where the  blog is */
background: #transparent;
width: 275px;
border: none;
}
#pnlEnabled table, #htmleditor, #lblTimeZone{
width: 275px;
}
.#rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
{width: 275px;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #000000 ;
 font:normal 8PT ARIAL;
 color: #FFFFFF;
 background-color: ffffff;
 letter-spacing:0px;
}
table.left { 
/* this edits the menu module */
 border: 1px solid #FFFFFF;
font-weight: normal;
 width:275px;
  background-color: FFFFFF;
 }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font-family: ARIAL;
text-transform: lowercase;
font-size:8pt;
font-weight: normal;
letter-spacing: 0px;
color: #ffffff;
background-color:#ffffff;
text-align: center;
border: 0px solid #000000;
border-bottom: 0px solid 000000;
 }
table.left TD {
/* on your menu module, this edits the body part of it */
 background-color: ffffff;
border:  1px solid #000000;
border-top: 3px solid #000000;
color: 000000;
 }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: none; 
border: 0px solid #FFFFFF;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #FFFFFFF;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 2px;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
text-align: center;
padding-bottom: 0px;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 240px;
}
</style>

<div style="overflow: auto; width: 300px; height: 214px; margin-top: -233px; margin-left:-10px;">

Layout Comments

Showing latest 5 of 5 comments

Love the design

By CuntBlog on Feb 21, 2011 1:10 am

gorgeous!

By xeviloompaloompa on Jul 30, 2007 4:40 am

this is a very lovely layout, i love the great selection of colors you chose!

By latex_indulgence on Aug 14, 2006 10:05 am

Sally, love the color and the design is adorable. love it!

By KissMe2408 on Aug 13, 2006 6:02 am

Prettyy :) I have IE though and only the top half of the banner shows up. =/

By mushroom22 on Aug 6, 2006 5:33 pm

Layout Details

Designer	salcha4u
Submitted on	Aug 2, 2006
Page views	28,968
Favorites	55
Comments	5

Layout Tags

, soar, birds

Layout Tools

Layout Affiliates

Here I Stand Layouts