Irresistably Johnny Depp

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Remember to change anything username in there ^^.

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><center><IMG NAME="johhnyofnatsumi"

SRC="http://images.cbstaff.com/xanga/03/601_image.jpg"

BORDER="0" USEMAP="#johnnyofnatsumi">

<MAP NAME="johnnyofnatsumi">
<AREA SHAPE="rect" COORDS="133,26,72,39" HREF="http://www.xanga.com/"

ALT="xanga">
<AREA SHAPE="rect" COORDS="210,26,151,39" HREF="http://www.xanga.com/profile.aspx?user=username"

ALT="profile">
<AREA SHAPE="rect" COORDS="294,26,231,39" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=username"

ALT="subscribe">
<AREA SHAPE="rect" COORDS="372,26,312,39" HREF="http://www.xanga.com/private/home.aspx"

ALT="private">
<AREA SHAPE="rect" COORDS="434,26,394,39" HREF="http://www.xanga.com/CLAF"

ALT="claf">
<AREA SHAPE="rect" COORDS="492,26,455,39" HREF="http://www.xanga.com/Private/subs.aspx"

ALT="subscriptions">
<AREA SHAPE="rect" COORDS="573,26,557,39" HREF="http://www.xanga.com/signin.aspx"

ALT="login">
<AREA SHAPE="rect" COORDS="627,26,596,39" HREF="http://www.xanga.com/logout.aspx"

ALT="logout">
</MAP>

table.header, table.main, table.footer,{
/* edit width */
width:610px;
}
table.blogbody, div.blogheader, .caption{
width:610px;
}
td.maincenter {
text-align:left;
}
body {
background:#FBF8A7 url();
scrollbar-Arrow-Color: #FBF8A7;
scrollbar-Track-Color: #D75756; 
scrollbar-Shadow-Color: #D75756;
scrollbar-Face-Color: #FBF8A7; 
scrollbar-Highlight-Color: #D75756; 
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dLight-Color: #FBF8A7;
font-family: verdana;
font-size:9px;
}
texttable.left, td.mainleft, table.left,
table.navigation, table.footer, table.search {
display: none;
}
.module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, font, .content, .smalltext {
/* edits main text */
font:normal 10px verdana;
color: #000000;
text-align:justify;
}
table.blogbody tr td {
/* entry margins */
width:0px;
}
a:link{
/* edit the links */
color: #D75756;
text-decoration: none;
font:normal 9px century gothic;
}
a:visited{
/* edit visited links */
color: #D75756;
text-decoration: none;
font:normal 9px century gothic;
}
a:hover {
color: #000000;
font:normal 9px century gothic;
filter: alpha: blur;
}

.#rblEprops{display: none;}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
{width: 610px;}

table.blogbody {border: 0px solid #000000;
background-color: transparent;
width:610px;
border: 0px solid #000000;
border-width: 1px 1px 1px 1px;
font: 9px verdana}
.blogbody td{
padding-left: 0px
}

input, select, textarea, .textfield, .button{
/* this edits buttons, drop down menus etc. */
border: 1px solid #000000;
font:normal 9px verdana #D75756;
background-color: transparent;
color:#FFFFFF;
}

form{
margin:0;
padding:0;
}
div.blogheader, .caption {
/* edit the dates */
font-family:arial;
font-size:14px;
color:#D75756;
text-transform:uppercase;
background-color: transparent;
text-align: left;
font-weight:bold;
padding-left:4px;
padding-bottom:2px;
}
table.blogbody {
/* edits your blog or entry space */
border:1px;
background-color:transparent;
border-top:1px solid #000000;
}
table.left {
/* this edits the menu module */
width:400px;
background-color: transparent;
border:0px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: transparent;
width:400px;
font: 18px arial;
color: #662C28;
border: 1px;
text-align: left;
font-weight:bold;
padding-top:0;
padding-bottom:0;

#rblEprops, #pnlEnabled table, #pnlEprops table { width: auto !important; }
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: transparent;
color: #662C28;
border: 0px;
width:400px;
text-align:left;
border-top:1px solid black;
}
hr {
color: #000000;
}
table.search{
/* edits search bar */
border:#000000 solid 1px;
background-color: transparent;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
  font-weight: bold;
  color: #D75756;
}
table.search td{
background-color:#BCC6C8;
}
table.container{
width:none;
border:0px solid #000000;
background-color:#transparent;
}
table. navigation{
width: 620px;}
td.banner{
text-align:center;
}
div.navigation {
margin-right:370px;
margin-top:10px;
}
td.maincenter, {width: 100%; }

</style>

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 1 of 1 comments

I think the yellow is a bit random, but it's great anyhow. =)

By futura on May 24, 2008 6:33 pm

Layout Details

Designer	natsumi
Submitted on	Apr 20, 2005
Page views	5,799
Favorites	10
Comments	1

Irresistably Johnny Depp

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates