Freedom

Xanga Layouts / Basic

View preview

Designer's Comments

Look carefully for specific instructions

change USERSNAME
alignment center

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

<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><div style="margin-top: 10px; margin-left: 0px;">
<MAP NAME='imgmap'>
<IMG SRC='http://images.cbimg5.com/xanga/27/6691.jpg' border=0 width=318 height=595 USEMAP='#imgmap'>
<AREA SHAPE="rect" COORDS="210,4,312,11" HREF="http://www.xanga.com/summabreezeofluv">
<AREA SHAPE="rect" ALT="xanga" COORDS="11,245,20,251" HREF="http://www.xanga.com/">
<AREA SHAPE="rect" ALT="private" COORDS="27,253,36,260" HREF="http://www.xanga.com/private/home.aspx">
<AREA SHAPE="rect" ALT="claf" COORDS="48,250,56,255" HREF="http://www.xanga.com/claf">
<AREA SHAPE="rect" ALT="subscribe" COORDS="61,236,72,245" HREF="http://www.xanga.com/private/subscribeto.aspx?user=USERSNAME">
<AREA SHAPE="rect" ALT="subscriptions" COORDS="70,220,80,227" HREF="http://www.xanga.com/private/subscriptions.aspx">
<AREA SHAPE="rect" ALT="log out" COORDS="66,201,75,206" HREF="http://www.xanga.com/logout.asp">
</MAP></div>

<style type="text/css">
/* FREEDOM */
/* CREATED FOR CREATEBLOG BY SUMMABREEZEOFLUV */
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, hr, table.footer TD {display: none;}
body {
background-color: #FFFFFF;
background-image: url("none"); 
background-repeat: no-repeat; 
background-position: center center;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
cursor:default; 
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: normal 8PT ARIAL;
color:#000000;
letter-spacing:0px;
text-align: justify;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font: 8PT ARIAL;
font-weight: NORMAL;
color: #000000;
}
.blogbody u, .standard u, p u, u {
text-decoration: underline;
border: 0px solid #ffffff;
border-width: 0px;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align:center;
}
.navheader {
width:275px;
background-color:#transparent;
font-family:ARIAL;
text-transform:uppercase;
font-size:8pt;
line-height:8pt;
font-weight:normal;
color:#ffffff;
letter-spacing:-2px;
text-align: center;
}
.module { 
width: 192px;
font: normal 8PT ARIAL;
color: #000000;
background-color: none;
border: #ffffff 0px solid;
text-align: justify;
}
div.blogheader, .caption {
/* edits the dates */
font-family: ARIAL;
text-transform: uppercase;
font-size: 8PT;
line-height:normal;
font-weight: NORMAL;
border-bottom: 1px dashed #704010;
letter-spacing: 2px;
color: # 000000;
text-align:center;
width:275px;
}
.blogbody {
background-color: transparent;
width:275px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/*EX edits all links  */
  color:#000000;
  text-decoration: none;
  text-transform: lowercase;
  font: 8PT ARIAL;
}
a:visited, a.footernav:visited,  {
/*EX edits the links that the user has visited */
  color:#000000; 
  text-decoration: none;
  text-transform: lowercase;
  font: 8PT ARIAL;
}
a:hover {
/* edits when user mouseovers the links */
 color:#CF9F70;
 font:normal 8PT ARIAL;
 text-transform: lowercase;
 background-color: #ffffff;
 text-decoration: none;
 letter-spacing:0px;
 }
b, strong{
color: #604020;
text-spacing: 1px;
letter-spacing: 1px;
}
i, em{
color: #704010;
letter-spacing: .5pt;
text-spacing: .5pt;
}
u{
color: #402000;
border-bottom: 1px DOTTED #DFDFDF;
}
table.blogbody {
/* this edits the other the place where the  blog is */
background: #transparent;
width: 275px;
border: none;
}
#pnlEnabled table, #htmleditor, #lblTimeZone{
width: 275px;
}
.#rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
{width: 275px;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #000000 ;
 font:normal 8PT ARIAL;
 color: #000000;
 background-color: ffffff;
 letter-spacing:0px;
}
table.left { 
/* this edits the menu module */
 border: 1px solid #000000;
font-weight: normal;
 width:275px;
  background-color: 000000;
 }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font-family: ARIAL;
text-transform: lowercase;
font-size:8pt;
font-weight: normal;
letter-spacing: 0px;
color: #ffffff;
background-color:#ffffff;
text-align: center;
border: 2px solid #000000;
border-bottom: 3px solid 000000;
 }
table.left TD {
/* on your menu module, this edits the body part of it */
 background-color: ffffff;
border:  1px solid #000000;
border-top: 3px solid #000000;
color: 000000;
 }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: none; 
border: 0px solid #000000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #000000;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 2px;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
text-align: center;
padding-bottom: 0px;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 275px;
}
</style>

<div style="overflow: auto; width: 300px; height: 214px; margin-top: -233px; margin-left:-5px;">

Layout Code

Copy and paste to Website Stats

<script language="javascript">

</script>

<script>
// Resize Comment Box by Paul Chen aka Coyote
width = 160px;  //change this value
height = 120px; //change this value
if(location.pathname=='/item.aspx'){
var booga = document.getElementById('htmleditor')
newBooga = '<ifr' + 'ame' + ' class=\"htmleditor\" width=\"' + width + '\" height=\"' + height + '\" ID=\"htmleditor\" scrolling=NO>';
booga.insertAdjacentHTML('afterEnd',newBooga);
booga.removeNode(true);
}
</SCRIPT>

Layout Comments

Showing latest 2 of 2 comments

One of the best minimal skins I have ever seen. Seriously - the navi is awesome! Major props to you . Anyway, the picture is great... it really captures my mood at the moment.

By digital.fragrance on Nov 18, 2005 3:03 pm

shweeeeeeeeeet that navi is awesome

By add1cted2f1re on Nov 17, 2005 8:32 pm

Layout Details

Designer	summabreezeofluv
Submitted on	Nov 16, 2005
Page views	13,208
Favorites	36
Comments	2

Layout Tags

, freedom, expression

Layout Tools

Layout Affiliates

Here I Stand Layouts