Layouts - Hearts N Flowers

Layouts

Blogger(159)
LiveJournal(48)
Myspace(2521)
Websites(3)
Xanga(118)
Hi5(157)
Friendster(29)

Scripts

Myspace(1)
Xanga(1)
PHP Scripts(0)

Graphics

Avatars/Icons(241)
Backgrounds(517)
Banners(15)
Photos(22)
Smiley Sets(15)
Wallpapers(272)
Extended Network(17)
Contact Tables(22)
Comments(18)

Tutorials

All Other(78)
CSS(6)
HTML(14)
Javascript(17)
Photoshop(148)

Websites

vBulletin Templates(6)
Clan Templates(0)
Wordpress Themes(64)
Full Websites(704)
phpBB style skins(1)
Flash Sites(45)

Hearts N Flowers

Your Ad Here

Designer's comments

Layout Code

Input Into Template

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>
<style type="text/css">
   body{
    background:#4F011B url(http://replace.photobucket.com/albums/replace/hf_bg1.jpg) repeat;
    color:#0d116f;
    font:13px 'Trebuchet MS';
    text-align:justify;}
   a{
    color:#f914e6;
    text-decoration:none;}
   a:hover{
    color:#f853ea;
    text-decoration:none;}
   a:active{
    color:#d727c8;}
   b,u,strong{
    font-size:11px;
    text-transform:uppercase;}
   blockquote{
    padding:10px;
    color:#F6E49F;
    background:#4F011B;
    border:1px solid #F6E49F;}
   input,textarea{
    font:13px 'Trebuchet MS';
    color:#F6E49F;
    background:#4F011B;
    border:1px solid #F6E49F;
    margin:2px;}
   pre,code,cite,ul,ol,b,i,u,strong,em{
    color:#F6E49F;}
   dt{
    padding:5px;
    letter-spacing:1px;
    color:#CDA854;
    background:#4F011B;
    border:1px solid #F6E49F;
    border-bottom:0px solid #601623;
    font-weight:bold;}
   dd{
    color:#F6E49F;
    background:#4F011B;
    border:1px solid #F6E49F;
    border-top:0px solid #601623;
    padding:0px 10px 10px 30px;
    margin:0px 0px 5px 0px;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    font-size:20px;
    font-weight:bold;
    text-align:left;}
   h1{
    text-align:center;}
   h3{
    font-size:15px;}
   h4{
    font-size:17px;
    text-align:center;}
   h5{
    font-size:20px;
    text-align:right;}
   h6{
    font-size:15px;}
   .header{
    position:absolute;
    left:80px;
    width:590px;
    height:100px; 
    background-color: #abd1f8;opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;
    border:#f2abf8 1px solid;
    padding:10px 20px 30px 20px;
    text-align:justify;
    box-sizing:border-box;}
   .entry{
    position:absolute;
    top:160px;
    left:80px;
    width:450px;
    background-color: #abd1f8;opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;
    border:#f2abf8 1px solid;
    padding:10px 20px 30px 20px;
    text-align:justify;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   *html .entry{
    width:410px;}
   .nav{
    position:absolute;
    top:160px;
    left:560px;
    width:150px;
    background-color: #abd1f8;opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;
    border:#f2abf8 1px solid;
    padding:20px;
    text-align:left;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   *html .nav{
    width:110px;}
   .nav ul{
    margin:0px;
    padding:0px;
    list-style-type:none;}
   .nav p{
    margin:0px 0px 10px 0px;}
   .div,.info{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    text-align:right;}
   .div{
    margin-bottom:30px;
    font-weight:normal;
    font-style:italic;}
   .div a{
    color:#f914e6;}
   .div a:hover{
    color:#f853ea;}</style>
 </head>
 <body>
<div class="header">
<h1 ><br><br><ItemPage><a href="<$BlogURL$>"></ItemPage>
	<$BlogTitle$>
	<ItemPage></a></ItemPage></font></h1>
</div>
  <div class="entry">
<Blogger>
<h2><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></h2>
<h3><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></h3>
<p><$BlogItemBody$></p><p class="info"><$BlogItemAuthor$> at <$BlogItemDateTime$></p>
<p class="div">
<BlogItemCommentsEnabled><a href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled>
</p>
<ItemPage><BlogItemCommentsEnabled>
<h3><$BlogItemCommentCount$> Comments</h3>
<dl><BlogItemComments>
<dt><a name="c<$BlogCommentNumber$>"></a>
at <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentAuthor$> said...</dt>
<dd><p><$BlogCommentBody$></p> <$BlogCommentDeleteIcon$></dd>
</BlogItemComments></dl>
<p class="div"><$BlogItemCreate$></p>
</BlogItemCommentsEnabled></ItemPage>
</Blogger>
  </div>
  <div class="nav">
<h6>diary</h6>
<ul>
<li><a href="<$BlogURL$>">home</a></li>
</ul>
<br>
<h6>previously</h6>
<ul>
<BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
     </BloggerPreviousItems>
</ul>
<br />
<h6>archieves</h6>
<ul>
<BloggerArchives>
<li><a href="<$BlogArchiveLink$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>
<br />

<h6>credits</h6>
<ul>
<li><a href=http://blogspottemplates.blogspot.com>BlogSpot Templates</a></li>
</ul>
<br />

</div>
 </body>
</html>

Your Ad Here

by sat

under Blogger/Newest

View Full Preview

Add To Favourites

Add/View Comments

Tags :

layouts

blogger

Help

Get Personalized Help

Viewed 958 times
In 0 favorite lists
Submitted on April 11,2007

Your Ad Here