Katie Holmes

Designer's Comments

Look carefully for specific instructions

Replace YOURNAME with your Username.
alignment: middle
background color: #000000
background image: http://images.cbstaff.com/xanga/04/808_image.jpg
repeat: vertical

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

<div style="position:static; margin-left:-10px; margin-top: -200px; border: 0px solid

#000000; width: 162px; height: 800px; background: transparent;">
<table border="0" width=100%>
<tr>
<td colspan=2>
<p class=nav><b>about me</b></p>
<tr>
<td colspan=2>
blahblahblah
<tr>
<td colspan=2>
<p class="nav"><b>navigation</b></p>
<tr>
<td>
<A href="http://www.xanga.com/signin.asp">hello</A><br />
<A href="http://www.xanga.com/YOURNAME">mine</A><br />
<A 
href="http://www.xanga.com/profile.asp?user=YOURNAME">profile</A><br />
<A 
href="http://www.xanga.com/private/SubscribeTo.aspx?user=YOURNAME">add

me</A><br />
<A 
href="http://www.xanga.com/guestbook.asp?

user=YOURNAME">guestbook</A><br><A

href="http://www.xanga.com/private/home.aspx">yours</A><br />
<a href="http://www.xanga.com/CLAF/default.asp">edit</A><br />
<A href="http://www.xanga.com/private/subscriptions.aspx">friends</A><br />
<A href="http://www.xanga.com/logout.asp">goodbye</A>
</td>
<tr>
<td colspan=2>
<p class=nav><b>custom</b></p>
<tr>
<td colspan=2>
CUSTOM
<tr>
<td colspan=2>
<p class=nav><b>layout</b></p>
<tr>
<td colspan=2>
<b>layout:</b> featuring katie holmes<br><b>made with:</b> photoshop 7.0<tr>
</td>
</tr>
</table>
</div>

<div style="position:absolute; margin-left:-460px; margin-top: -795px; border: none;

width: 324px; height: 100%px;background: transparent;overflow: none">
<style type='text/css'>.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, 
td.mainleft, 
table.left TH, table.left 
TD, table.navigation, hr, table.footer, table.search, #SearchBar1_pnlYouAreHere 
{display: none;} 
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important;}
body {
background-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000; 
cursor: crosshair;
}

//blogringdocument.write
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: 12px arial;
line-height:12px;
color: #000000;
letter-spacing:0px;
text-align:justify;
border: none;
background-color: transparent;
filter: alpha(opacity=100)
}

div.blogheader, .caption {
/* edits the dates */
font-family: Arial;
text-transform: none;
font-size:12px;
line-height:10px;
font-weight:bold;
color:#000000;
letter-spacing:1px;
background-color: transparent;
text-align: center;
border-bottom: none;
}

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

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

a:hover {
/* edits when user mouseovers the links */
color:#AD6F5A;
font:12px arial;
line-height:13px;
text-decoration: none;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: none;
font:12px arial;
background-color: transparent;
letter-spacing:0px;
}

table.left { 
/* this edits the menu module */
border: none;
width:162px;
background-color: transparent;
}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color: transparent;
filter: alpha(opacity=100)
width:324px;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url('');
background-color: transparent;
font: bold 12px arial;
text-transform: none;
color: #000000;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url('');
background-color: transparent;
border: none;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: transparent; 
border: none;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #c0c0c0;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 324px;
}
</div>
</style>
</style> 
<script language="JavaScript">
document.title = "katie.holmes"</script></STYLE>

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	allthatglitterss
Submitted on	Apr 22, 2005
Page views	2,261
Favorites	1
Comments	0

Katie Holmes

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates