Layouts - Cat

Layouts

Blogger(157)
LiveJournal(48)
Myspace(2490)
Websites(2)
Xanga(118)
Hi5(155)
Friendster(29)

Scripts

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

Graphics

Avatars/Icons(241)
Backgrounds(514)
Banners(15)
Photos(21)
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)

Cat

Your Ad Here

Designer's comments

Layout Code

Input Into Template

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="Shortcut Icon" href="http://replace.photobucket.com/albums/replace/imagex01.jpg">
  <title><$BlogPageTitle$></title>
  <$BlogMetaData$>

/* -- basic html elements -- */
body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #000; text-align: center;
background: transparent url(http://replace.photobucket.com/albums/replace/cat_bg.jpg) bottom left no-repeat fixed;
}
a {color: #555252; font-weight: normal; text-decoration: none;  }
a:visited {color: #4e4444;}
a:hover {color: #000;}

h1 {margin: 0; color: #000; font-size: 1.5em; }
h1 a {color: #7B8186;}
h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #000; background: transparent url(http://replace.photobucket.com/albums/replace/paw.gif) bottom right no-repeat; padding-bottom: 2px;border-bottom:thin dotted black;
          color:#000;}
h3 {font-size: 1em; margin: 2em 0 0 0; background: transparent url(http://replace.photobucket.com/albums/replace/paw_t.gif) bottom left no-repeat; padding-left: 25px;padding-bottom: 1px;border-bottom:2px dashed #000;}
h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;}
h5 {color: #000;}
h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;}

p {margin: 0 0 1em 0;}
img, form {border: 0; margin: 0;}

/* -- layout -- */
#content {width: 738px; margin: 0 auto; text-align: left; }
#header {}
#header div {margin-left:50;margin-top:18px;width:450px;height:150px;}
#main {
 line-height: 1.4;
 float: left;
 padding: 10px 25px;
 border-top: solid 0px #fff;
 width: 450px;
 /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
 voice-family: "\"}\""; 
 voice-family: inherit;
 
}
/* IE5 hack */
#main {}
#sidebar {margin-left: 533px; border-top: solid 0px #fff; padding: 4px 0 0 7px; width:190px;}
#footer {clear: both; border-top: solid 0px #fff;}
#pcent {font-weight: normal; text-decoration: none;}
/* -- header style -- */
#header h1 {padding: 24px 0 12px 24px; width: 490px; line-height: 1;}
#header p {padding: 24px 0 12px 24px; width: 490px; line-height: 1;}
/* -- content area style -- */
#main {line-height: 1.4;}
h3.post-title {font-size: 1.2em; margin-bottom: 0;}

h3.post-title a {color: #000;}
.post {clear: both; margin-bottom: 4em;}
.post-footer em {color: #000; font-style: normal; float: left;}
.post-footer .comment-link {float: right;}
#main img {border: solid 0px #E3E4E4; padding: 2px; background: #fff;}
.deleted-comment {font-style:italic;color:gray;}

/* -- sidebar style -- */
#sidebar #description {border: solid 0px #F3B89D; padding: 10px 17px; color: #000; font-size: 1.2em; font-weight: normal; line-height: 0.9; margin: 0 0 0 -6px;width:190px;}
#sidebar h2 {font-size: 1.0em; margin: 1.3em 0 0.5em 0;background: transparent url(http://replace.photobucket.com/albums/replace/paw.gif) bottom right no-repeat; padding-bottom: 2px;}
#sidebar dl {margin: 0 0 10px 0;}
#sidebar ul {list-style: none; margin: 0; padding: 0;}
#sidebar li {padding-bottom: 5px; line-height: 0.9;}
#sidebar a {color: #555252; font-weight: normal; text-decoration: none;font-size: 0.9em; padding-left:15px; }
#sidebar a:visited {color: #4e4444; padding-left:15px;}
#sidebar a:hover {color:black;
              background:transparent url(http://replace.photobucket.com/albums/replace/paw.gif);
              background-position:0 0;
              background-repeat:no-repeat;
              padding-left:15px;
              border-bottom:1px dotted #98B952
          }
.small{font-size: 0.8em;}

#profile-container {color: #000;}
#profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;}
.archive-list {margin-bottom: 2em;}
#powered-by {margin: 10px auto 20px auto;}

/* -- sidebar style -- */
#footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;}
#footer hr {display: none;}

</style>

</head>

<body>

<div id="content" style="LEFT: 24px; POSITION: absolute; TOP: 0px; visibility:visible; ">

<BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>
  
  
  <div class="post"><a name="<$BlogItemNumber$>"></a>
     
    <BlogItemTitle>
    <h3 class="post-title">
	 <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
	 <$BlogItemTitle$>
	 <BlogItemUrl></a></BlogItemUrl>
    </h3>
    </BlogItemTitle>
     
    <p><$BlogItemBody$></p>
        
    <p class="post-footer">

<em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
      <BlogItemCommentsEnabled>
         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>Comments: <$BlogItemCommentCount$></a>
      </BlogItemCommentsEnabled> <$BlogItemControl$>
    </p>
  </div>

</Blogger>
</div>

<div id="sidebar">

<$BlogMemberProfile$>
  
  <h2 class="sidebar-title">Previous Posts</h2>
  
  <ul id="recently">
    <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
     </BloggerPreviousItems>
  </ul>

<h2 class="sidebar-title">Archives</h2>
  
  <ul class="archive-list">
   	  <BloggerArchives>
    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
	  </BloggerArchives>
      <ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
  </ul>
  </MainOrArchivePage>

<!--

<rdf:RDF xmlns="http://web.resource.org/cc/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
   <license rdf:resource="http://creativecommons.org/licenses/by-nc-nd/2.0/" />
</Work>

</rdf:RDF>

-->
<br>Blog Design By: <a
href="http://blogspottemplates.blogspot.com/">BlogSpot Templates</a><BR>

</div>

<div id="footer">
  <p>
 </p>
</div>

</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 437 times
In 0 favorite lists
Submitted on April 11,2007

Your Ad Here