Beyonce

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Alignment: middle
please change USERNAME to your xanga username at the end of the code

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><style type="text/css">
body{
  background-color: 1C97A2;
  scrollbar-arrow-color: ffffff;
scrollbar-darkshadow-color: 1C97A2;
scrollbar-track-color: 1C97A2;
scrollbar-face-color: A7177F;
scrollbar-shadow-color: 1C97A2;
scrollbar-highlight-color: 1C97A2;
scrollbar-3dlight-color: 1C97A2;
}
  cursor: default;
  font: normal 11px arial;
  }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 11px arial;
  line-height:11px;
  color: #000000;
  letter-spacing:0px;
  text-align:justify;
  }
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
  font-weight: bold; font-size: 11px arial;
  color: #45EDF5; line-height: 11px;
 }
table.footer TD {
/* this makes the footer at the bottom centered*/
/* leave it alone unless you know what to do*/
  display: none;
  }
div.blogheader, .caption {
/* edits the dates */
  background-color: transparent;
  font: bold 18px arial;
  text-transform: uppercase;
  color: 000000;
  letter-spacing: -2px;
  border: none;
  text-align: center;
  height: 0px;
  padding: 0px;
  border-top: 10px solid #ffffff;
  border-width: 0px 0px 0px 0px;
  padding-left: 5px;
  line-height: 14px;
  }
table.blogbody {
/* this edits the other the place where the blog is */
  background-color: transparent;
  border-width: 0px 0px 0px 0px;
  cellpadding-bottom: 3px;
  }
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color: #A7177F;
  font:bold 11px arial;
  line-height:11px;
  text-decoration: none;
  text-transform: lowercase;
  }
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color: #A7177F;
  font:bold 11px arial;
  text-transform: lowercase;
  line-height:11px;
  text-decoration: none;
  }
a:hover {
/* edits when user mouseovers the links */
  color: #000000;
  font:bold 11px arial;
  line-height:11px;
  letter-spacing: -1px;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px dashed #D2EBAB;
  border-width: 0px 0px 1px 0px;
  cursor: help;
  }
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 0px solid #84B656;
  font:normal 11px arial;
  background-color: transparent;
  letter-spacing:0px;
  }

table.blogbody tr td {
/* this edits the left margin of blog */
  width:0px;
  padding: 0px;
  }
table.blogbody div.smalltext{
/* this edits the blog entry footer */
  text-align: right;
  padding-bottom: 7px;
  }
table.left { 
/* this edits the menu module */
  border: none;
  width:160px;
  border-top: 0px solid #ffffff;
  }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-color: transparent;
  font: bold 11px arial;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: -1;
  border: none;
  text-align: center;
  height: 0px;
  padding: 0px;
  }
table.left TD {
/* on your menu module, this edits the body part of it */
  background-image: url();
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: transparent;
  border: 1px solid 000000;
  border-width: 0px 0px 0px 0px;
  text-align: center;
  margin-top: 3px;
  }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: transparent;
  border-width: 0px 0px 0px 0px;
  border-top: 0px solid #ffffff;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #527BCE;
  }
table.navigation {display: none;}
table.navigation, table.main {
/* the width of your blog with modules */
  width: 556px;
  align: center;
  }
hr {
/* horizontal divider */
  border: 1px solid #9CD673;
  }
#htmleditor, {height: 125px;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
  width: 260px;
  }
table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere, #rblEprops, #pnlEprops, hr {display: none;}
</style>
<IMG NAME="beyonce0" SRC="http://images.cbstaff.com/xanga/04/0847_img.jpg" WIDTH="579" HEIGHT="560" BORDER="0" USEMAP="#beyonce">
<MAP NAME="beyonce">
<AREA SHAPE="rect" COORDS="270,311,304,323" HREF="http://www.xanga.com" ALT="xanga">
<AREA SHAPE="rect" COORDS="307,310,344,323" HREF="http://xanga.com/private" ALT="private">
<AREA SHAPE="rect" COORDS="346,310,369,322" HREF="http://xanga.com/claf" ALT="design">
<AREA SHAPE="rect" COORDS="372,310,420,323" HREF="http://www.xanga.com/Private/Subscribeto.aspx?user=USERNAME" ALT="subscibe <33">
<AREA SHAPE="rect" COORDS="423,310,443,324" HREF="http://www.xanga.com/private/subs.aspx" ALT="sites i read">
<AREA SHAPE="rect" COORDS="444,310,481,323" HREF="http://www.xanga.com/profile.aspx?user=USERNAME" ALT="profile">
<AREA SHAPE="rect" COORDS="483,310,530,323" HREF=http://www.xanga.com/guestbook.aspx?user=USERNAME ALT="guestbook">
<AREA SHAPE="rect" COORDS="532,310,574,322" HREF="http://www.xanga.com/logout.aspx" ALT="sign out">
<AREA SHAPE="rect" COORDS="506,325,575,332" HREF="http://xanga.com/moosepoop" ALT="MOOSEPOOP!">
</MAP>
<div style="
overflow: auto;
width: 577px;
height: 227px;
margin-top: -231px;
margin-left: -0px;">

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	laylooo
Submitted on	Apr 22, 2005
Page views	4,472
Favorites	5
Comments	0

Beyonce

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates