Rhapsody

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

<center>
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=2>
			<IMG SRC="http://images.cbimg3.com/xanga/08/1978.jpg" WIDTH=800 HEIGHT=167

ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=2>
			<IMG SRC="http://images.cbimg3.com/xanga/08/1978a.jpg" WIDTH=209 HEIGHT=433

BORDER=0 ALT="" USEMAP="#rhapsody_02_Map"></TD>
		<TD>
			<IMG SRC="http://images.cbimg3.com/xanga/08/1978b.jpg" WIDTH=591 HEIGHT=261

ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="http://images.cbimg3.com/xanga/08/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

</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)">

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>

Layout Comments

Showing latest 5 of 5 comments

help pls! whenever i run my cursor over my blog the text disappears! help pls =[

By chenny16 on Jun 7, 2007 4:17 am

Nice layout, I like the round soft and professional looking buttons and the banner that you have with this lay. I also like how you added a seperate box for a chatterbox/tagboard, and the font on the banner looks great with the reflective effect.

By emazing on Jun 23, 2005 5:07 pm

pretty cool...i think u have a bigger screen cuz it gets messed up on mine...if only they could make websites/layouts like video tapes where its always formatted to fit the screen.what a great idea...too bad im not good with that stuff

By The-Mach-Hare on Jun 2, 2005 10:55 pm

mmm thats hot

By khmerxlove on Jun 2, 2005 8:38 pm

furst ^^...erm...its pretty good. pretty original and sorta simplish. Its sorta like a spacey sorta layout thing.

By mushroom22 on Jun 2, 2005 7:59 pm

Layout Details

Designer	Lil_NoOdlez_BayBeE
Submitted on	Jun 2, 2005
Page views	11,050
Favorites	13
Comments	5

Rhapsody

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates