Free Cartoons Xanga Layouts Codes

Instructions: Log in to Xanga and click "Look & Feel" on the left under Navigation. On this site there's a Drop Down menu under "Header", choose "Input your own Header HTML". Now copy and paste one of these cartoon Xanga layout codes into the module box and click "Save Changes".

Family Guy Xanga layout featuring Stewie.

<MAP NAME='stewie'>
<AREA SHAPE='rect' COORDS='36,169,162,192' HREF='http://www.xanga.com' ALT='xanga'>
<AREA SHAPE='rect' COORDS='36,218,165,241' HREF='http://www.xanga.com/signin.aspx' ALT='sign in'>
<AREA SHAPE='rect' COORDS='30,269,172,292' HREF='http://www.xanga.com/private/home.aspx' ALT='home'>
<AREA SHAPE='rect' COORDS='65,313,134,343' HREF='http://www.xanga.com/CLAF/default.asp' ALT='claf'>
<AREA SHAPE='rect' COORDS='53,369,144,393' HREF='http://www.xanga.com/private/subscriptions.aspx' ALT='subscriptions'>
<AREA SHAPE='rect' COORDS='25,419,171,443' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=YOURUSERNAMEHERE' ALT='subscribe'>
<AREA SHAPE='rect' COORDS='19,467,178,498' HREF='http://www.xanga.com/logout.asp' ALT='sign out'>
<AREA SHAPE='rect' COORDS='402,752,203,766' HREF='http://www.xanga.com/o0olaalaa' ALT='Made by Angel'>
</MAP><IMG SRC='http://www.freefeverfiles.com/xanga/xangalayouts/layouts/familyguy.jpg' border=0 width=820 height=769 USEMAP='#stewie' galleryimg="no"> <div style="
overflow: auto;
width: 378px;
height: 304px;
margin-top: -340px;
margin-left: 360px;
position=static;"><style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page */
{width:350px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer 
{display: none;} 
</style><style type="text/css">
body {
  background-color: #FFFFFF;
  scrollbar-arrow-color: #95ADBE;
  scrollbar-track-color: #95ADBE;
  scrollbar-shadow-color: #C1DCF7;
  scrollbar-face-color: #C1DCF7;
  scrollbar-highlight-color: #C1DCF7;
  scrollbar-darkshadow-color: black;
  scrollbar-3dlight-color: black; 
  }.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, body, {
/* edits main text */
  font:normal 11px arial;
  color:black;
  letter-spacing:0px;
  text-align:left;
  }table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: center;
  }div.blogheader, .caption {
/* edits the dates */
  font-family:arial;
  text-transform:normal;
  font-size:11px;
  font-weight:bold;
  color:#000000;
  border: 1px solid #000000;
  text-align: center;
  background-color: #C1DCF7;
  }a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#C1DCF7; 
  font:normal 11px arial;line-height:10px;
  text-decoration: none;
  }a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#C1DCF7; 
  font:normal 11px arial;
  line-height:10px;
  text-decoration: none;
  }a:hover {
/* edits when user mouseovers the links */
  color:#000000;
  font:normal 11px arial;
  line-height:10px;
  text-decoration: bold;
  }input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #000000;
  font:normal 11px arial;
  background-color: transparent;
  letter-spacing:0px;
  color: #000000;
  }table.left { 
/* this edits the menu module */
  border: 1px solid #000000;
  background-color: transparent;
width:160px;
  }table.blogbody {
/* this edits the other the place where the  blog is */
  background-color: #transparent;
  border: 1px solid black; 
  border-top: none;
  width:350px;
  }table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */  font: bold 11px arial;
  text-transform: normal;
  text-align: center;
  color: #000000;
  border: none;
  }
table.left TD {
/* on your menu module, this edits the body part of it */  background-color: #transparent;
  border-top: 1px solid black;
  }table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
   border: 1px solid #000000;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 350px;
  }
table.navigation, table.footer {
  background-color:#ffffff;
  border: 1px solid black;
  display: none
  }
hr {
/* horizontal divider */
  border: 1px solid #000000;
  display:none;
  }table.blogbody tr td {
/* this edits the left margin of blog */
  width:0px;
  padding: 3px;
  }
table.blogbody div.smalltext{
/* this edits the blog entry footer */
  text-align: center;
  }body { 
  background-repeat:no-repeat;
  background-position:bottom right;
  background-attachment:fixed 
  }
</style>
Get your own free Xanga layout from: <a href="http://www.freefever.com/xanga" target="_top">Xanga Layouts</a><br>