One, Two, Step!!

Designer's Comments

Look carefully for specific instructions

Alignment: left
Background URL: http://images.cbimg6.com/xanga/00/skin0943_bg.gif
Repeat Background: Vertical only
Position Background: Vertical top; horizontal left

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

/* edit to your liking */
table.module { border: 0px solid #000000; width:160px; background-color:#000000; }
table.module th { background-color: #000000;font: bold 11px arial; color: #F92891; border: 1px solid #000000; }
table.module td {color: #000000; text-align: center; border: none; background-image: none; }
</style>

<table border=0 width="660"><tr><td valign="top" width="160">
<br><br>
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"><b> <font color="7fcd31">_</font>411<font color="7fcd31">_</font></b></th></tr><tr><td valign="top" class="module"> 
<FONT COLOR="FFFFFF">
WRITE ABOUT YOU IN THIS SPACE. NAME, AGE, HOBBIES, FAVORITES, WHATEVER... FILL IT TO YOUR HEART'S CONTENT.</FONT>

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

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"><b><font color="7fcd31">_</font> Navigate<font color="7fcd31">_</font></b></th></tr><tr><td valign="top" class="module">

<div align=left>
<font color="ffffff">!?!</font> <a href="http://www.xanga.com/USERNAME">refresh</a>
<br>
<font color="ffffff">!?!</font>
<a href="http://www.xanga.com/private/home.aspx">private</a>
<br>
<font color="ffffff">!?!</font>
<a href="http://www.xanga.com/CLAF/default.asp">look&feel</a>
<br>
<font color="ffffff">!?!</font>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">suscribe to YOUR NAME</a>
<br>
<font color="ffffff">!?!</font>
<a href="http://www.xanga.com/Private/subs.aspx">my subscriptions</a>
<br>
<font color="ffffff">!?!</font>
<a href="
http://www.xanga.com/signin.aspx">sign in</a>
<br>
<font color="ffffff">!?!</font>
<a href="http://www.xanga.com/logout.aspx">sign out</a>
<br>

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

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"><b><font color="7fcd31">_</font>Music<font color="7fcd31">_</font></b></th></tr><tr><td valign="top" class="module">
<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
<form name="form">
<select name="playlist" size="1">

<option value="0">__Playlist:</option>
<option value="1">1.) YOUR SONG</option>
<option value="2">2.) YOUR SONG</option>
<option value="3">3.) YOUR SONG</option>
<option value="4">4.) YOUR SONG</option>

</select><br>
<input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.Stop(); playstate=2;">
</form>

// Add song URLs here
songs[0]="SONG URL";
songs[1]="SONG URL";
songs[2]="SONG URL";
songs[3]="SONG URL";
songs[4]="SONG URL";

if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];
}
playstate = 1;
}
//-->
 </script>

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

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top align="center" class="module"><b><font color="7fcd31">_</font>Linkage<font color="7fcd31">_</font></b></th></tr><tr><td valign="top" class="module"><font color="#FED9DD"> 
<div align=left>
<font color="#ffffff">Links:</font><br>
<a href="HTTP://URL">LINK</a><br>
<a href="HTTP://URL">LINK</a><br>
<a href="HTTP://URL">LINK</a><br>
<a href="HTTP://URL">LINK</a><br>
<a href="HTTP://URL">LINK</a><br>
<BR>
<font color="#ffffff">Credits:</font><br>
<a href="http://createblog.com"><font color="7fcd31"><b>scripts- </b> </font>createblog.com</a><br>
<a href="http://cdzlimited.org"><font color="7fcd31"><b>music- </b> </font>cdzlimited.org</a><br>
<a href="http://silencehurts.org"><font color="7fcd31"><b>PS brushes- </b> </font>silencehurts.org</a><br>
<a href="http://xanga.com/xoirene"><font color="7fcd31"><b>layout- </b> </font>xoiRENE</a><br>

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

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"><b><font color="7fcd31">_</font>Spread the Love<font color="7fcd31">_</font></b></th></tr><tr><td valign="top" class="module"><font color="#FED9DD"> 
<div align=left><FONT COLOR="FFFFFF">
INSERT CHATTERBOX CODE HERE!!</FONT>

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

</td><td width="500" valign="top" align="left">

Layout Code

Copy and paste to Website Stats

Help

</table></td></tr></tr></td></table>
<ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: http://img71.exs.cx/img71/696/citylightsbg.gif; FILTER: alpha(opacity=0); overflow:auto">
<ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: http://img71.exs.cx/img71/696/citylightsbg.gif; FILTER: alpha(opacity=0); overflow:auto">

body, div, tr, td, th, p, table, module{

font-family: arial; font-size:8pt; line-height:10pt; color:#FFFFFF;}

</style>

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

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
 font-weight: bold;
 color: #7fcd31;
 }

//blogringdocument.write
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:11px;
color:white;
letter-spacing:0px;
text-align:justify;
}

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:lowercase;
font-size:11px;
line-height:11px;
font-weight:bold;
color:#f92891;
letter-spacing:1px;
background-color: transparent;
text-align: center;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#f92891;
font:normal 11px arial;line-height:11px;
text-decoration: none;
}

//blogring.document.write
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color:#f92891; 
font:normal 11px arial;
line-height:11px;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color:#7fcd31;
font:normal 11px arial;
line-height:11px;
text-decoration: line-through;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #7fcd31;
font:normal 11px arial;
color:#ffffff;
background-color: #000000;
letter-spacing:0px;
}

table.left { 
/* this edits the menu module */
border: 1px solid #7fcd31;
width:160px;
background-color: #000000;
}

table.blogbody {
/* this edits the other the place where the  blog is */
border: 0px solid 000000;
background-color: transparent;
width:350px;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(http://img72.exs.cx/img72/9326/lookbackbg.gif);
background-color: #ffffff;
font: bold 11px arial;
text-transform: uppercase;
color: #ffffff;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url(http://img72.exs.cx/img72/9326/lookbackbg.gif);
background-color: #CDCDCD;
border: none;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #CDCDCD; 
border: 1px solid #000000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #000000;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 350px;
}
hr {
/* horizontal divider */
border: 0px #000000
width: 200 px
}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;} 
</style>

document.oncontextmenu=new Function("return false")
// --> 
</script>

Layout Comments

Showing latest 4 of 4 comments

Make a myspace one!
Love it!!

By DeathZira on Oct 21, 2008 8:22 pm

Ooh nice! :] I like this one!

By xMyolie on Jul 18, 2008 11:05 pm

i've seen this one before...

By alexab08 on Apr 25, 2005 5:10 pm

pretty. =]

By CHOKEandDIEx on Apr 24, 2005 8:06 pm

Layout Details

Designer	xoirene
Submitted on	Apr 24, 2005
Page views	25,126
Favorites	41
Comments	4

One, Two, Step!!

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates