The Mist. Fran of Viera. (FFXII)

Designer's Comments

Look carefully for specific instructions

Music is optional! You can find the code in the first blog entry. The current track is "Eryut Village" form the FFXII OST.

Layout Code

Copy and paste to Template HTML

Help

<html>

<head>

<title>The Mist. Fran of Viera {FFXII}</title>

</head>

<body>

body {
/* edits the scrollbar and background */
 scrollbar-arrow-color: #275077;
 scrollbar-track-color:#17141F;
 scrollbar-shadow-color: #17141F;
 scrollbar-face-color: #275077;
 scrollbar-highlight-color: #17141F;
 scrollbar-darkshadow-color: #17141F;
 scrollbar-3dlight-color: #17141F;
 background-color: #17141F; 
 cursor: normal;
background-image:

url("");
background-repeat: repeat-y;
background-align: left;
overflow-x: hidden;  }

a:link{
/* edits all the links */
 color: #4D2D42;
  font:9px arial;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 2.5px;
 cursor:ne-resize;
}
 
a:visited{
/* edits all the visited links */
 color: #ABABAB;
  font:9px arial;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 2.5px;
 cursor:ne-resize;
}

a:hover{
/* edits all the hovered links */
 font:9px arial;
 text-decoration: none;
 color:#A0688C;
 text-transform: uppercase;
 letter-spacing: 2.5px;
 cursor: ne-resize;
}
 
input, select, textarea, iframe.htmleditor,

.textfield, .button {
/* edits the buttons, dropdowns, etc. */
 border: 1px solid #000000;
 font: 10px verdana;
 background-color: transparent;
 color: #000000;
 letter-spacing:0px;
}

p {
/* edits all of the paragraphs */
 align: justify;

}

b {
/* edits all the bolded words */
 color: #55304F;
 font-weight: bold;
 letter-spacing:0px;
 font-size: 11px;
 font-face: arial;
 text-transform: none;
}

I, EM {
/* edits all the italic words */
 color: #4C9BE4;
 letter-spacing:0px;
 font-size:11px;
 text-transform:none;
 font-style:none;
 background-color:none;
}

u {
/* edits all the underlined words */
 color: #ffffff;
 letter-spacing:0px;
 font-size: 11px;
 text-transform:none;
 font-style:none;
 background-color:none;
}

body, div {
 font: 10px arial;
 line-height:normal;
 color: #ffffff;
 letter-spacing:0px;
 text-align:justify;
 text-transform:none;
}

.blog {
 font: 10px arial;
 line-height:normal;
 color: #ffffff;
 letter-spacing:0px;
 text-align:justify;
 text-transform:none;
border-bottom: 1px solid #275077;
width:375px; 
} 
.header {
font: 20px georgia;
font-weight: bold;
color: #275077;
letter-spacing: -2px;
}
.navi
 {
font: 18px georgia;
font-weight: bold;
color: #275077;
letter-spacing: -2px;
}
</style>

</div>

<table width="140px" border:0px solid #000000>
 <tr>
  <td align="left" style="border: #000000 0px solid; background-image: url('');" class="navi">About
  </td>
</tr>
</table>

Profile Information?<br>
Put anything you want here.
<br><br>

<table width="140px" border:0px solid #000000>
 <tr>
  <td align="left" style="border: #000000 0px solid; background-image: url('');" class="navi">Links
  </td>
</tr>
</table>

<a href="http://createblog.com">createBlog.com</a><br>
Place other links here...<br>
Place other links here...<br>
Place other links here...<br>
Place other links here...<br>

<table width="140px">
 <tr>
  <td align="left" style="border: #000000 0px solid; background-image: url('');" class="navi">Other Stuff
  </td>
</tr>
</table>

You can put anything here...<br>
Music, pictures, text...

<table width="140px" border:0px solid #000000>
 <tr>
  <td align="left" style="border: #000000 0px solid; background-image: url('');" class="navi">Credit
  </td>
</tr>
</table>
Layout & graphic design: <a href="http://www.createblog.com/layouts/index.php?author_id=113043">digital.fragrance</a>
Images: <a href="http://http://fran.viera.nu/">fran.viera.nu</a>

<table width="375px" border-bottom:1px solid #275077>
 <tr>
  <td align="left" style="border: #000000 0px solid; background-image: url('');" class="header">Monday, March 6//06
  </td>
</tr>
<tr>
<td class="blog">

This is where you get to put your content :)!  You can put anything here... write a blog... put a music player... post your pictures and what not.  Have fun with it.  For a great place to put comments on your site, go to <a href="http://haloscan.com">HaloScan</a>, and for a great music player, go to <a href="http://webjay.org">WebJay.org</a>.  I have already put some background music on this site, but you can easliy erase it.  The code is below this text.<br>

And this as an avatar base: <img src="http://layouts.cbimg8.com/31/15537d.jpg" border=0 align="left">

<table width="375px" border-bottom:0px>
 <tr>
  <td align="left" style="border: #000000 0px solid; background-image: url('');" class="header">Monday, March 6//06
  </td>
</tr>
<tr><td class="blog">

This is where you get to put your content :)!  You can put anything here... write a blog... put a music player... post your pictures and what not.  Have fun with it.  For a great place to put comments on your site, go to <a href="http://haloscan.com">HaloScan</a>, and for a great music player, go to <a href="http://webjay.org">WebJay.org</a>.  I have already put some background music on this site, but you can easliy erase it.  The code is below this text.<br>

Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing <br>

Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing

</div>

</body>

</html>