ft. Johnny Depp

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

ALIGNMENT: Middle
SEARCH BAR: No

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://kandykiss.cbstaff.com/john_lay2.jpg" WIDTH=800 HEIGHT=550 BORDER=0 USEMAP="#john_lay2">
<MAP NAME="john_lay2">
<area shape="circle" coords="755,489, 33" href="http://www.xanga.com/signin.aspx" title="Sign in" alt="">
<area shape="circle" coords="668,489, 33" href="http://www.xanga.com/logout.aspx" title="Log Out"

alt="">
<area shape="circle" coords="580,489, 33" href="http://www.xanga.com/private/home.aspx" title="Home" alt="">
<area shape="circle" coords="489,489, 33" href="http://www.xanga.com/CLAF/Default.asp?" title="Look and Feel"

alt="">
<area shape="circle" coords="393,489, 33" href="http://www.xanga.com/" title="Xanga" alt="">
<area shape="circle" coords="299,488, 33"

href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME" title="Subscribe" alt="">
</MAP>
<div style="width: 0px;
BACKGROUND-COLOR:none; background-image: url(); background-attachment: fixed; repeat: no-repeat;
border: none;
height: 01%; 
padding-left: 300px; 
padding-right: 0px; 
padding-top: 50px;
position:static; margin-top:-500px"><div align=left><div style="background:transparent; border=0px solid #000000; width:325px; height:300px; BACKGROUND:transparent; FILTER: alpha(opacity=100); overflow:auto;scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #000000;
  scrollbar-shadow-color: #ffffff;
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #000000;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-3dlight-color: #000000;
  }
">
<style type="text/css">
/*ft. Johnny*/
/* by Kim (xanga.com/HerBrokenHeart ) */
/* http://createblog.com */
body {
  background-color: #000000;
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-3dlight-color: #000000;
  }
div.blogheader, .caption {
 background-image: url();
 background-repeat:repeat;
 background-position:center center;
font-family: trebuchet ms;
text-transform:none;
font-size:18px;
line-height:25px;
font-weight:bold;
color:#ffffff;
letter-spacing:-2px;
background-color:000000;
text-align:center;
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
border-bottom:none;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
  font-weight: bold;
  color: #ffffff;
  }

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #ffffff;
font:normal 12px trebuchet ms;
background-color: ffffff;
font-color:000000;
        }
 table.navigation, table.footer {display: none;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: center;
  }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-image: url();
  background-color:none;
  color: #000000;
  font: bold 10pt trebuchet ms;
  text-transform: none;
  text-align:center;
border-bottom: #000000 1px solid;
border-top: none;
border-right: none;
border-left: none;}
 
table.left { 
/* this edits the menu module */
width:180px;
color:000000;
background-color:ffffff;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: none;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid

}

font,td,p,xmp{color:#ffffff;
font-face: trebuchet ms;
font-weight:normal;
font-size:9pt;
line-height:10pt;
text-align:justify;}

table.blogbody tr td { 
/* this edits the left margin of blog */ 
  width:0px; 
  padding-left: 0px;
  } 
table.blogbody {
/* this edits the other the place where the  blog is */
background-color:000000;
BORDER-RIGHT: #ffffff 1px solid;
BORDER-TOP: #ffffff 1px solid;
BORDER-LEFT: #ffffff 1px solid;
BORDER-BOTTOM: #ffffff 1px solid 
family-font: trebuchet ms;
width:300px;}

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 300px;
 }

#htmleditor {
 border : 1x solid #000000;
}

a:link{line-height: 9pt; font-family: trebuchet ms;font-weight:normal; color:#ffffff; text-transform:none;font-size:9pt; cursor: url(http://babylononline.net/adkclan/cursor/ihateu.ani)}
a:active{font-family: trebuchet ms; color:#ffffff; text-transform:none;font-size:9pt; cursor: url(http://babylononline.net/adkclan/cursor/ihateu.ani)}
a:visited{font-family: trebuchet ms; color:#ffffff; text-transform:none;text-decoration:strikeout;font-size:9pt;cursor: url(http://babylononline.net/adkclan/cursor/ihateu.ani)}
A:hover {font-family:tahoma;color:#ffffff;text-transform: uppercase; cursor: url(http://babylononline.net/adkclan/cursor/ihateu.ani); font-weight:bold;font-size:8pt}</style>

<STYLE TYPE="text/css">p {align=justify}
BODY{cursor: url(http://www3.telus.net/cuctran/averycursor.ani);}
a {cursor: url(http://www3.telus.net/cuctran/averycursor.ani);}
</STYLE>

Layout Comments

Showing latest 3 of 3 comments

the main feature of this is of course Johnny. very simple. nice.

By eMarie2470 on Jun 25, 2008 11:22 pm

Nice!

By futura on May 24, 2008 6:34 pm

he is OOOO SO ATTRACTIVE....

By PINKLollyPOP on Sep 19, 2007 12:07 pm

Layout Details

Designer	lookitskim
Submitted on	Apr 8, 2005
Page views	12,683
Favorites	16
Comments	3

ft. Johnny Depp

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates