Вы находитесь на странице: 1из 6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.

org/1999/xhtml"> <head> <title><$BlogPageTitle$></title> <$BlogMetaData$> <style type="text/css"> /* ------------------ GENERAL -------------------------*/ body { margin: 0; padding: 0; text-align: center; background: #efefef; font-family: tahoma, verdana, arial, helvetica; font-size: 8pt; line-height: 1.5em; } /* ------------------ BLOG CONTENT -------------------------*/ #wrapper { text-align: left; margin-left: auto; margin-right: auto; color: #666666; width: 700px; background: #ffffff; } #header { margin-bottom: 10px; height: 170px; background: #ffffff url(http://i90.photobucket.com/albums/k268/pernakper nik/gray-forrest.jpg) bottom center no-repeat; } #content { color: #444444; float: left; width: 460px; text-align: justify; letter-spacing: 0.05em;; background: #ffffff; padding: 0; } #sidebar { float: right; text-align: left; color: #666666; width: 210px; padding: 10px 5px 20px 5px; border-left: 1px dashed #cccccc;

background: #ffffff; } #footer { height: 30px; clear: both; color: #666666; text-align: center; background: #DFDFDF; padding-top: 5px; } #header h1{ color: #222222; letter-spacing: 0.12em; padding-left: 15px; padding-right: 15px; font-size: 14pt; font-family: Georgia, verdana, arial, helvetica; } #header h4{ color: #000000; letter-spacing: 0.1em; font-size: 9pt; padding-left: 15px; padding-right: 250px; font-family: Georgia, verdana, arial, helvetica; } /* ------------------ STYLEs -------------------------*/ a, a:visited { color: #777777; text-decoration: none; border-bottom: 1px dotted #D84519; } a:hover { color: #444444; text-decoration: none; background: #E2E2E2; } blockquote { margin-left: 30px; padding: 2px 5px 2px 5px; border-left: 4px solid #cccccc; } .menu-title { font-size: 10pt; font-weight: bold; color: #D84519; line-height: 0em; padding: 15px 3px 6px 3px; border-bottom: 4px solid #dfdfdf; font-family: georgia, arial, verdana, helvetica;

} .post { text-decoration: none; text-align: justify; padding-top: 10px; padding-left: 15px;

} .post-title { font-size: 11pt; color: #D84519; padding: 2px 3px 2px 3px; font-weight: bold; letter-spacing: 0.08em; font-family: georgia, arial, verdana, helvetica; border-bottom: 4px solid #dfdfdf; } .date-header { margin-top: 10px; font-size: 8pt; text-align: left; color: #EBAB00; letter-spacing: 0.3em; border-bottom: 1px dotted #999999; } .post-footer { color: #777777; padding-left: 10px; padding-right: 10px; } .comments { padding: 10px 20px 10px 20px; } .comments h4 { font-size: 8pt; } </style> </head>

<body> <div id="wrapper"> <div id="header"> <h1><$BlogTitle$> </h1> <h4><$BlogDescription$></h4> </div> <!-- ### CONTENT or MAIN COLUMN --> <div id="content"> <div class="head"> </div> <Blogger> <!-- Begin .post --> <div class="post">

<p class="date-header"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHead er> </p> <p class="post-title"><$BlogItemTitle$></p> <$BlogItemBody$> <p class="post-footer">by <$BlogItemAuthorNickname$> at <a href="<$BlogI temPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> | <MainOrArchivePage><BlogItemCommentsEnabled><a href="<$BlogItemComment Create$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled><BlogItemBacklinksEnabled> <a c lass="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a> </BlogItemBacklinksEnabled> </MainOrArchivePage><$Blo gItemControl$> </p> </div> <!-- End POST --> <!-- ### Begin COMMENTS. You can remove or replace these lines below wit h your HaloScan code, BUT don't forget to change your comment setting in blogger .com (Hide comment) --> <ItemPage> <div class="comments"><BlogItemCommentsEnabled><a name="comments"></a> </BlogItemCommentsEnabled><BlogItemCommentsEnabled> <h4><$BlogItemCommentCount$> Comments:</h4> <dl><BlogItemComments> <dt id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>">< /a><$BlogCommentAuthor$> said... </dt> <dd> <p><$BlogCommentBody$></p> </dd> <dd><a href="#<$BlogCommentNumber$>" title="comment permalink"><$B logCommentDateTime$></a><$BlogCommentDeleteIcon$></dd> </BlogItemComments> </dl> <p><$BlogItemCreate$></p> </BlogItemCommentsEnabled><BlogItemBacklinksEnabled><a name="links"> </a></BlogItemBacklinksEnabled> <BlogItemBacklinksEnabled> <h4>Links to this post:</h4> <dl> <BlogItemBacklinks> <dt><$BlogBacklinkControl$><a href="<$BlogBacklinkURL$>" rel="nofo llow"><$BlogBacklinkTitle$></a><$BlogBacklinkDeleteIcon$></dt> <dd><$BlogBacklinkSnippet$> <br /> <span class="comment-poster"> <em>by <$BlogBacklinkAuthor$> @ <$ BlogBacklinkDateTime$></em> </span></dd> </BlogItemBacklinks> </dl> <p><$BlogItemBacklinkCreate$></p> </BlogItemBacklinksEnabled> <p> <a href="<$BlogURL$>">&lt;&lt; Home</a></p> </div> </ItemPage> <!-- ### End COMMENTS --> </Blogger>

</div>

<!-- ### SIDEBAR or MENU --> <div id="sidebar"> <p class="menu-title">Profile</p> <center><img src="<$BlogOwnerPhotoUrl$>"></center> <strong>Name:</strong> <$BlogOwnerFullName$><br /> <strong>From:</strong> <$BlogOwnerLocation$><br /> <strong>About me:</strong> <$BlogOwnerAboutMe$><br /> <center> <a href="<$BlogOwnerProfileUrl$>">More about me...</a> </center> <!-- you can put your blog accesories (part 1) here.. such as: clocklink, YM sta tus, imood, etc --> <p class="menu-title">Recent Entries</p> <BloggerPreviousItems> + <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a><br /> </BloggerPreviousItems> <p class="menu-title">ShoutBox</p> Your Shoutbox/tagboard code here... <br> <p class="menu-title">Archives</p> <BloggerArchives> + <a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><br /> </BloggerArchives> <p class="menu-title">Links</p> <!-- edit this --> + <a href="#edit!">friend1</a><br /> + <a href="#edit!">friend2</a><br /> + <a href="#edit!">friend3</a><br /> <!-- you can put your blog accesories (part 1) here.. such as: weather, gallery, etc --> <p class="menu-title">Credits</p> <!-- please do not remove lines below --> + Engine: <a href="http://www.blogger.com" target="_blank">Blogger.com</a><br /> + Layout: <a href="http://simple-blogskins.blogspot.com" target="_blank">Simpl e-Blogskins</a> <br /> + Header img: <a href="http://www.sxc.hu" target="_blank">SXC.hu</a><br /> </div> <div id="footer"> Your Footer Here. </div> </div> </body>

</html>

Вам также может понравиться