Brethren

Designer's Comments

Look carefully for specific instructions

Width: 100%
Align Blog: center
Trim Color: #68a3d8

Paste code into the "Input Your Own Header HTML" section of your look and feel page. Replace "USERNAME" with your xanga username. Customize any part of this layout to your liking, but please do not remove the credit links. Feel free to also add a scroll bar too your liking, as they are not functional in Firefox. Thank you and enjoy!

Note: This is my very first div layout, so comments and suggestions welcome! Tested on Firefox ONLY, but it should work on Internet Explorer just fine.

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><script type="text/javascript">document.title = "Brethren"</script>
<style type="text/css">

table.navigation, table.footer { 
  display:none; 
}

.#rblEprops{
  display:none;
}

#pnlEnabled table, #htmleditor, #lblTimeZone, /* width of the comment page */{
  width:245px;
}

.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder {
  display: none;
}

</style><style type="text/css">/* Brethren *//* by Venia */

body {
  background-color: #1c293a;
  cursor: default;
  margin: 0;padding: 0;
  overflow-x: hidden;
}

h4 {
  background-image: url(http://);
  background-repeat: no-repeat;
  background-position: bottom left;
  font: bold 12pt georgia;
  text-transform: none;
  line-height: 12pt;
  color: #68a3d8;
  letter-spacing: 2px;
  background-color: none; 
  text-align: left;
  padding: 0px 0px 8px 4px;
  border: none;
}

div.blogheader, .caption { 
  font: normal 8pt verdana;
  color: #5383bc;
  text-transform: none;
  line-height: 10pt;
  text-align: right;
  letter-spacing: 1px;
  background-color: none; 
  border: none;
}

b, strong { 
  font-weight: bold;
  color: #68a3d8;
}

hr {color: #68a3d8;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
  border: 1px solid #68a3d8;
  font: normal 8pt verdana;
  background-color: #1c293a;
  font-color: #5383bc;
}

.navheader {
  background-image: url(http://);
  background-repeat: no-repeat;
  background-position: bottom right;
  font: bold 12pt georgia;
  text-transform: none;
  line-height: 12pt;
  color: #68a3d8;
  letter-spacing: 2px;
  background-color: none;
  text-align: left;
  padding: 0px 2px 8px 0px;
  border: none;
}

.section {
  font: normal 8pt verdana, trebuchet ms;
  color: #5383bc;
  line-height: 12pt;
  text-align: left;
  background-color: none;
  border: none;
}

font,td,p,xmp{
  color: #5383bc;
  font-family: verdana, trebuchet ms;
  font-weight: normal;
  font-size: 8pt;
  text-align: left;
}

table.blogbody tr td {
  width: 0px; padding-left: 0px;
}

table.blogbody {
  font: normal 8pt verdana;
  color: #5383bc;
  line-height: 12pt;
  text-align: left;
  background-color: none;
  border: none;
  width: 460px;
}

a:link{
  font: normal 8pt verdana;
  color: #5383bc;
  line-height: 12pt;
  text-transform: none;
  text-decoration: none;
  cursor: crosshair;
}

a:active{
  font: normal 8pt verdana; 
  color: #5383bc;
  line-height: 12pt;
  text-transform: none;
  text-decoration: none;
  cursor: crosshair;
}

a:visited{
  font: normal 8pt verdana;
  color: #5383bc;
  line-height: 12pt;
  text-transform: none;
  text-decoration: none;
  cursor: crosshair;
}

a:hover {
  font: normal 8pt verdana;
  color: #28466e;
  line-height: 12pt;
  text-transform: none;
  text-decoration: none;
  border-bottom: 0px solid #28466e;
  cursor: crosshair;
}

</style>

<div class="navheader">Myself</div><div class="section">
<b>Name.</b> Cloud Strife // Kadaj<br>
<b>Age.</b> 20s<br>
<b>Location.</b> In motion.<br>
<b>Likes.</b> Swords, hair gel, cool duds, motorbikes, etc.<br>
<b>Dislikes.</b> Each other and dealing with other people.<br>
<b>Messenger.</b> strifedelivery<br>
<b>Email.</b> lifestream@square_enix.com
</div><br>

<div class="navheader">Navigation</div><div class="section">
. <a href="http://www.xanga.com">Xanga</a><br>
. <a href="http://www.xanga.com/USERNAME">Home</a><br>
. <a href="http://www.xanga.com/profile.aspx?user=USERNAME">Profile</a><br>
. <a href="http://photos.xanga.com/USERNAME">Photos</a><br>
. <a href="http://video.xanga.com/USERNAME">Videos</a><br>
. . . . . . . . . . . <br>
. <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">Add Me</a><br>
. <a href="http://www.xanga.com/message.aspx?user=USERNAME">Message Me</a><br>
. <a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
. <a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>
. <a href="http://www.xanga.com/register.aspx">Join</a><br>
. . . . . . . . . . . <br>
. <a href="http://www.xanga.com/private/yourhome.aspx">Your Site</a><br>
. <a href="http://www.xanga.com/Private/feedbackfootprints.aspx">Your Feedback</a><br>
. <a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
. <a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
. <a href="http://www.xanga.com/message.aspx?user=USERNAME">Your Messages</a><br>
. . . . . . . . . . . <br>
. <a href="http://edit.xanga.com/claf.aspx">Edit Design</a><br>
. <a href="http://profile.xanga.com/edit/EditProfile.aspx">Edit Profile</a><br>
. <a href="http://profile.xanga.com/edit/friends.aspx">Edit Friends</a><br>
. <a href="http://www.xanga.com/Private/editaccount.aspx">Edit Account</a><br>
. <a href="http://photo.xanga.com/photomanager.aspx">Edit Photos</a><br>
</div><br>

<div class="navheader">Comrades</div><div class="section">
. <a href="http://www.xanga.com/friend">Friend</a><br>
. <a href="http://www.xanga.com/friend">Friend</a><br>
. <a href="http://www.xanga.com/friend">Friend</a><br>
. <a href="http://www.xanga.com/friend">Friend</a><br>
. <a href="http://www.xanga.com/friend">Friend</a><br>
. <a href="http://www.xanga.com/friend">Friend</a><br>
. <a href="http://www.xanga.com/friend">Friend</a><br>
</div><br>

<div class="navheader">Blogrings</div><div class="section">
. <a href="http://www.xanga.com/blogring" target="_blank">Blogring</a><br>
. <a href="http://www.xanga.com/blogring" target="_blank">Blogring</a><br>
. <a href="http://www.xanga.com/blogring" target="_blank">Blogring</a><br>
. <a href="http://www.xanga.com/blogring" target="_blank">Blogring</a><br>
. <a href="http://www.xanga.com/blogring" target="_blank">Blogring</a><br>
. <a href="http://www.xanga.com/blogring" target="_blank">Blogring</a><br>
. <a href="http://www.xanga.com/blogring" target="_blank">Blogring</a><br>
. <a href="http://www.xanga.com/blogring" target="_blank">Blogring</a></div><br>

<div class="navheader">Extras</div><div class="section">
Put anything you want here.  HTML friendly.
</div><br>

<div class="navheader">Credits</div><div class="section">
<b>Layout.</b> <a href="http://www.venia.createblog.com" target="_blank">Venia</a><br>
<b>Resources.</b> 
<a href="http://www.midnatt-sol.deviantart.com" target="_blank">i</a> 
<a href="http://www.createblog.com" target="_blank">ii</a> 
<a href="http://www.dafonts.com">iii</a> 
</div><br><br><br><br>

</td><td width="490" valign="top">

Layout Comments

Showing latest 5 of 5 comments

good job on it

By stormbringer on Aug 29, 2007 6:48 pm

Yeah, i'm definitely gonna do that with my next layout, but for this one i was just a little lazy. =P i know, so many awesome div layouts don't work on firefox, and it makes me kinda frustrated. so i guess i'll just make my own! lol. idk why firefox can't just read the scripts right to begin with . . . oh well. i like firefox

By Venia on Aug 28, 2007 10:42 pm

Nice! Maybe next time you could play with the blog and nav headers a bit more like make some images from them or something. The fact that your layout is compatable with firefox is awesome though. Most DIV's (like mine) kinda look a bit funky in mozilla.

By CelestialAbyss on Aug 28, 2007 10:27 pm

Thanks! More to be made sometime in the future. =P

By Venia on Aug 28, 2007 9:51 pm

nice. (:

By hospitalhorror on Aug 28, 2007 3:49 pm

Layout Details

Designer	Venia
Submitted on	Aug 27, 2007
Page views	8,080
Favorites	10
Comments	5
Reviewer	karmakiller
Approved on	Aug 28, 2007

Brethren

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates