Gaara of the Sand

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Set the Text & Links to: Arial, 1, #ffffff.

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

<div align="left">
<div style="width:340; height:800; margin-left:555; margin-top:0; overflow:auto;">
<div class="header">Latin Stuff</div><font size="1" color="#000000">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed quis lorem nec massa hendrerit tincidunt. Sed risus. Sed viverra scelerisque nisi. Nunc vehicula viverra pede. Praesent porta iaculis nisl. Curabitur aliquam nunc at dolor. Nullam posuere. Praesent id nisi vitae diam ullamcorper adipiscing. Cras eget mauris quis neque fringilla gravida. Sed in massa ac sapien vestibulum gravida. Sed velit enim, facilisis sed, fermentum sed, pretium ut, odio. Pellentesque tempor erat non elit. Maecenas dui.
</font>

<p><div class="header">About the Layout</div><font size="1" color="#000000">
Well, this layout has Gaara in it, obviously XD haha. He's SOOO HOTT man. <3 hehe. Colors are sand colors, since he's well... he likes sand. XD
</font>

<p><div class="header">About the Designer</div><font size="1" color="#000000">
Hey there :D My name is Skye! I'm currently 13 years old, and I'm almost 14 ^^ YAY! Umm let's see. I enjoy web design, and Maple Story, and I ABSOLUTELY HATEEEEEEE with all my hating capability my firewall, Basfe Online. Yup. That's mostly me. </font>

<p><div class="header">Examples!</div><font size="1" color="#000000">
Here are examples of everything!<br>
<b>Bolded text</b> <i>Italics</i> <u>Underline</u><br>
<a href="http:///">linkie!</a> <textarea>A TEXTAREA! How neato.</textarea>

</div></div>

background-attachment: scroll;
scrollbar-arrow-color: #E1BD44;
scrollbar-track-color: #84643D;
scrollbar-shadow-color: #84643D;
scrollbar-face-color: #84643D;
scrollbar-highlight-color: #84643D;
scrollbar-darkshadow-color: #84643D;
scrollbar-3dlight-color: #E1BD44;
cursor:crosshair; 
  }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 8pt arial;
  line-height:10pt;
  color:#CA9E6E;
  letter-spacing:0px;
  text-align:justify;
  }
b, strong {
font-weight:heavy; 
color: #ffffff;
}
u {
font-weight:normal; 
color: #ffffff;
border-bottom: 1px dotted #000000;
}
em,i {
color:#ffffff;
}
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;
  }
div.blogheader, .caption {
/* edits the dates */
  font-family:arial;
  font-size:12px;
  width: 430px;
  color: #ffffff;
  background-color:transparent;
  border:2px dotted #000000;
  text-align: center;
  }
a:link, .footernav.link, a.footernav:link, a.footernav:active, a:visited, a.footernav:visited  {
/* edits all links */
  color:#ffffff;
  border:1px dotted #000000;
  font: 8pt arial;
  letter-spacing:0px;
  text-transform:uppercase;
  font-weight:bold;
   }
table.blogbody {
/* this edits the other the place where the blog is */
border-bottom: 0px dotted #ffffff;
width:430px;
background-color:transparent;
}
a:hover {
/* edits when user mouseovers the links */
  color:#CA9E6E;
  background-color:transparent;
  border:0px solid #000000;
  font: 8pt arial;
  letter-spacing:0px;
  font-weight:light;
  text-transform:lowercase;
  font-style:italic;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px dotted #ffffff;
  font:normal 10pt times new roman;
  background-color: transparent;
  letter-spacing:1px;
  color: #CA9E6E;
  }
table.left th, table.left, table.left TD {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-image: url();
  color: #000000;
  background-color:transparent;
  font: normal 10pt arial;
  text-transform: none;
  border: 1px dotted #000000;
  letter-spacing: 0px;
  line-height: 10px;
  padding-top: 2px;

width:200px;
  display:none;
   }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 430px;
  background-color:transparent;
  }
.header {
font-style:italic;
text-transform:uppercase;
color:#ffffff;
font-weight:bold;
border:1px solid #CA9E6E;
}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.navigation, table.footer, hr {display: none;} 
</style>

Layout Comments

Showing latest 4 of 4 comments

Wow,cool,I like the overall style of this. ^^

By raindots67 on Jul 8, 2009 11:35 am

Thanks ^^ The banner was pretty simple, it could be made in MS Paint. But maybe not the pattern part. Unless you work a lot.

By umbreon on Nov 8, 2005 4:41 am

dang. that's looks koo, nice job^^

By ~Sy~ on Nov 7, 2005 5:47 pm

Dam. That's a nice banner. It can be done on MS Paint.

By demolished on Nov 7, 2005 12:36 am

Layout Details

Designer	umbreon
Submitted on	Nov 6, 2005
Page views	38,905
Favorites	32
Comments	4

Gaara of the Sand

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates