FFVII--Cloud Strife

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 align="left"><div style="position:static; margin-left:-10px;margin-top:-200px;border: 0px solid #000000;"><IMG SRC="http://xs77.xs.to/pics/06162/veryfinelayoutsriverreflectionscloud3.PNG" BORDER=0 USEMAP="#sdf"> <MAP NAME="sdf">
</MAP></div>
<style type="text/css">
/* CLOUD STRIFE FFVII*/
/* by createblog's stream_REflections(xanga.com/veryfine_layouts) */
body {
  background: #CCCCCC url("
  http://xs77.xs.to/pics/06162/sdsdfdf.PNG");
  background-attachment: fixed;
  background-position: TOP LEFT; 
  background-repeat:;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #DFDFDF;
  scrollbar-shadow-color: #786048;
  scrollbar-face-color: #9F8060;
  scrollbar-highlight-color: #B79F87;
  scrollbar-darkshadow-color: #504030;
  scrollbar-3dlight-color: #CFBFAF; 
  }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font-family: arial;
  color:ffffff;
  font-size:8pt;
  letter-spacing:0px;
  text-align: justify;
  }

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: times new roman;
text-transform: lowercase;
font-size:16px;
line-height:15pt;
text-transform:uppercase;
border-bottom: 1px dashed #9F8060;
background-color:; 
border:0px solid black;
font-weight: bold; 
text-align:left;
padding:1px;
color:9F8060;
width: 295px;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#DFBF9F;
  text-decoration: none;
  }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#DFBF9F; 
  text-decoration: none;
  }

a:hover {
/* edits when user mouseovers the links */
  color:#ffffff;
  cursor: ne-resize;
  text-decoration: line-through;
  }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #DFBF9F;
  font:normal 10px pixel;
  background-color: #FFFFFF;
  letter-spacing:0px;
  color: #000000;
  }

table.left { 
/* this edits the menu module */
  border: 1px solid #;
  width:160px;
   background-color: #000000;
  }

table.blogbody {
/* this edits the other the place where the  blog is */
  border: 0px solid ;
  background-color: ;
  width:295px;
  }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-image:;
  background-color: #000000;
  font: bold 10px pixel;
  text-transform: ;
  color: #;
  border: ;
  }
table.left TD {
/* on your menu module, this edits the body part of it */
  background-image:;
  background-color: #;
  border: none;
  }

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

texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {
display: none;
}

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the */
{height: 30px;width: 270px;
}

div.blogheader2 {
font-family:verdana;
text-transform:uppercase;
font-size:10px;
line-height:8pt;
text-transform:uppercase;
background-color:DFBF9F; 
border:0px solid black;
font-weight:bold; 
text-align:left;
padding:1px;
color:white;
margin-bottom:3px;
width: 180px;}

table.navigation {display: none;};
Table.Announcements TD {display: none;};
table.footer {display: none;};
.mainleft { display:none; }
.blogbody td { width:0px; padding-left:0px; }

</style>
<div style="position:static; margin-left: -2px;margin-top:-90px;border: 0px solid #000000; width: 315px; height:autopx;background: none;overflow: auto;">

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 6 of 6 comments

cloud muy sexy .like the layout

By hypnotique on Nov 23, 2006 5:45 am

awww the banner url doesn't work anymore .. can you reupload it please

By fiery_raye on Jul 9, 2006 6:39 am

I'm not a fan of Cloud, but the layout is pretty nice. I love the colors you used. The only thing is, it doesn't seem to render correctly in Firefox...Other than that, though, great colors, very easy to read, and overall great layout

By eunie03 on Apr 21, 2006 1:53 pm

I love the layout! Cloud is my favorite character from FFAC so yeah. <3

By tokyo-rose on Apr 21, 2006 1:38 pm

ohh that is so hott right now

By HelplessCry on Apr 21, 2006 6:39 am

I really really like this one! Great job!

By digital.fragrance on Apr 17, 2006 9:35 pm

Layout Details

Designer	stream_reflections
Submitted on	Apr 17, 2006
Page views	30,968
Favorites	17
Comments	6

FFVII--Cloud Strife

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates