Free Blogger Template: Template 3::Ferrari

Template name: Ferrari f1

Size:30 KB

2 Layers , 2 Columns , Fixed Background

Special for Blogger (blogspot)

Best quality (IE & Firefox) all Size and Resolutions

<!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" lang="en" lang="en"> <head> <meta equiv="Content-Type" content="text/html; charset=utf-8"> <title><$BlogPageTitle$></title> <span style="color:#FFFFCC;"><$BlogMetaData$> <style type="text/css"> /* ----------------------------------------------- Blogger Template Style Name: ferrari Designer:javad aghili URL: www.finalsense.com ----------------------------------------------- */ body {margin:10px; text-align:left; background:#0a0a0a no-repeat fixed top right; padding-left:10px; padding-right:3px; padding-top:0px; padding-bottom:3px } body { background-attchment:fixed ; margin:10; padding:40px 20px; font:x-small Georgia,Serif; text-align:left; color:#ffffff; font-size/* */:/**/small; font-size: /**/small; } a:link { color:#58a; text-decoration:none; } a:visited { color:#969; text-decoration:none; } a:hover { color:#c60; text-decoration:underline; } a img { border-width:50; } /* Header ----------------------------------------------- */ #header { width:720px; margin:50 auto 10px; } #blog-title { line-height:1.2em; font-weight:normal; color:#666; text-transform:uppercase; letter-spacing:.2em; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:0; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:.25em } #blog-title a { color:#666; text-decoration:none; } #blog-title a:hover { color:#c60; } #description { text-transform:uppercase; letter-spacing:.2em; color:#999; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4em; font-size:78%; font-family:Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif; margin-left:5px; margin-right:5px; margin-top:0; margin-bottom:5px; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:20px } /* Content ----------------------------------------------- */ #content { width:740px; margin:10 auto; padding:10; text-align:left; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:0; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:.25em } #main { width:500px; float:left; } #sidebar { width:170px; float:right; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } /* Posts ----------------------------------------------- */ .date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; } .post-title { margin:.25em 5 5; padding:0 0 4px; font-size:145%; font-weight:normal; line-height:1.4em; color:#c60; } .post-title a, .post-title a:visited, .post-title strong { display:block; text-decoration:none; color:#c60; font-weight:normal; } .post-title strong, .post-title a:hover { color:#333; } .post div { margin:0 0 .75em; line-height:1.6em; } p.post-footer { margin:-.25em 0 0; color:#ccc; } .post-footer em, .comment-link { font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .post-footer em { font-style:normal; color:#999; margin-right:.6em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid #ddd; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } /* Sidebar Content ----------------------------------------------- */ #sidebar { width:190px; margin:50 auto 10px; border:1px solid red; } #sidebar ul { margin:0 0 1.5em; padding:0 0 1.5em; border-bottom:1px dotted #ccc; list-style:none; } #sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } #sidebar p { color:#666; line-height:1.5em; } /* Profile ----------------------------------------------- */ #profile-container { margin:0 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; } .profile-datablock { margin:.5em 0 .5em; } .profile-img { display:inline; } .profile-img img { float:left; padding:4px; border:1px solid #ddd; margin:0 8px 3px 0; } .profile-data { margin:0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .profile-data strong { display:none; } .profile-textblock { margin:0 0 .5em; } .profile-link { margin:0; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } /* Footer ----------------------------------------------- */ #footer { width:720px; clear:both; margin:10 auto; } #footer hr { display:none; } #footer p { margin:10; padding-top:15px; font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } </style> </head> </span> <body bgproperties="fixed" style="background-image: url('http://photos1.blogger.com/blogger/2128/1821/1600/F1ferrari.1.jpg')" topmargin="0" leftmargin="50"> <div id="header" style="width: 744; height: 105"> <h1 id="blog-title" style="text-align: left"> <a href="">"> <itempage></itempage> <span style="color:#FF0000;"><$BlogTitle$> </span> <itempage></itempage> </a> </h1> <p id="description" style="text-align: left"><span style="color:#FFCC66;"> <$BlogDescription$></span></p> </div>  <div id="content"> <h1> </h1>  <div id="main" style="filter:alpha(opacity=75); background-color:#0a0a0a"> <div id="main2" style="width: 417; height: 639"> <blogger> <blogdateheader> <h1><span style="font-weight: 400"> <span style="font-family:Arial;font-size:85%;"><$BlogDateHeaderDate$></span></span></h1> </blogdateheader>  <div class="post"><a name="">"></a> <blogitemtitle> <h3 class="post-title"> <a href="">" title="external link"> <blogitemurl></blogitemurl> <$BlogItemTitle$> <blogitemurl></blogitemurl> </a> </h3> </blogitemtitle> <div class="post-body"> <div> <$BlogItemBody$> </div> </div> <p class="post-footer"> <em>posted by <$BlogItemAuthorNickname$> at <a href="">" title="permanent link"> <$BlogItemDateTime$></a></em> <mainorarchivepage><blogitemcommentsenabled> <a class="comment-link" href="">"<$BlogItemCommentFormOnclick$> ><$BlogItemCommentCount$> comments</a> </blogitemcommentsenabled><blogitembacklinksenabled> <a class="comment-link" href="">#links"> links to this post</a> </blogitembacklinksenabled> </mainorarchivepage> <$BlogItemControl$> </p> </div>   <itempage> <div id="comments"> <blogitemcommentsenabled><a name="comments"></a> <h4><$BlogItemCommentCount$> Comments:</h4> <dl id="comments-block"> <blogitemcomments> <dt class="comment-poster" id="">"> <a name="">"></a> <$BlogCommentAuthor$> said... </dt> <dd class="comment-body"> <p><$BlogCommentBody$></p> </dd> <dd class="comment-timestamp"><a href="">" title="comment permalink"> <$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$> </dd> </blogitemcomments> </dl> <p class="comment-timestamp"> <$BlogItemCreate$> </p> </blogitemcommentsenabled> <blogitembacklinksenabled> <a name="links"></a><h4>Links to this post:</h4> <dl id="comments-block"> <blogitembacklinks> <dt class="comment-title"> <$BlogBacklinkControl$> <a href="">" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$> </dt> <dd class="comment-body"><$BlogBacklinkSnippet$> <br /> <span class="comment-poster"> <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em> </span> </dd> </blogitembacklinks> </dl> <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p> </blogitembacklinksenabled> <p class="comment-timestamp"> <a href="">"><<> </p> </div> </itempage>  </blogger> </div></div>  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100" height="70"> <tr> <td> </td> </tr> </table>  <div id="sidebar" style="filter:alpha(opacity=50); background-color:black"><div id="sidebar2">  <mainorarchivepage> </mainorarchivepage> <mainorarchivepage> <h2 class="sidebar-title" style="text-align: center"><b> <span style="font-size:85%;">Archives</span></b></h2> <ul class="archive-list"> <bloggerarchives> <li> <p style="text-align: center"><a href="">"> <$BlogArchiveName$></a></li> </bloggerarchives> </ul> </mainorarchivepage> <ul> <mainorarchivepage> <li> <p style="text-align: center"><b><span style="font-family:Georgia;"> <a href="http://www.finalsense.com"><span style="color:#FFFFFF;">FINAL</span><span style="color:#808080;">SENSE</span></a></span></b></li> <li> <p style="text-align: center"><span style="text-transform: uppercase"> <b><span style="font-family:Georgia;color:#5588AA;"> <a href="http://www.blogger.com"><span style="color:#FFFFFF;">blogger</span></a></span></b></span></li> <li> <p style="text-align: center"><span style="text-transform: uppercase"> <b><span style="font-family:Georgia;color:#5588AA;"><a href="http://www.google.com"> <span style="color:#FFFFFF;">google</span></a></span></b></span></li> </mainorarchivepage> </ul> <p id="powered-by"> </p>  </div></div>  </div>   <div id="footer"><hr /> <p> </p> </div>  <table border="0" cellpadding="0" cellspacing="0" style="filter:alpha(opacity=45); background-color:#000000; border-collapse:collapsecolor:#FF0000;" width="780" border height="17"> <tr> <td height="17"> <div align="right"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse;color:#FF0000;" width="772" border> <tr> <td width="772"> <p align="right"> <span style="font-family:Verdana;font-size:78%;"> <span style="letter-spacing: 2; text-transform: capitalize"> <span style="color:#333300;"><a href="blog.finalsense.com"><span style="color:#666666;"> </span></a></span> <a target="_blank" href="http://www.finalsense.com"><span style="color:#666666;">designed by</span><span style="color:#FFFFCC;"> finalsense.com</span></a></span></span></td> </tr> </table> </div> </td> </tr> </table> </body> </html>

Revert to classic template first! and replace this HTML code with your current template code...

Free Blogger Template

Template 3::Ferrari

No comments:

Blogger XML Templates