Bello :: ft. Drew

Xanga Layouts / Basic

View preview

Designer's Comments

Look carefully for specific instructions

Alignment: middle
Width: 100%

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>

<div style="width: 630px; background:#ffffff; border: 1px solid #000000; height: 100%; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px">
<img src="http://images.cbimg3.com/xanga/00/skin1243_img.jpg" usemap="#belloo.gif" border="0">

<map name="belloo.gif">
<area shape="rect" coords="404,420,440,431" href="http://www.xanga.com" target="">
<area shape="rect" coords="450,419,506,430" href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME" target="">
<area shape="rect" coords="518,421,542,431" href="http://www.xanga.com/claf" target="">
<area shape="rect" coords="552,422,581,431" href="http://www.xanga.com/Private/subs.aspx" target="">
<area shape="rect" coords="591,420,623,432" href="http://www.xanga.com/logout.aspx" target="">

</map>

<style type="text/css">
body{
background-image: Url(http://images.cbimg3.com/xanga/00/skin1243_bg.gif);
background-repeat: repeat;
background-attachment: fixed;
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-3D-LIGHT-COLOR: #ffffff;
SCROLLBAR-DARK-SHADOW-COLOR: #ffffff;
}
/* edits main text */
font:normal 8px arial;
line-height:10px;
color:#000000;
letter-spacing:0px;
text-align:justify;
}
.blogbody b, .standard b, p b, strong {
font-weight: bold;
color: #cc0066;
}
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-family:arial;
text-transform:uppercase;
font-size:14px;
line-height:15px;
font-weight:bold;
color:#cc3366;
letter-spacing:0px;
background-color: #ffffff;
text-align: left;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#cc3366;
font:normal 10px arial;
line-height: 11px;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#cc3366;
font:normal 10px arial;
line-height:11px; 
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#993366;
font:normal 10px arial;
line-height:11px;
cursor: crosshair;
text-decoration: none;
filter: blur; height:2;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 11px arial;
background-color: #ffffff;
letter-spacing:0px;
color: #000000;
}
table.left { 
/* this edits the menu module */
border: 0px solid #000000;
width:160px;
background-color: #ffffff;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #000000;
background-color: #ffffff;
width:440px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: #ffffff;
font: bold 11px arial;
text-transform: lowercase;
color: #996666;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url();
background-color: #ffffff;
border: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #ffffff; 
border: 1px solid #cccccc;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #cccccc;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 600px;
}
hr {
/* horizontal divider */
border: 1px solid #cccccc;
}
table.footer {display: none;} 
}
table.navigation {display: none;};
}
</style>

Layout Comments

Showing latest 3 of 3 comments

SO LOVELY!!I'm using it now ~~

By creamyqueen on May 18, 2005 4:18 am

absolutely LOVE the banner!

By PurrfectMissM on May 11, 2005 6:11 pm

Wow! I love it! Nice job

By Annie5332 on May 1, 2005 8:13 pm

Layout Details

Designer	tragickiss
Submitted on	Apr 30, 2005
Page views	7,065
Favorites	25
Comments	3

Layout Tags

,

Layout Tools

Layout Affiliates

Here I Stand Layouts