Emma Watson

Designer's Comments

Look carefully for specific instructions

Same thing that everyone says; html & css fluent users only please, I have no time to teach people how to add a piece of text in, blah blah blah.

Change headers to desired text, and my description of the layout.

Enjoy.

Credit goes to:

www.bunnysattic.com

http://www.waterlilies.nl/

http://ro-stock.deviantart.com/art/Dividers-6-53744578

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<style type="text/css">
{
}BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
td, p, body, input {color:#000000 ;
font-family: arial;
font-size: 10px;
letter-spacing:0px;
background:#ffffff;
border: 3px;
background-image:none;
background-repeat:repeat-y;
}
body
{ background-color:#ffffff;}

b {color: #89b3a7;}
i {color: #89b3a7;}
u {color: #000000;
border-bottom: double-dashed 2px #89b3a7 ;}

.text {border: none;
color: #0000000 ;
background: transparent;
text-align: justify;
padding: 2px;}

.head { color:#89b3a7;
line-height: 12px;
text-align:right;
font-size:14px;
font-family:arial;
font-variant: none;
background-color: transparent;
border-bottom: 1px solid #6396a3;}

A:link, A:active, A:visited {color: #000000;
font-weight: none;
text-decoration: none;
cursor:crosshair;}

A:hover {color: #000000;
font-weight: none;
border-bottom: solid 1px #89b3a7;
filter: fliph; 
cursor: crosshair;
text-transform:lowercase;
letter-spacing: 0px;}

a.love,a.love:active,a.love:active,a.love:link
{display:block;
padding:0px;
text-align:right;
background-color:ffffff;
border-bottom:1px solid;
border-left:4px solid;
border-color:6da096;
}
a.love:hover
{display:block;
padding:0px;
text-align:right;
background-color:#ffffff;
border-bottom:1px solid;
border-color:#89b3a7;
}

</STYLE>

</head>

<div style="LEFT:383px; OVERFLOW: auto; POSITION: absolute; TOP:550px; width:270; ">
<div class="head">header</div>
<div class="text">
This layout was a quick blend, toppled by a few textures. I started playing with the blending options, and viola; a pretty little layout. The coding took a good twenty minutes. I tried a few different navigation techniques but in the end, I chose that one. Enjoy it, and please don't remove the credit. :]
<br>
<p>
<b>Bold</b> <u>underline</u> <i>italics</i>
<p><a href="page.html">Regular Link</a>
<p>
(c)Christy @ <a href="http://www.cuddly-teddies.my-reality.net">site</a> and <a href="http://highwayto4355.createblog.com ">Createblog</a>
<p>
</div>
<div class="head">header number 2</div>
<div class="text">
This is extra text room, put whatever you want here. ;] 
<br><br><br><br><br>THE FERGG!?!
</div>
</div></div>
<div style="LEFT:230px; OVERFLOW: auto; POSITION: absolute; TOP: 550px; width: 150;">
<div class="head">Roam Around</div>
<div class="text">
<a href="/page.htm" class="love">link1</a>
<a href="/page.htm" class="love">link2</a>
<a href="/page.htm" class="love">link3</a>
<a href="/page.htm" class="love">link4</a>
<a href="/page.htm" class="love">link5</a>
<a href="/page.htm" class="love">link6</a>
<a href="/page.htm" class="love">link7</a>
<a href="http://www.cuddly-teddies.my-reality.net" class="love">Credit</a>
</div>
<div class="head">Something</div>
<div class="text">
Type some more random stuff here. Have fun with it. Blah blah blah.
</div>
</BODY>
</HTML>

Layout Comments

Showing latest 7 of 7 comments

I adore her. :]

By Decode on Sep 6, 2008 8:55 pm

Nice banner! Her face at the top part of the banner is a bit covered, lol I'm not sure why that bothers me. I like how you placed the text "Emma Watson" there. =] Good job!

By dreamgurl36 on Apr 22, 2008 11:49 am