Friends Forever

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Background Image: http://skins.cbstaff.com/skin319_image.jpg
Replace USERNAME with your xanga username.

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>
<center><a href="http://www.xanga.com/USERNAME">refreshh</a> - <a href="http://www.xanga.com/private/home.aspx">h0me</a> - 
<a href="http://www.xanga.com/claf/default.asp">editt</a> - 
<a href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">++mee</a> - 
<a href="http://www.xanga.com/private/subscriptions.aspx">ppL</a> - 
<a href="http://www.xanga.com/guestbook.aspx?user=USERNAME">siqnnn</a> - 
<a href="http://www.xanga.com/profile.aspx?user=USERNAME">b0utmee</a> - 
<a href="http://www.xanga.com/logout.aspx">byeee</a></center><br>

</style>
<div style="position: static; margin-left: -center;margin-top: 0
px;margin-left: 30
px;border: 0px solid #930100; width: 600px; height: 400px;background: transparent; FILTER: alpha(opacity=70); overflow:auto">
<style type='text/css'>

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 11px tahoma;
  line-height:12px;
  color:black;
  letter-spacing:0px;
  cursor:crosshair;
  text-align:center;
  }

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: right;
  }

div.blogheader, .caption {
/* edits the dates */
  font-family: tahoma;
  text-transform: lowercase;
  font-size:14px;
  font-weight: bold;
  line-height: 12px;
  color: #663333;
  letter-spacing: -1px;
  cursor:crosshair;
  background-color: transparent;
  text-align: center;
  border: none;
  border-width: none;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color: #b46767;
  cursor:crosshair;
  font:normal 11px tahoma;line-height:12px;
  text-decoration: underline;
  }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color: #b46767; 
  font:normal 11px tahoma;
  line-height:12px;
  cursor:crosshair;
  text-decoration: underline;
  }

a:hover {
/* edits when user mouseovers the links */
  color: #000000;
  cursor:crosshair;
  font:normal 11px tahoma;
  line-height:12px;
  text-decoration: none;
  }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #000000;
  font:normal 11px tahoma;
  background-color: transparent;
  cursor:crosshair;
  letter-spacing:0px;

}

table.left { 
/* this edits the menu module */
  border: none;
  width:160px;
   background-color: transparent;
  }

table.blogbody {
/* this edits the other the place where the  blog is */
  border: none;
  background-color: transparent;
  width:500px;
  border: none;
  border-width: 1px;
  }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-color: transparent;
  font: bold 12px arial;
  text-transform: uppercase;
  color: #000000;
  border: solid 2px;
  letter-spacing: 1px;
  text-align: right;
  }
table.left TD {
/* on your menu module, this edits the body part of it */
  background-color: transparent;
  border: none;
  }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: transparent; 
  border: none;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: none;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 400px;
  }
hr {
/* horizontal divider */
  border: 1px solid #000000;
  }

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

</style>

Layout Code

Copy and paste to Website Stats

Help

</td>
</tr>
</table></I>

/* edit to your liking */
table.module { border: 1px solid #000000; width: 150px; background-color: transparent; background-image: url(''); background-repeat: repeat; background-position: top center; }
table.module th { background-color: transparent; font: 8pt arial; text-transform: none; color: #000000; border: none; background-image: url(''); background-repeat: repeat; background-position: center center; }
table.module td {color: #000000; text-align: justify; border: none; background-image: none; }
table.main {color: #000000; width: 325px; }
</style>

Layout Comments

Showing latest 2 of 2 comments

Hey how come your preview is different from the one i installed? I was trying to get the subscriptions and blogs on the side but i couldn't.

By XxhotxchickarooxX on Aug 8, 2005 1:45 pm

QUOTE(littoJ @ Apr 10 2005, 11:35 PM)this layoutt was in xanga showcase but since ppl asked me to put it as a skin....hahas...Click here to install this Xanga layout.[right][snapback]1196273[/snapback][/right]Heys i can't seem to get the backgrou

By XxhotxchickarooxX on Aug 2, 2005 12:40 pm

Layout Details

Designer	littoJ
Submitted on	Apr 11, 2005
Page views	8,007
Favorites	11
Comments	2

Friends Forever

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates