the world is full of magic

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

don't forget to change USERNAME to your xanga username or people won't be able to view your profile & subscribe to you!

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

<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><style type='text/css'>
table.footer, table.search, #rblEprops, hr {display: none;}
/*~STYLESHEET BY DREAMLANDX3~*/
body {
background: #F6F4DC;
background-image: url(http://cbimg9.com/layouts/08/06/28604aa.png);
background-repeat: repeat; 
background-attachment: fixed; 
background-position: top left;
scrollbar-arrow-color: #F6F4DC;
 scrollbar-track-color: #F6F4DC;
 scrollbar-shadow-color: #F6F4DC;
 scrollbar-face-color: #B28C6F;
 scrollbar-highlight-color: #F6F4DC;
 scrollbar-darkshadow-color: #F6F4DC;
 scrollbar-3dlight-color: #F6F4DC;}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* this edits the main text */
font:normal 8pt arial;
text-transform: normal; 
line-height:12px;
text-align: center;
color:#000000;
letter-spacing:0px;}

div.blogheader, .caption {
/* this edits the dates */
background: #dbefef;
background-image: url();
background-repeat: no-repeat;
background-position: bottom;
font:bold 18pt georgia;
text-transform:lowercase; 
letter-spacing: -2px;
line-height: 18px;
color: #b9967a;
text-align: right; 
border: 2px solid #68a1ac;
border-bottom:none;
padding-top:4px;
width: 420px;
}

table.blogbody {
/* this edits the blog */
border: 2px solid #68a1ac;
border-top:none;
background: #dbefef url();
background-repeat: no-repeat;
background-position: bottom left;
width: 420px;}

.blogbody b, .standard b, p b, strong {
/* this edits bold text */
font-weight: bold;
text-transform: bold; 
color: #68a1ac;}

Italics ,EM{
/* this edits italicized text */
font:italic 8pt georgia;
text-transform: normal; 
text-align:center;
color: #B28C6F;
font-weight:normal;}

u { 
/* this edits underlined text */
/* STYLESHEET BY DREAMLANDX3 */
color: #000000; 
border-bottom: 1px dotted #68a1ac; 
font:normal 8pt arial;
text-transform: normal; 
text-decoration: underline;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* this edits active links */
color: #68a1ac;
text-decoration: none;
text-align: center;
font:normal 7px small fonts;
text-transform:uppercase; 
line-height:8px;
border: 0px solid #FFFFFF;
background-color: #dbefef;
}

a:visited, a.footernav:visited, {
/* this edits visited links */
color: 68a1ac;
text-decoration: none;
text-align: center;
font:normal 7px small fonts;
text-transform:uppercase; 
line-height:8px;
border: 0px solid #FFFFFF;
background-color: #dbefef;
}

a:hover {
/* this edits the link as the mouse hovers over it */
color: #dbefef;
text-decoration: none;
text-align: center;
font:normal 7px small fonts;
text-transform:uppercase; 
line-height:9px;
border: 0px solid #DC6892;
background-color: #68a1ac;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, div layers, dropdowns, etc. */
border: 1px dotted #68a1ac;
font:normal 7px small fonts;
text-align: left;
text-transform:uppercase; 
background: #000000;
background-image: url();
letter-spacing: 0px;
color: #FFFFFF; 
filter: gradient  <div style="border:1px solid 716f7c; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #68a1ac, endColorStr=#F6F4DC); width: 50px; height: 150px;"> </div>;
}

table.left { 
/* this edits the menu module */
border: 2px solid #68a1ac;
background-color: #dbefef;
background-image: url();
background-repeat: repeat;
background-position: top left;
width: 272px;}

table.left th {
/* this edits the module title*/
background: #dbefef;
background-image: url();
background-repeat: no-repeat;
background-position: bottom;
font:normal 14pt georgia;
text-transform:lowercase; 
letter-spacing: -2px;
line-height: 12px;
color: #70665a;
text-align: right; 
border-bottom:0px solid #FFFFFF;
}

table.left TD {
/* this edits the module body */
border: none;
background: #dbefef;
background-image: url();
background-repeat: repeat;
background-position: top left;
font:normal 8pt arial;
text-transform: normal; 
text-align: center;
line-height: 10px;
color: #000000;
}

table.search TD, table.search, table.announcements {
/* this edits the search bar */
/* it makes your site look ugly so hide it please */
background-color: #dbefef; 
border: 1px dotted #70665a;
}

table.search TD, table.announcements TH {
/* private announcements */
border: 1px dotted #70665a;
background-color: #dbefef;
}

table.navigation, table.main, table.footer {
/* width of blog */
width: 250px;
}

hr {
/* dont touch */
display: none;}

</style>
</TBODY>
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>

Layout Code

Copy and paste to Website Stats

Help

<td id="customRight" style="display:none" vAlign="top" width="200">

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><td class="center" vAlign="top">
<img src="http://cbimg9.com/layouts/08/06/28604ab.png" border="0">
</td></tr>
</table>
<br/>

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="center" vAlign="top" align="center">
<strong><font color=B28C6F>take me as i am</font></strong> <font face=symbol color=F6F4DC size=2>©</font>
 </th></tr> 
 <tr><td class="center" vAlign="top">
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 50" align=justify>
This is where you can write all about yourself. <strong>bold</strong>, <em>italicize</em> and <u>underline</u> random words to make it more interesting looking. You can write about whatever you want, most people talk about their hobbies, their friends, favorites & dislikes. Sometimes I see favorite musicians & celebrities, or peoples pet peeves. It’s up to you to fill this in, and make sure you type enough to make the scroll bar show up or it’ll look strange. Thanks for using a layout from dreamlandx3 =)</div>
</td></tr>
</table>
<br/>


<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="center">
<strong><font color=B28C6F>hey ho, let's go</font></strong> <font face=symbol color=F6F4DC size=2>©</font>
</th></tr>  
 <tr><td class="left" vAlign="top">
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 259px; HEIGHT: 50" align=justify><a href="http://www.xanga.com" class="Box">  xanga    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a>
<a href="http://www.xanga.com/private/yourhome.aspx" class="Box">private    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a></a>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME" class="Box">+subscribe?    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a></a>
<a href="http://www.xanga.com/Private/subs.aspx" class="Box">Subscriptions    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a></a>
<a href="http://edit.xanga.com/claf.aspx" class="Box">look & feel    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a></a>
<a href="http://www.xanga.com/signin.aspx" class="Box">sign in    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a></a>
<a href="http://profile.xanga.com/USERNAME" class="Box">view my profile    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a></a>
<a href="http://www.xanga.com/Private/profilebasic.aspx" class="Box">edit profile    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a></a>
<a href="http://www.xanga.com/Private/feedback.aspx" class="Box">feedback    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a></a>
<a href="http://www.xanga.com/Private/editaccount.aspx" class="Box">account info    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a></a>
<a href="http://www.xanga.com/dreamlandx3" class="Box">dreamlandx3    <font style="font-size: 6pt; text-transform: none; color: #68A1AC;  font-family: symbol; letter-spacing: -2pt">©</font></a></a></div>
</td></tr>
</table>
<br/>


<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="center">
<strong><font color=B28C6F>just for you</font></strong> <font face=symbol color=F6F4DC size=2>©</font>
 </th></tr> 
 <tr><td class="left" vAlign="top">
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 100%; text-align: justify; HEIGHT: 50px">
put whatever you want here <strong>bold</strong> <em>italicize</em> and <u>underline</u> random words for a more interesting effect. put whatever you want here <strong>bold</strong> <em>italicize</em> and <u>underline</u> random words for a more interesting effect. put whatever you want here <strong>bold</strong> <em>italicize</em> and <u>underline</u> random words for a more interesting effect. put whatever you want here <strong>bold</strong> <em>italicize</em> and <u>underline</u> random words for a more interesting effect. put whatever you want here <strong>bold</strong> <em>italicize</em> and <u>underline</u> random words for a more interesting effect. put whatever you want here <strong>bold</strong> <em>italicize</em> and <u>underline</u> random words for a more interesting effect. put whatever you want here <strong>bold</strong> <em>italicize</em> and <u>underline</u> random words for a more interesting effect. </div>

</td></tr>
</table>
<br/>


<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="center">
<strong><font color=B28C6F>make some noise</font></strong> <font face=symbol color=F6F4DC size=2>©</font>
 </th></tr> 
 <tr><td class="left" vAlign="top">
<DIV id=scroll3 style="OVERFLOW: off; WIDTH: 100%; background-color: #DBEFEF; border:1px solid #68A1AC; HEIGHT: 14px"><marquee behavior="alternate" width="100%"><strong>»</strong><em>(</em> song name ; artist name <em>)</em><strong>«</strong></marquee>
</td></tr>
</table>
<br/>


<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="center">
<strong><font color=B28C6F>Emma Says</font></strong>  <font face=symbol color=F6F4DC size=2>©</font>
</th></tr> 
 <tr><td class="left" vAlign="top">
 
all you have to do is <a href="http://xanga.com/dreamlandx3" target="_blank">dream</a>.
<br></td></tr>
</table>
<br/>

<style>a.box:link, a.box:visited, a.box:active {
text-decoration : none;
color : #000000;
background-color:#DBEFEF;
font-size : 7px;
font-family : terminal;
line-height: 7pt;
text-transform:uppercase; 
border-bottom:0px dotted #F6F4DC;
border-top:0px solid white;
display:block;
padding-right:3px;
border-left:1px #F6F4DC solid;
border-right: 1px #F6F4DC solid;
text-align: right;
}
}
a.box:hover {
text-transform:lowercase;
style:normal;
background: url() no-repeat;
background-color: #DBEFEF;
filter: blur;
filter:progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr=#F6F4DC, endcolorstr=#DBEFEF);
height: 0;
padding: 0px 0px 0px 0px;
color: #000000;
border-bottom:0px dotted #F6F4DC;
border-top:0px #fe4590 solid;
display:block;
border-left:1px #F6F4DC solid;
border-right:1px #F6F4DC solid;
text-align: right;
padding-right:3px;
}

</style>

</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
 if(mytds[i].width=="200"){
  index++;
  if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>