Ücretsiz Blogger Şablonları

4 Ocak 2011 Salı

Alien shooter blogger şablonu

Template name: alien shooter

Size: 42KB

2 Layers , 2 Columns , Fixed Background

Best quality (IE & Firefox) all Size and Resolutions

<?xml version="1.0" encoding="UTF-8" ?> <!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'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Alien Shooter----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: 2007 July ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#eddeb5" value="#eddeb5"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#000" value="#000000"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#cf0000" value="#cf0000"> <variable name="datecolor" description="Date Header Color" type="color" default="#999" value="#999999"> <variable name="titlecolor" description="Post Title Color" type="color" default="#c30" value="#cc3300"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#fff" value="#ffffff"> <variable name="footercolor" description="Post Footer Color" type="color" default="#877256" value="#877256"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#877256" value="#877256"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#4d4d50" value="#4d4d50"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#877256" value="#877256"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#fff" value="#ffffff"> <variable name="linkcolor" description="Link Color" type="color" default="#DDEAF5" value="#DDEAF5"> <variable name="linkhover" description="Link Hover Color" type="color" default="#c30" value="#cc3300"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#DDEAF5" value="#DDEAF5"> <variable name="descriptioncolor" description="Description Color" type="color" default="#8c952e" value="#8c952e"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#ccc" value="#cccccc"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 85% Verdana, sans-serif" value="normal normal 85% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 240% 'Times New Roman','Georgia'" value="normal bold 240% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 100% 'Georgia','Times New Roman'" value="normal bold 100% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 100% 'Georgia','Times New Roman'" value="normal bold 100% 'Georgia','Times New Roman'"> <variable name="sidefont" description="Sidebar Text Font" type="font" default="normal normal 90% 'Verdana','Arial'" value="normal normal 90% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 80% 'Verdana','Arial'" value="normal normal 80% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: $PageBgColor; scrollbar-face-color: $PageBgColor; scrollbar-highlight-color: #000000;scrollbar-shadow-color: $PageBgColor; scrollbar-3dlight-color: #cccccc;scrollbar-arrow-color: #000000; scrollbar-track-color: #808080;scrollbar-darkshadow-color: #000000; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 7px; padding: 0; } li { list-style: none; padding-left: 9px; margin-bottom: 3px; } /* links */ a:link { color: $linkcolor; text-decoration: none; } a:visited { color: $visitedlinkcolor; } a:hover { color: $linkhover; } a:active { color: $visitedlinkcolor; } /* ---( layout structure )---*/ #outer-wrapper { margin: 0px; text-align: justify; } #content-wrapper { margin-left: 0px; /* to avoid the border image */ width: 650px; } #main { float: right; width: 415px; margin: 0px; padding: 0px 0px 0px 0px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 210px; padding:0px; font: $sidefont; color: $sidebartextcolor; line-height: 1.4em; border: 1px dotted #999; margin-left: 10px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background:#000 url('http://photos1.blogger.com/blogger/2660/3592/1600/alienshooter4.2.jpg') fixed bottom left; } /* ---( header and site name )--- */ #header-wrapper { margin: 0; } #header { margin: 0; width:415; color: $pagetitlecolor; } #header h1 { width: 415px; font: $pagetitlefont; padding: 20px 0px 10px 235px; filter: glow(color=#cc3300,Strength=1); text-align: center;} #header h1 a { text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover { color: #ffffff; } #header .description { margin:0 0px 0px 235px; text-align:left; padding:0px; border-bottom: 1px dotted #999; width:415px; letter-spacing:.1em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin: 0px; padding: 0px; font-size: 70%; color: $datecolor;} .post h3 { margin: 0; font: $titlefont; color: $titlecolor; } .post { margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding:0px; border-bottom: 1px dotted #ddeaf5;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover { color: $titlehovercolor; text-decoration: none; } .post-footer { margin:0; padding: 0px; font-size: 85%; color:$footercolor; text-align:right;} .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #cccccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em; color:$datecolor;} .blog-feeds { text-align: right; color:$datecolor;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: $Commentscolor; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 110%; color: $Commentscolor; height: 30px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 5px 10px;} .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper {float: left; width: 415px; margin: 0px; padding: 0px 0px 0px 235px; font-size: 70%; clear: both; } #footer {width:415px; height:23px; text-align:center; color: #ffc; } #footer-wrapper a { color: #ffc; text-decoration: none;} #footer-wrapper a:hover{ color: #f63; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 100%;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'center'"> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Free" type="'Header'/"> </b:section> </div> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Feed1'" locked="'false'" title="'Technology" type="'Feed'/"> <b:widget id="'HTML1'" locked="'false'" title="'Provider'" type="'HTML'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Free Blogger Templates" href="http://www.finalsense.com/services/blog_templates/" shape="rect">FinalSense</a> </div> </div> </div>  </div></div>  </body> </html>

Nasıl yüklücem Buraya tıkla

Kaynak: http://finalsense.com

Hitmen oyunu blogger şablonu

Template name: Hitman 2

Size: 58KB

2 layer 2, Columns , Fixed Background

Best quality (IE & Firefox) all Size and Resolutions

Demo
Büyük görüntü

<?xml version="1.0" encoding="UTF-8" ?> <!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'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Hitman----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: 2007 July----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#eddeb5" value="#eddeb5"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#000" value="#000000"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#ffc" value="#ffffcc"> <variable name="datecolor" description="Date Header Color" type="color" default="#999" value="#999999"> <variable name="titlecolor" description="Post Title Color" type="color" default="#c30" value="#cc3300"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#fff" value="#ffffff"> <variable name="footercolor" description="Post Footer Color" type="color" default="#877256" value="#877256"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#877256" value="#877256"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#4d4d50" value="#4d4d50"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#877256" value="#877256"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#fff" value="#ffffff"> <variable name="linkcolor" description="Link Color" type="color" default="#DDEAF5" value="#DDEAF5"> <variable name="linkhover" description="Link Hover Color" type="color" default="#c30" value="#cc3300"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#DDEAF5" value="#DDEAF5"> <variable name="descriptioncolor" description="Description Color" type="color" default="#8c952e" value="#8c952e"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#ccc" value="#cccccc"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 85% Verdana, sans-serif" value="normal normal 85% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 240% 'Georgia','Times New Roman'" value="normal normal 240% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 100% 'Georgia','Times New Roman'" value="normal bold 100% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 100% 'Georgia','Times New Roman'" value="normal bold 100% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 80% 'Verdana','Arial'" value="normal normal 80% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:#000 url('http://photos1.blogger.com/blogger/2660/3592/1600/HitMan2.0.jpg') fixed bottom left; scrollbar-face-color: $PageBgColor; scrollbar-highlight-color: #000000;scrollbar-shadow-color: $PageBgColor; scrollbar-3dlight-color: #cccccc;scrollbar-arrow-color: #000000; scrollbar-track-color: #808080;scrollbar-darkshadow-color: #000000; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 7px; padding: 0; } li { list-style: none; padding-left: 9px; margin-bottom: 3px; } /* links */ a:link { color: $linkcolor; text-decoration: none; } a:visited { color: $visitedlinkcolor; } a:hover { color: $linkhover; } a:active { color: $visitedlinkcolor; } /* ---( layout structure )---*/ #outer-wrapper { margin: 0px; text-align: justify; } #content-wrapper { margin-left: 0px; /* to avoid the border image */ width: 647px; } #main { float: right; width: 440px; margin: 0px; padding: 0px 0px 0px 0px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 205px; padding:0px; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center { } /* ---( header and site name )--- */ #header-wrapper { margin: 0; } #header { margin: 0; width:415; color: $pagetitlecolor; } #header h1 { width: 440px; font: $pagetitlefont; padding: 20px 0px 0px 205px; filter: glow(color=#555555,Strength=5); text-align: center;} #header h1 a { text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover { color: #ffffff; } #header .description { margin:-10px 0px 0px 205px; text-align:left; padding-bottom:10px; border-bottom: 1px dotted #999; width:440px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin: 0px; padding: 0px; font-size: 70%; color: $datecolor;} .post h3 { margin: 0; font: $titlefont; color: $titlecolor; } .post { margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding:0px; border-bottom: 1px dotted #ddeaf5;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover { color: $titlehovercolor; text-decoration: none; } .post-footer { margin:0; padding: 0px; font-size: 85%; color:$footercolor; text-align:right;} .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #cccccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em; color:$datecolor;} .blog-feeds { text-align: right; color:$datecolor;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: $Commentscolor; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 110%; color: $Commentscolor; height: 30px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 5px 10px;} .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper {float: left; width: 440px; margin: 0px; padding: 0px 0px 0px 205px; font-size: 70%; clear: both; } #footer {width:415px; height:23px; text-align:center; color: #ffc; } #footer-wrapper a { color: #ffc; text-decoration: none;} #footer-wrapper a:hover{ color: #f63; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 100%;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'center'"> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Free" type="'Header'/"> </b:section> </div> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Free Blogger Templates" href="http://www.finalsense.com/services/blog_templates/" shape="rect">FinalSense</a> </div> </div> </div>  </div></div>  </body> </html>

Nasıl yüklicem Buraya tıkla

İndirdiğimiz şablonları nasıl bloggera yükleriz

iki çeşit olarak ayıralım html ve xml olarak

XML Type for New Blogger

select all code and copy from FinalSense

Push Edit HTML

delete old code and paste new code

push Save button

HTML Type For Classic Mood or Old Blogger

select all code and copy from FinalSense

Revert to Classic Template

Note. These templates do not work on New Blogger .

delete old code and paste new code

push Save button and Republish button

http://finalsense.com

Mafia oyunu blogger şablonu

Template name: mafia

Size: 28KB

Type: New Blogger Template (XML)

(With Google Account )

2 Layers , 2 Columns , Fixed Background

Best quality (IE & Firefox) all Size and Resolutions

Büyük görüntü

Demo

<?xml version="1.0" encoding="UTF-8" ?> <!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'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: mafia----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: 2007 July ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#eddeb5" value="#eddeb5"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#000" value="#000000"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#eddeb5" value="#eddeb5"> <variable name="datecolor" description="Date Header Color" type="color" default="#999" value="#999999"> <variable name="titlecolor" description="Post Title Color" type="color" default="#AABAC4" value="#AABAC4"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#fff" value="#ffffff"> <variable name="footercolor" description="Post Footer Color" type="color" default="#877256" value="#877256"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999" value="#999999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#514D42" value="#514D42"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#999" value="#999999"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#ffc" value="#ffffcc"> <variable name="linkcolor" description="Link Color" type="color" default="#DDEAF5" value="#DDEAF5"> <variable name="linkhover" description="Link Hover Color" type="color" default="#c30" value="#cc3300"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#DDEAF5" value="#DDEAF5"> <variable name="descriptioncolor" description="Description Color" type="color" default="#8c952e" value="#8c952e"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#ccc" value="#cccccc"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 85% Verdana, sans-serif" value="normal normal 85% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 240% 'Georgia','Times New Roman'" value="normal bold 240% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 100% 'Georgia','Times New Roman'" value="normal bold 100% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 100% 'Georgia','Times New Roman'" value="normal bold 100% 'Georgia','Times New Roman'"> <variable name="sidefont" description="Sidebar Text Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 80% 'Verdana','Arial'" value="normal normal 80% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:#000 url('http://photos1.blogger.com/blogger/6591/3933/1600/mafia.jpg') fixed top left; scrollbar-face-color: $PageBgColor; scrollbar-highlight-color: #000000;scrollbar-shadow-color: $PageBgColor; scrollbar-3dlight-color: #cccccc;scrollbar-arrow-color: #000000; scrollbar-track-color: #808080;scrollbar-darkshadow-color: #000000; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 7px; padding: 0; } li { list-style: none; padding-left: 9px; margin-bottom: 3px; } /* links */ a:link { color: $linkcolor; text-decoration: none; } a:visited { color: $visitedlinkcolor; } a:hover { color: $linkhover; } a:active { color: $visitedlinkcolor; } /* ---( layout structure )---*/ #outer-wrapper { margin: 0px; text-align: justify; } #content-wrapper { margin-left: 0px; /* to avoid the border image */ width: 672px; } #main { float: right; width: 460px; margin: 0px; padding: 0px 0px 0px 0px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 205px; padding:0px; font: $sidefont; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center { } /* ---( header and site name )--- */ #header-wrapper { margin: 0; } #header { margin: 0; color: $pagetitlecolor; } #header h1 { width: 460px; font: $pagetitlefont; padding: 25px 0px 10px 210px; filter: glow(color=#ff3300,Strength=2); text-align: center;} #header h1 a { text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover { color: #ffffff; } #header .description { margin:-10px 0px 0px 210px; text-align:left; padding-bottom:10px; border-bottom: 1px dotted #999; width:460px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin: 0px; padding: 0px; font-size: 70%; color: $datecolor;} .post h3 { margin: 0; font: $titlefont; color: $titlecolor; } .post { margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding:0px; border-bottom: 1px dotted #ddeaf5;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover { color: $titlehovercolor; text-decoration: none; } .post-footer { margin:0; padding: 0px; font-size: 85%; color:$footercolor; text-align:right;} .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #cccccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 1.5em; color:$datecolor;} .blog-feeds { text-align: right; color:$datecolor;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: $Commentscolor; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 100%; color: $Commentscolor; height: 30px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 5px 10px;} .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper {float: left; width: 450px; margin: 0px; padding: 0px 0px 0px 200px; font-size: 70%; clear: both; } #footer { height:23px; text-align:center; color: #ffc; } #footer-wrapper a { color: #ffc; text-decoration: none;} #footer-wrapper a:hover{ color: #f63; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 100%;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'center'"> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Free" type="'Header'/"> </b:section> </div> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Free Blogger Templates" href="http://www.finalsense.com/services/blog_templates/" shape="rect">FinalSense</a> </div> </div> </div>  </div></div>  </body> </html>

Nasıl yüklerim Buraya tıkla

New Blogger Template: Batman - The Dark Knight

Demo
Download