Ashley Tisdale

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

KEEP THE CREDIT LINK!!

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Website title here</title>

body { background: #fff; background-image: url(http://cbimg9.com/layouts/08/06/28076aa.gif); 
cursor: crosshair;}

#parent {text-align: left; width:600px; margin: -50px auto; background-color: #000; border: 20px solid #000;}

#header {
color: #277eb4;
position: center;
width: 615px;
height: 515px;
background-image: url(http://cbimg9.com/layouts/08/06/28076ab.png);
}

#header img {
border: 0;
}

div#content {
background-color: #000;
text-align: justify;
}

#content-left {
float: left; width: 190px; margin: 20px 15px 0 0; display:inline;font-family: Georgia;
font-size: 9px;
color: #000;
text-align: justify;
}

#content-left a, #content-left a:link, #content-left a:active, #content-left a:visited
{ color:#fffcf5;
display: show;
font-size:10px;
font-family:georgia;
text-align: left;
text-decoration: none;
}

#content-left a:hover {color: #000;}

#content-right {
float:left; 
width:390px;
 margin: 20px 0 20px 5px; 
font-family: georgia;
font-size: 11px;
color: #818485;
text-align: justify;
}

#content a { text-decoration: none;
font-family: georgia;
font-size: 10px;
font-color: #fff;
text-transform: lowercase;
cursor: move;
}

#content-right a { text-decoration: none;
font-family: georgia;
font-style: normal;
font-size: 9px;
color: #fff;
text-transform: lowercase;
}

#content-right a:visited { text-decoration: none;
font-family: times new roman;
font-style: normal;
font-size: 11px;
font-color: lightblue;
text-transform: loxercase;
}

#content-left a:hover { color:lightblue;
text-decoration: underline overline; cursor: move;
}

#content-right a:hover { color:lightblue;
text-decoration: underline overline; cursor: move;
}

div#content div#abschluss {
clear:both; visibility:none; font-size:9px;
font-family:arial;
color: #282828;
position: center;
background-color: #000;
width: 600px;
height: 20px;
margin: 15px 2px 2px 15px;
}

div#content div#abschluss a, div#content div#abschluss a:link, div#content div#abschluss a:active, div#content div#abschluss a:visited
 { color:white;
font-size:8px;
font-family:arial;
line-height:12px;
text-align: center;
margin: 5px 5px 5px 5px;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
font-style: normal;
padding: 2px 2px 2px 2px;
}

div#content div#abschluss a:hover, div#content div#abschluss a:focus {
color:#000;
cursor: move;
background-color: transparent;
text-decoration: none;
}

textarea { border: 2px dotted #4B5A9F;
background-color:#fff;
width: 100px;
height: 50px;
font-family: Verdana;
font-size: 10px;
line-height: 11px;
color: #2F3963;
}

input { border: 1px solid #ca9d7e;
background-color: transparent;
font-size: 8px;
line-height: 11px;
font-family: arial;
color: #ca9d7e;
}

#title {
width: 600px;
height: 50px;
background-color: transparent;
color: lightblue;
font-family: arial bold;
font-size: 40px;
line-height: 14px;
text-align: center;
letter-spacing: 5;
padding: 5px 0px 0px 0px;
}

h1 {
color: #fff; font: 14px georgia;
border-bottom: 1px dashed lightblue;
}

h2 {
color: #fff; font: 14px georgia; text-decoration: none;
background-color: #03364a;
text-align: center;
border-bottom: 2px solid #295566;
}

::-moz-selection {
background:#4B5A9F;
color:#DEDFED;
}

b, strong { font-family: georgia;
font-size: 11px;line-height: 15px;
font-weight: bold;
color: 34a3cf;
}

i, em { ffont-family: georgia;
font-size: 11px;line-height: 15px;
color: #fff;
font-style: italic;
boder-bottom: 1px dashed ##FF80FF;
}

u { font-family: georgia;
font-size: 11px;
line-height: 15px;
color: #fff;
text-decoration: none;
border-bottom: 2px dashed #34a3cf;
}

s, stroke { font-family: georgia;
font-size: 11px;line-height: 15px;
color: #bb9274;
text-decoration: line-through;
}

m { font-family: georgia;
font-size: 11px;line-height: 15px;
color: #fff;
text-decoration: none;
background-color: #03364a;
padding: 0px 2px 0px 2px;
margin: 0px 2px 0px 2px;
}

#box {
width: 190px;
background-color: #415b65;
font-family: arial;
font-size: 9px;
line-height: 12px;
font-style: normal;
color: #fff;
opacity: 0.8;
}

#box a { text-decoration: none;
color: white;
font-family: arial;
font-size: 8px;
line-height: 12px;
font-style: normal;
text-transform: none;
background-color: transparent;
}

#box a:active { text-decoration: none;
font-family: arial;
font-size: 8px;
line-height: 11px;
color: white;
font-style: normal;
text-transform: none;
background-color: transparent;
}

#box a:visited { text-decoration: none;
font-family: arial;
font-size: 8px;
line-height: 11px;
color: white;
font-style: normal;
text-transform: none;
background-color: transparent;
border-bottom: 1px dashed #e6d1a1;
}

#box a:hover { color:black;
cursor: move;
background-color: transparent;
text-transform: uppercase;
text-decoration: line-through;
font-style: none;
}
</style></head><body style="background-color: rgb(14, 0, 0);"><div id="parent">

<br><br><br><div id="title">Title Here
</div>

<div id="content"><div id="content-left">
<h2>Link header here</h2>

</div></div><div id="content-right">

<h1>Header 1</h1>

Text here

<b>bold text</b><br>
<u>Underlined text</u><br>
<i>italic text</i><br>
<p>

KEEP THE CREDIT LINK!!

</div><b>Credits</b><div id="box">(c) by <a href="http://www.foreverangel.info/">Erin @ F.A.</a></div><br><br><br><br><br><br></div></div></body></html>

Layout Comments

Showing latest 6 of 6 comments

The layout looks great, so does the blend! but i was wondering if you could be a layout like this one, using this pic. of Hilary Duff (made by me using photoshop 6.0) :

And plus if you do make one for me, use the colours from the blend itself.
I'd be veeeerrrryyy grateful. please make me one with the same format and stuff. :)
Thanks if you are going to...

By x-cherries-x on Jun 23, 2008 6:39 am