annie, use your telescope ;;

Designer's Comments

Look carefully for specific instructions

I thought I'd make this wallpaper into a layout since I can't seem to make any new graphics right now. I seem to be stuck in a rut. =[

Anyway, please don't remove my credits and if you want to use my coding, please ASK ME. I won't bite you, I promise. It's not fun seeing your coding where it isn't supposed to be, trust me.

Resources.

Layout Code

Copy and paste to Template HTML

Help

<html>
<title>annie, use your telescope // Layout by so-sarcastic</title>

<head>
<style type="text/css">
{
}body{
scrollbar-arrow-color: #a20018;
scrollbar-track-color: #ffffff;
scrollbar-face-color: #dae0dd;
scrollbar-highlight-color: #dae0dd;
scrollbar-3dlight-color: #a20018;
scrollbar-shadow-color: #dae0dd;
scrollbar-darkshadow-color: #dae0dd;}

body, input {
font-family: Verdana;
font-size: 9px;
letter-spacing: 0px;
background-color: #a0b6a9;
border: 3px;
cursor: crosshair;}

td, p {
font-family: Verdana;
font-size: 9px;
letter-spacing: 0px;
line-height: 11px;
background-color: #ffffff;}

b {color: #a20018; font-size: 12px; letter-spacing: 1px; font-weight: bold;}
i {color: #291e1a; font-size: 12px; text-transform: lowercase;}
u {color: #291e1a; border-bottom: 1px solid #d4301d; font-size: 12px; letter-spacing: 1px;}
s {color: #d4301d; font-size: 12px; letter-spacing: 0px;}

.head {
color: #4c6667;
background: none; 
font-family: Palatino Linotype;
font-size: 22px;
font-style: italic;
letter-spacing: 1px;
line-height: 20px;
text-align: right;
padding: 2px;}

.subhead { 
color: #ffffff;
background: #9f0a13; 
width: 360px; 
border-top: 1px dashed #99a398;
border-bottom: 1px dashed #99a398;
font family: Georgia; 
font-size: 10px;
text-align: right;
text-transform: uppercase;}

.head2 {
color: #a20018;
background: none; 
font-family: Georgia;
font-size: 18px;
font-style: italic;
font-weight: none;
font-variant: none;
letter-spacing: 0px;
line-height: 10px;
text-align: right;
text-transform: lowercase;
padding: 2px;}

.text {
color: #000000;
background: #dae0dd;
font-family: Times New Roman;
font-size: 12px;
letter-spacing: 0px;
line-height: 13px;
text-align: justify;
padding: 2px;}

.text2 {
color: #000000;
background: none;
font-family: Times New Roman;
font-size: 12px;
letter-spacing: 0px;
line-height: 13px;
text-align: justify;}

a:link, a:active {
color: #4c6667;
font-family: Times New Roman;
font-size: 12px;
font-weight: none;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: none;
cursor: crosshair;}

a:visited {
color: #c0b6ac;
font-family: Times New Roman;
font-size: 12px;
font-weight: none;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: none;
cursor: crosshair;}

a:hover {
color: #a0b6a9;
font-family: Times New Roman;
font-size: 12px;
font-weight: none;
font-variant: none;
letter-spacing: 1px;
text-decoration: none;
text-transform: none;
cursor: crosshair;}

a.nav, a.nav:link, a.nav:active, a.nav:visited {
background: #e0d8d0;
font-family: Georgia;
font-size: 10px;
display: block;
height: 10px;	
color:  #9e918a;
margin-top: 2px;
border-right: 3px solid #a20018;
border-left: 3px solid #a20018;
text-transform: uppercase;
letter-spacing: 0px;}

a.nav:hover {
background: #efeae5;
font-family: Georgia;
font-size: 10px;
display: block;
height: 10px;
color: #cf3924;
margin-top: 2px;
border-right: 3px solid #e40020;
border-left: 3px solid #e40020;
text-transform: uppercase;
letter-spacing: 0px;}

</style>
</head>

<div class="text">
<center><div class="subhead">Month // Day // Year</div></center>
<center><br>
<b>Bold</b> <i>Italics</i> <s>Strikethrough</s> <u>Underline</u> <a href="http://www.link.com" target="_blank">Link</a>
</center><br>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In gravida ullamcorper turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc accumsan erat non pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce placerat ante vel lorem. Nunc nunc risus, lacinia ac, adipiscing vitae, congue eget, nisi. Duis ac nisi a libero molestie congue. Morbi lectus ipsum, condimentum sit amet, congue quis, malesuada eget, ligula. Donec ultrices pharetra elit. Curabitur ligula ligula, sollicitudin lacinia, laoreet tempor, consectetuer vitae, massa? Donec ut lorem. Etiam nisl libero, interdum vel, scelerisque sed, consequat sed, neque.</div>

<div class="head">header here ;;</div>
<div class="text">
<center><div class="subhead">Month // Day // Year</div></center><br>
Nunc vitae ipsum et dui semper eleifend. Phasellus a pede ac urna convallis tempor. Donec dapibus tempor elit! Nunc dictum sollicitudin arcu! Vestibulum consectetuer; velit vel porttitor dictum, felis leo sollicitudin neque, eget rhoncus orci orci et quam. Etiam volutpat porttitor erat. Duis lobortis elementum nunc. Nulla vitae nisl? Quisque ullamcorper justo. Morbi fringilla euismod erat. Nullam faucibus, neque ut vehicula molestie, lorem nunc elementum leo; sed ultrices libero dui at metus.<br></div>

<div class="head">header here ;;</div>
<div class="text">
<center><div class="subhead">Month // Day // Year</div></center><br>
Morbi erat. Etiam iaculis condimentum tellus. Quisque ultrices dictum enim. Cras lacinia. Nulla eu est cursus arcu ullamcorper consectetuer. Praesent condimentum nisi et magna? Aenean mauris nunc, iaculis tempus, facilisis sit amet, vestibulum in, libero? Nulla facilisi. Integer metus eros, sagittis sed, tincidunt sed; placerat sed; mi. Donec at neque. In rutrum placerat mi. Phasellus tempus malesuada orci. <br><br>

</div>
<br><br> 
</div>
<br><br>

<div class="head2">About</div>
<div class="text">
Write about your site here. Or even about yourself. Whatever blows your hair back. 
<br>
</div>

<div class="head2">Navigate</div>
<div class="text2">
<center>
<a href="http://www.link.com" class="nav" target="_blank">HOME</a> 
<a href="http://www.link.com" class="nav" target="_blank">OWNER</a> 
<a href="http://www.link.com" class="nav" target="_blank">CONTENT</a> 
<a href="http://www.link.com" class="nav" target="_blank">WHATEVER</a> 
<a href="http://www.link.com" class="nav" target="_blank">WHATEVER</a> 
<a href="http://www.link.com" class="nav" target="_blank">WHATEVER</a> 
</center>
</div>

<div class="head2">Affiliates</div>
<div class="text2">
<center>
<a href="http://www.link.com" class="nav" target="_blank">Affy</a> 
<a href="http://www.link.com" class="nav" target="_blank">Affy</a> 
<a href="http://www.link.com" class="nav" target="_blank">Affy</a> 
<a href="http://www.link.com" class="nav" target="_blank">Affy</a> 
<a href="http://www.link.com" class="nav" target="_blank">Affy</a> 
<a href="http://www.link.com" class="nav" target="_blank">More?</a>
</center>
</div>

<div class="head2">Whatever</div>
<div class="text">
Stick what you want in here. 
<br>
</div>

<div class="head2">Credits</div>
<div class="text">
<center>
Content ©: Your name.<br>
Layout ©: <a href="http://www.createblog.com/website-templates/36314-annie-use-your-telescope-/" target="_blank">Lenny</a><br>
</center>
</div>
<br>
<br>
<br>
<br>
</div>

</body>
</html>

Layout Comments

Showing latest 6 of 6 comments

i'm not a fan of her at all, but it's done so well i want to use this layout!
and i love how her skin is the same color as the background. cool beans =]

By foundry on Jun 26, 2010 1:48 am