Obsession ft. Usher

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Alignment: Middle
Width: Full screen
Search Bar: NO

Replace "YOURXANGA" with your xanga username.

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">
/* OBSESSiON / / ft. USHER Stylesheet */
/* by elisa/smrkangl (xanga.com/smrkangl) */

body {
 background-color: #CC0033;
 scrollbar-arrow-color: #000000;
 scrollbar-track-color: #CC0033;
 scrollbar-shadow-color: #CC0033;
 scrollbar-face-color: #CC0033;
 scrollbar-highlight-color: #CC0033;
 scrollbar-darkshadow-color: #CC0033;
 scrollbar-3dlight-color: #CC0033; 
 }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 11px arial;
 line-height:10px;
 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: right;
 }

div.blogheader, .caption {
/* edits the dates */
 font-family:arial;
 text-transform:uppercase;
 font-size:15px;
 line-height:15px;
 font-weight:bold;
 color: 000000;
 letter-spacing:0px;
 background-color: #CC0033;
 text-align: center;
 border-bottom: 10 solid #000000;
 }

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

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

a:hover {
/* edits when user mouseovers the links */
 color: CC0033;
 font:normal 11px arial;
 line-height:10px;
 cursor: ne-resize;
 text-decoration: overline uppercase;
 }

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

table.left { 
/* this edits the menu module */
 border: 1px solid;
 width:150px;
  background-color:;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 2px solid #CC0033;
 background-color: #;
 width:315px;
 }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
 background-color: #FFFFFF;
 font: bold 11px arial;
 text-transform: uppercase;
 color: 3366CC;
 border: none;
 }
table.left TD {
/* on your menu module, this edits the body part of it */
 background-color: #;
 border: none;
 }

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

Table.Announcements TD {display: none;};
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;}

</style>
<div align="center" class="navigation">
 <form name="jump">
 <select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
 <option value="#">Navigation</option>
 <option value="#">---------------------</option>
 <option value="http://xanga.com">Xanga</option>
 <option value="http://xanga.com/YOURXANGA">Refresh</option>
 <option value="http://www.xanga.com/private/home.aspx">Private</option>
 <option value="http://www.xanga.com/CLAF/default.asp">CLAF</option>
 <option value="http://www.xanga.com/profile.aspx?user=YOURXANGA">Profile</option>
 <option value="http://www.xanga.com/guestbook.aspx?user=YOURXANGA">Guestbook</option>
 <option value="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGA">Add Me</option>
 <option value="http://www.xanga.com/Private/subs.aspx">Subscriptions</option>
 <option value="http://www.xanga.com/Private/feedback.aspx">Feedback</option>
 <option value="#">---------------------</option>
 <option value="http://www.xanga.com/signin.aspx">Sign In</option>
 <option value="http://www.xanga.com/logout.aspx">Log Out</option>
 </select>
 </form>
</div>
</td>
</tr>
<tr><td valign="top" align="left">

<IMG SRC="http://skins.cbstaff.com/skin222_image.jpg" BORDER=0 USEMAP="#USHEROBESSiON"> <MAP NAME="USHEROBESSiON">
<AREA SHAPE="rect" COORDS="736,466,330,476" TARGET="_self" HREF="http://www.xanga.com/smrkangl" alt="Designers Xanga">
</MAP>
<DIV style="margin-top: -425px; margin-left: 
285px; width: 380px;OVERFLOW: auto; 
height:370px; BACKGROUND-COLOR: transparent"> 
<script>document.title="____________________________________// U S H E R    O B S E S S i O N";</script>
<script>window.status="______________________Version Usher OBESSiON! / / ft. USHER!";</script>

Layout Comments

Showing latest 2 of 2 comments

aaaaah. really bad picture

By emberfly on Mar 20, 2008 3:46 pm

she is sexy.
i like the blur effect.

By PINKLollyPOP on Sep 19, 2007 12:45 pm

Layout Details

Designer	smrkangl
Submitted on	Apr 9, 2005
Page views	4,525
Favorites	2
Comments	2

Obsession ft. Usher

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates