Johnny Depp

Xanga Layouts / Advance

Designer's Comments

Look carefully for specific instructions

Change all USERNAME's to your xanga login name!

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><img src="http://cbimg6.com/layouts/07/08/12/20590aa.jpg" width="730" height="510" border="0" alt="" usemap="#Jadez_Design_Map"><map name="Jadez_Design_Map"><area shape="rect" alt="" coords="654,435,694,451" href="http://www.xanga.com/Private/messagebox.aspx"><area shape="rect" alt="" coords="639,395,708,410" href="http://www.xanga.com/message.aspx?user=USERNAME"><area shape="rect" alt="" coords="645,352,703,366" href="http://www.xanga.com/Private/subs.aspx"><area shape="rect" alt="" coords="644,312,703,327" href="http://xanga.com/Private/SubscribeTo.aspx?user=USERNAME"><area shape="rect" alt="" coords="644,251,702,285" href="http://xanga.com/claf"><area shape="rect" alt="" coords="653,228,691,242" href="http://www.xanga.com/Private"><area shape="rect" alt="" coords="650,192,699,206" href="http://www.xanga.com/logout.aspx"><area shape="rect" alt="" coords="653,160,696,174" href="http://xanga.com/Private/signin.aspx"><area shape="rect" alt="" coords="12,19,106,60" href="http://magnifiquexamor.createblog.com/"></map><style type="text/css">table.left, td.mainleft, table.navigation, table.search, #JADE, hr, table.footer TD {display: none;}body {background-color: #D8D8D8;background-image: url("http://cbimg6.com/layouts/07/08/12/20590ab.jpg"); background-repeat: repeat; background-position: center center;scrollbar-arrow-color: #D8D8D8;scrollbar-track-color: ##D8D8D8;scrollbar-shadow-color: #D8D8D8;scrollbar-face-color: #000000;scrollbar-highlight-color: #D8D8D8;scrollbar-darkshadow-color: #000000;scrollbar-3dlight-color: #000000;cursor:crosshair; }.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {/* edits main text */font: normal 7PT ARIAL;color: #800000;letter-spacing:0px;text-align: justify;}.blogbody b, .standard b, p b, strong {/* edits bolded text in your entry */font: 7PT ARIAL;font-weight: NORMAL;color: #808080;}.blogbody u, .standard u, p u, u {text-decoration: underline;border-bottom: 1px dotted #808080;border-width: 0px;}table.footer TD {/* this makes the footer at the bottom centered *//* leave it alone unless you know what to do*/text-align:center;}.navheader {width:268px;background-color:#transparent;font-family:ARIAL;text-transform:uppercase;font-size:7PT;line-height:7PT;font-weight:normal;color: #800000;letter-spacing:-2px;text-align: center;}.module { width: 268px;font: normal 7PT ARIAL;color: #800000;background-color: none;border: #FFFFFF 0px solid;text-align: justify;}div.blogheader, .caption {/* edits the dates */font-family: Brush Script MT;text-transform:normal;font-size: 20PT;line-height:normal;font-weight:italic;color: #3B3B3B;text-align:center;width:268px;}.blogbody {background-color: transparent;width:268px;}a:link, .footernav.link, a.footernav:link, a.footernav:active {/*EX edits all links  */  color: #000000;  text-decoration: underline;  text-transform: lowercase;  font: 8PT ARIAL;}a:visited, a.footernav:visited,  {/*EX edits the links that the user has visited */  color: #000000;   text-decoration: underline;  text-transform: lowercase;  font: 8PT ARIAL;}a:hover {/* edits when user mouseovers the links */ color: #800000; font:normal 8PT ARIAL; text-transform: uppercase; background-color: none; text-decoration: none; letter-spacing:0px; }b, strong{color: #808080;text-spacing: 1px;letter-spacing: 1px;}i, em{color: #555555;letter-spacing: .5pt;text-spacing: .5pt;}u{color: #800000;border-bottom: 1px dotted #808080;}table.blogbody {/* this edits the other the place where the  blog is */background: #transparent;width: 268px;border: none;}#pnlEnabled table, #htmleditor, #lblTimeZone{width: 268px;}.#rblEprops{display: none;}#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: 268px;}input, select, textarea, .textfield, .button {/* this edits the buttons, dropdowns, etc. */ border: 2px solid #000000 ; font:normal 10PT ARIAL; color: #FFFFFF; background-color: #000000; background-image: url(http://cbimg6.com/layouts/07/08/12/20590ab.jpg); letter-spacing:0px;}table.left { /* this edits the menu module */ border: 1px solid #000000;font-weight: normal; width:268px;  background-color: #D8D8D8; }table.left th {/* on your menu module, this edits the title part of it *//* like BLOGRINGS, POSTING CALENDAR, etc */font-family: ARIAL;text-transform: lowercase;font-size:7PT;font-weight: normal;letter-spacing: 0px;color: #808080;background-color: #D8D8D8;text-align: center;border: 0px solid #000000;border-bottom: 0px solid #000000; }table.left TD {/* on your menu module, this edits the body part of it */ background-color: #D8D8D8;border:  1px solid #000000;border-top: 3px solid #000000;color: #800000; }table.search TD, table.search, table.announcements {/* border of search bar (if you have it) */background-color: none; border: 0px solid #000000;}table.search TD, table.announcements TH {/* this should be left alone *//* unless you know what to do */border: 0px solid #000000;}table.blogbody tr td {/* this edits the left margin of blog */width:0px;padding: 2px;}table.blogbody div.smalltext{/* this edits the blog entry footer */text-align: center;padding-bottom: 0px;}table.navigation, table.main, table.footer {/* the width of your blog with modules */width: 268px;}</style><div style="overflow: auto; width: 300px; height: 383px; margin-top: -400px; margin-left: 200px;">