Free Cool Xanga Layouts Codes

Instructions: Log in to Xanga and click "Look & Feel" on the left under Navigation. On this site there's a Drop Down menu under "Header", choose "Input your own Header HTML". Now copy and paste one of these cool Xanga layout codes into the module box and click "Save Changes".

Page 1, Page 2

Cool green, artistic Xanga layout.

<div align="center" style="margin-top: -200px; margin-left: 2px; background-color: #333300;">
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<img src="http://www.freefeverfiles.com/xanga/xangalayouts/layouts/digital_motivation.gif" border="0"></div><style type="text/css">
table.navigation, table.footer { display:none; }.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:400px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder 
{display: none;} 
</style><style type="text/css">
body 
{background-color: #333300;
background-image: url(http://www.freefeverfiles.com/xanga/xangalayouts/layouts/digital_motivation2.gif);
background-repeat: repeat-y;
background-position: center;
cursor: crosshair;scrollbar-arrow-color: #333300;
scrollbar-track-color: #333300;
scrollbar-shadow-color: #CCCC99;
scrollbar-face-color: #333300;
scrollbar-highlight-color: #CCCC99;
scrollbar-darkshadow-color: #CCCC99;
scrollbar-3dlight-color: #CCCC99;}div.blogheader, .caption 
{background-image: none;
background-repeat: no-repeat;
background-position: bottom right;
font: normal 10px Terminal;
line-height: 12px;
color: #CCCC99;
text-transform: uppercase;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 6px;
border: 0px solid #CCCC99;}.blogbody b, .standard b, .module b, .section b, p b, strong 
{font-weight: bold;
color: #CCCC99;}.blogbody u, .standard u, .module u, .section u, p u, u 
{text-decoration: underline;
border-bottom: 1px dotted #CCCC99;}.blodbody i, .standard i, .module i, .section i, p i, em 
{font-weight: italic;
color: #CCCC99;}input, select, textarea, iframe.htmleditor, .textfield, .button 
{border: 1px solid #CCCC99;
font: normal 9px verdana;
background-color: #FFFFFF;
font-color: #CCCC99;}hr 
{color: #202818;}table.footer TD 
{text-align: center;}.header
{background-image: url(http://www.freefeverfiles.com/xanga/xangalayouts/layouts/digital_motivation3.gif);
background-repeat: no-repeat;
background-position: top right;
font: normal 10px Terminal;
line-height: 27px;
color: #CCCC99;
text-transform: uppercase;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 6px;
border: 0px solid #CCCC99;}
 
.module 
{width: 200px;
background-color: none;
BORDER: #202818 0px solid;}.section
{font: normal 7pt verdana;
color: #202818;
line-height: 10pt;
text-align: left;
background-color: none;
padding: 4px;
border: 0px solid #202818;}font,td,p,xmp
{color: #202818;
font-face: verdana;
font-weight: normal;
font-size: 7pt;
text-align: justify;}table.blogbody tr td 
{width: 0px; 
padding-left: 0px;} table.blogbody
{background-color: none;
font: normal 7pt verdana;
color: #202818;
line-height: 10pt;
text-align: justify;
border: #202818 0px solid;
padding: 3px;
width: 450px;}a:link
{font: normal 7pt verdana;
color: #000000;
line-height: 10pt;
font-weight: none; 
text-transform: none;
letter spacing: 1px;
cursor: crosshair;}a:visited
{font: normal 7pt verdana;
color: #000000;
line-height: 10pt;
font-weight: none;
text-transform: none;
letter spacing: 1px;
cursor: crosshair;}a:active
{font: normal 7pt verdana;
color: #000000;
line-height: 10pt;
font-weight: none;
text-transform: none;
letter spacing: 1px;
cursor: crosshair;}a:hover 
{font: normal 7pt verdana;
color: #CCCC99;
line-height: 10pt;
text-decoration: none;
text-transform: none;
letter spacing: 1px;
cursor: crosshair;}
</style><div align="center" class="module" style="overflow: visible; width: 216px; margin-top: -230px; margin-left: -469px;"><div class="header">The Blogger</div>
<div class="section">
<table border="0">
<tr>
<td></td>
<td>
<b>Name:</b> Your Name<br>
<b>Location:</b> The US of A<br>
<b>Gender:</b> Unknown<br>
<b>Birthday:</b> Your Birthday<br>
<b>Job:</b> Enter place<br>
<b>Status:</b> Relationship<br>
<b>Joined:</b> Enter Date<br>
<b>AIM:</b> <a href="aim:goim?screenname=YOURSCREENNAME">Your Screen Name</a><br>
<b>Email:</b> Name@site.com<br>
<b>Other:</b> Other Contact
 </td>
</tr>
</table>
You can type anything you want here about yourself. What your favorite colors are, foods, music, anything. Just don't forget to balance the blog body as you add more to this side module.
</div><div class="header">Navigation</div>
<div class="section">
<a href="http://www.xanga.com/WindSorcerous">Back to Homepage</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=USERNAME">Sign my Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=USERNAME">My Profile</a><br>
<a href="http://www.xanga.com/private/subscribeto.aspx?user=USERNAME" target=new>Subscribe to Me</a>
<br><br><a href="http://www.xanga.com/private/home.aspx">Compose Entries</a><br>
<a href="http://www.xanga.com/private/subs.aspx" target=new>Your Subscriptions</a><br>
<a href="http://www.xanga.com/claf/default.asp">Look and Feel</a><br>
<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit Account</A><br>
</div><div class="header">My Subscriptions</div>
<div class="section"><a href="URL" target=new>Your Subscription</a><br>
<a href="URL" target=new>Your Subscription</a><br>
<a href="URL" target=new>Your Subscription</a><br>
<a href="URL" target=new>Your Subscription</a></div><div class="header">BlogRings I Joined</div>
<div class="section"><a href="BLOGRINGURL" target=new>Your Blogring</a><br>
<a href="BLOGRINGURL" target=new>Your Blogring</a><br>
<a href="BLOGRINGURL" target=new>Your Blogring</a><br>
<a href="BLOGRINGURL" target=new>Your Blogring</a><br>
<a href="BLOGRINGURL" target=new>Your Blogring</a><br>
<a href="BLOGRINGURL" target=new>Your Blogring</a><br>
<a href="BLOGRINGURL" target=new>Your Blogring</a><br>
<a href="BLOGRINGURL" target=new>Your Blogring</a></div><div class="header">Anything You Want</div>
<div class="section">You can put anything you want here! Don't forget to the balance the two sections by adjusting the bottom Margin-Top number. You will have to do that as you increase or decrease this side module.<br>
This Layout was designed to fit with the new xanga ad.</div><div class="header">Credits</div>
<div class="section">
<b>Layout Designed.</b> <a href="http://www.xanga.com/WindSorcerous" target=new>Wind Sorcerous</a><br>
<b>Programs Used.</b> Microsoft Picture Photo 7.0 & Windows Paint Program and Adobe PhotoShop<br>
<b>Brushes.</b> <a href="http://www.animerain.com/" target=new>Anime Rain</a> . <a href="http://www.reckless.opaque-waters.net/main.php" target=new>Reckless</a><br>
<b>Image.</b> <a href="http://www.animevisions.net" target=new>Anime Visions</a><br>
<b>Downloaded from.</b> <a href="http://www.freefever.com/xanga">Xanga Layouts</a>
</center></div>
</div><div align="center" class="blogbody" style="overflow: visible; width: 450px; margin-top: -930px; margin-left: 217px;">
Get your own free Xanga layout from: <a href="http://www.freefever.com/xanga" target="_top">Xanga Layouts</a><br>

Cool dark purple layout for your Xanga profile.

<div align="LEFT" style="margin-left: -10px; margin-top: -148px;"><style type="text/css">
table.navigation, table.footer { display:none; }.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:400px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder 
{display: none;} 
</style><img src="http://www.freefeverfiles.com/xanga/xangalayouts/layouts/indepth.jpg" width="800" height="800" border="0" alt="" usemap="#INDEPTH_Map">
<map name="INDEPTH_Map">
<area shape="rect" alt="" coords="16,300,64,317" href="http://www.xanga.com/xklipse">
<area shape="rect" alt="" coords="16,293,104,307" href="http://www.xanga.com/private/subs.aspx">
<area shape="rect" alt="" coords="16,281,65,293" href="http://www.xanga.com/logout.aspx">
<area shape="rect" alt="" coords="16,269,66,279" href="http://www.xanga.com/signin.aspx">
<area shape="rect" alt="" coords="16,256,67,269" href="http://edit.xanga.com/claf.aspx">
<area shape="rect" alt="" coords="0,244,67,256" href="http://www.xanga.com/YOURXANGANAMEHERE">
<area shape="rect" alt="" coords="0,234,67,244" href="www.xanga.com">
<area shape="rect" alt="" coords="16,222,68,234" href="http://www.xanga.com/private/home.aspx">
<area shape="rect" alt="" coords="182,165,191,280" href="http://www.xanga.com/xklipse">
</map></div><style type="text/css">
body
{background: #320001 url("http://www.freefeverfiles.com/xanga/xangalayouts/layouts/indepth2.jpg");
background-attachment: fixed;
background-position: left; 
background-repeat: repeat-y;
scrollbar-arrow-color: #c2bda7;
scrollbar-track-color: #320001;
scrollbar-shadow-color: #320001;
scrollbar-face-color: #320001;
scrollbar-highlight-color: #c2bda7;
scrollbar-darkshadow-color: #918666;
scrollbar-3dlight-color: #320001;}
div.blogheader, .caption 
{background-image: url(http://www.freefeverfiles.com/xanga/xangalayouts/layouts/indepth3.gif);
background-repeat: no-repeat;
background-position: bottom ;
font: 10px century gothic;
line-height: 34px;
color: #320001;
text-transform: uppercase;
letter-spacing: 2px;
background-color: none;
text-align: center;
padding-left: 6px;
border: 0px solid #320001;}.module b, .section b, .blogbody b, .standard b, p b, strong 
{font-weight: bold;
color: #c2bda7;}input, select, textarea, iframe.htmleditor, .textfield, .button 
{border: 1px solid #320001;
font: normal 7pt century gothic;
color: 320001;
line-height: 10pt;
background-color: white;}table.footer TD 
{text-align: center;}.header 
{background-image:none
background-repeat: no-repeat;
background-position: bottom ;
font: 10px century gothic;
line-height: 23px;
color: #c2bda7;
text-transform: Uppercase;
letter-spacing: 2px;
background-color: none;
text-align: right;
border: 0px solid #320001;
padding-right: 3px;}
 
.module 
{width:214px;
background-color: none;
border: #FFFFFF 0px solid;}.section
{font: normal 7pt verdana;
color: #320001;
line-height: 10pt;
text-align: right;
border: 0px solid #ffaf2a;
background-color: none;
padding: 5px;}font,td,p,xmp
{color: #320001;
font-face: verdana;
font-weight: normal;
font-size: 8pt;
text-align: justify;}.blogbody tr td 
{width: 0px; 
padding-left: 0px;} .blogbody 
{background-color: none;
font: normal 7pt verdana;
color: #320001;
line-height: 10pt;
text-align: justify;
border: #ffaf2a 0px solid;
padding: 5px;
width: 414px;}a:link
{font: normal 7pt century gothic;
color: #918666;
line-height: 10pt;
text-transform: none;
text-decoration: none;}a:active
{font: normal 7pt century gothic;
color: #918666;
line-height: 10pt;
text-transform: none;
text-decoration: none;}a:visited
{font: normal 7pt century gothic;
color: #918666;
line-height: 10pt;
text-transform: none;
text-decoration: none;}a:hover 
{font: normal 7pt century gothic;
color: #502824;
text-transform: none;
text-decoration: underline;
border-bottom: none;}@font-face 
{font-family: century gothic;
font-style:  normal;
font-weight: normal;
text-transform:justified;
src: url();}body, td, p, font 
{color: #918666;
font-family: verdana;
font-size: 7pt;}
table.blogbody tr td 
{width: 0px; 
padding-left: 0px;} table.blogbody 
{width: 414px;
background-color: none;
font: normal 8pt verdana;
color: #918666;
line-height: 10pt;
text-align: left;
padding: 4px;
border: 0px solid #918666;}</style>
<div align="center"><div style="position: static; width: 130px; height: 100%px; margin-top:-170px; margin-left: -380px;">
<div class="header"> <u></u></div>
<div class="section">
<img src="http://www.freefeverfiles.com/xanga/xangalayouts/layouts/indepth4.gif" align=left">
<br>
<br><b>Name:</b> 
<br><b>About Me:</b>
<br><b>Birthday:</b>
<br><b>Metro:</b>

<br><br>
<div class="header"><u>Navigation</u></div><br>
<div class="section">
<a href="http://www.xanga.com">Xanga</a><br>
<a href="http://www.xanga.com/private/home.aspx">Private</a><br>
<a href="http://www.xanga.com/private/subscribeto.aspx?user=YOURXANGAHERE">Subscribe</a><br>
<a href="http://www.xanga.com/private/subs.aspx">Subscriptions</a><br>
<a href="http://www.xanga.com/claf/default.asp">Design</a><br>
<a href="http://www.xanga.com/logout.aspx">Logout</a><br>
<a href="http://www.xanga.com/signin.aspx">Login</a><br></div><br><div class="header"><u>Subscriptions</u></div>
<div class="section">
<a href="http://www.xanga.com/friend">Friend</a><br>
<a href="http://www.xanga.com/friend">Friend</a><br>
<a href="http://www.xanga.com/friend">Friend</a><br>
<a href="http://www.xanga.com/friend">Friend</a><br><div class="header"><u>Blogring</u></div>
<div class="section">
<a href="blogring link here">blogring</a><br>
<a href="blogring link here">blogring</a><br>
<a href="blogring link here">blogring</a><br>
<a href="blogring link here">blogring</a><br>
</div><br>
</div>
<div class="header"><u>Credits</u></div>
<div class="section">
<b>Layout</b>: <a href="http://www.xanga.com/XKLIPSE" target="_blank">XKLIPSE</a><br>
<b>Downloaded from</b>: <a href="http://www.freefever.com/xanga" target="_top">Xanga Layouts</a><br>
</div></div><br></div>
<br><br><BR><script language="JavaScript1.2">
//script obtained from createBlog.com
function makevisible(cur,which){
strength=(which==0)? 1 : 0.2if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}
</script><body ONCONTEXTMENU="return false">
<div align="center"><div style="position: static; width: 414px; overflow:none; margin-left: 167px; margin-top: -1100px; background:none;">
Get your own free Xanga layout from: <a href="http://www.freefever.com/xanga" target="_top">Xanga Layouts</a><br>

Cool metallic Xanga layout.

<center>
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR>
<TD COLSPAN=2> <IMG
SRC="http://www.freefeverfiles.com/xanga/xangalayouts/layouts/1978.jpg" WIDTH=800 HEIGHT=167
ALT=""></TD> </TR> <TR> <TD ROWSPAN=2>
<IMG SRC="http://www.freefeverfiles.com/xanga/xangalayouts/layouts/1978a.jpg" WIDTH=209
HEIGHT=433 BORDER=0 ALT="" USEMAP="#rhapsody_02_Map"></TD>
<TD> <IMG SRC="http://www.freefeverfiles.com/xanga/xangalayouts/layouts/1978b.jpg"
WIDTH=591 HEIGHT=261 ALT=""></TD> </TR> <TR>
<TD> <IMG SRC="http://www.freefeverfiles.com/xanga/xangalayouts/layouts/1978c.jpg"
WIDTH=591 HEIGHT=172 BORDER=0 ALT=""
USEMAP="#rhapsody_04_Map"></TD> </TR>
</TABLE></center>
<MAP NAME="rhapsody_02_Map">
<AREA SHAPE="rect" ALT="Layout by Vital Dream Designs"
COORDS="45,348,177,376" HREF="http://vitaldream.velvet-skies.net"
TARGET="_blank">
<AREA SHAPE="rect" ALT="" COORDS="45,303,180,334"
HREF="http://www.xanga.com/logout.asp">
<AREA SHAPE="rect" ALT="" COORDS="43,257,178,285"
HREF="http://www.xanga.com/CLAF/default.asp">
<AREA SHAPE="rect" ALT="" COORDS="44,211,178,240"
HREF="http://www.xanga.com/private/subscriptions.aspx">
<AREA SHAPE="rect" ALT="" COORDS="44,165,179,194"
HREF="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME"
TARGET="_blank">
<AREA SHAPE="rect" ALT="" COORDS="44,120,179,149"
HREF="http://www.xanga.com/private/home.aspx">
<AREA SHAPE="rect" ALT="" COORDS="44,75,179,104"
HREF="http://xanga.com">
</MAP>
<MAP NAME="rhapsody_04_Map">
<AREA SHAPE="rect" ALT="" COORDS="436,149,573,158"
HREF="http://vitaldream.velvet-skies.net" TARGET="_blank">
</MAP>
<div style="position:static; margin-left:575px;margin-top:
-307px;border: 0px solid #ffffff; width: 180px; height:
229px;background: none;overflow: auto;filter:
chroma(color=#C4C4C4)">
<p class="menubottom">
YOU CAN PUT ANYTHING HERE
<br><br><BR>YOU INFORMATION,
CHATBOX
<br><br>
<br>
Template downloaded from: <a href="http://www.freefever.com/xanga">Xanga Layouts</a>
</div>
<div id="content" style="position:static; margin-left:-12;
margin-top:-238; width: 375px; position: static; height:250; overflow:
auto; filter:chroma(color=#c4c4c4)">
<style type="text/css"> /* Rhapsody by Trannie
(xanga.com/lil_noodlez_baybee */ /* AVAILABLE AT*/ /*
HTTP://VITALDREAM.VELVET-SKIES.NET */ table.left, td.mainleft,
table.navigation, table.search, #SearchBar1_pnlYouAreHere, table.footer
TD {display: none;} body { background-color: #c4c4c4;
background-image: url(""); background-position: top left;
background-repeat: fixed;
scrollbar-DarkShadow-Color: #C4C4C4;
scrollbar-Track-Color: #C4C4C4; scrollbar-Face-Color: #C4C4C4;
scrollbar-Shadow-Color: #C4C4C4; scrollbar-3dLight-Color: #C4C4C4;
scrollbar-Highlight-Color:#C4C4C4;
scrollbar-Arrow-Color:#FFFFFF;
cursor: default;
} { /* this makes the footer at the bottom centered */ /* leave it
alone unless you know what to do*/ text-align: center; } .left,
.blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /*
edits main text */ font-size: 11px;
font-family: Trebuchet MS,Arial,Tahoma; letter-spacing:2px;
cursor: DEFAULT;
color: #FFFFFF; text-align:justify; } p.nav { /* edits the menu modules
I */ width:168px; background-color:#transparent; font-family:verdana;
text-transform:none; border: none; letter-spacing:0px; line-height:
16px; text-align: justify; } p.menubottom { /* edits the menu modules
*/ width:168px; background-color:none; border: none; text-align:
justify; padding-left:5px; } div.blogheader, .caption { /* edits the
dates N */ background-image:url(""); background-color: #TRANSPARENT;
font-family: tahoma; text-transform: UPPERCASE;
font-weight: bold; font-size:18px; line-height:10px; border-BOTTOM: 1px
solid #FFFFFF; color:#FFFFFF; letter-spacing:2px; antialias: true;
text-align: right; padding-left:5px; padding-top:4px; WIDTH: 350px;
HEIGHT: 24px;
} table.blogbody { /* this edits the other the place where the blog is
E */ background: #transparent; width:350px; border: 0px dotted black; }
B, STRONG {color:#CDDEF0; font-weight:normal;}
I, EM {color:#D4D4D4;}
a:link, .footernav.link, a.footernav:link, a.footernav:active { /*
edits all links */ color: #D4D4D4; font-size: 11px;
font-family: Trebuchet MS,Arial,Tahoma; letter-spacing:2px;
text-decoration: none; cursor: DEFAULT; font-weight:normal; }
a:visited, a.footernav:visited, { /* edits the links that the user has
visited */ color: #D4D4D4; text-decoration: none;
font-size: 11px;
font-family: Trebuchet MS,Arial,Tahoma; letter-spacing:2px;
text-transform: none;
font-weight:normal;
} a:hover { /* edits when user mouseovers the links N */ color:
#CDDEF0;
font-size: 11px;
font-family: Trebuchet MS,Arial,Tahoma; letter-spacing:2px;
cursor:crosshair;
height: 0;
font-weight:normal;
} #pnlEnabled table, #htmleditor, #lblTimeZone{ width: 208px;
background-color: #transparent;
border: 1px solid #000000;
font-size: 11px;
font-family: Trebuchet MS,Arial,Tahoma; letter-spacing:2px;
} .#rblEprops{display: none;} #pnlEnabled table, #htmleditor,
#lblTimeZone, #pnlEprops, #rblEprops {width:300px;} input, select,
textarea, iframe.htmleditor, .textfield, .button { /* this edits the
buttons, dropdowns, etc. */ border: 1px solid black; font-size: 11px;
font-family: Trebuchet MS,Arial,Tahoma; letter-spacing:2px;
background-color: #white; color: #000000; letter-spacing:0px; border:
1px solid #000000;
} hr {BORDER: 1PX DOTTED #FFFFFF}
table.search TD, table.search, table.announcements { /* border of
search bar (if you have it) */ background-color: none; border: 1px
solid #000000; } table.search TD, table.announcements TH { /* this
should be left alone T */ /* unless you know what to do */ border: 0px
solid #000000; } table.blogbody tr td { /* this edits the left margin
of blog R */ width:0px; padding: 2px; } table.blogbody div.smalltext{
/* this edits the blog entry footer */ text-align: right;
padding-bottom: 7px; } /* Dont edit this if u dont know wat to do A
*/ Table.Announcements TD {display: none;}
</style> <style type='text/css'> table.navigation,
table.main, table.footer { /* the width of your blog with modules */
width: 208px; }</style>
Get your own free Xanga layout from: <a href="http://www.freefever.com/xanga" target="_top">Xanga Layouts</a><br>

Page 1, Page 2