Home Hardware Games Software Articles News Services Directory

High Quality Templates For Blogger | Simple Templates | Yellow

196

Template name: Simple Yellow

Size: 19KB

Type: New Blogger Template (XML)

(With Google Account)

Best quality (IE & Firefox) all Size and Resolutions

Large Size

Live Sample

Help

<?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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns: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: Simple-Yellow----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: 2007 July ----- */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#333" value="#333333"> <Variable name="PageBgColor" description="Page Background Color" type="color" default="#d6d7d9" value="#d6d7d9"> <Variable name="pagetitlecolor" description="Page Header Color" type="color" default="#fff" value="#ffffff"> <Variable name="datecolor" description="Date Header Color" type="color" default="#eddeb5" value="#eddeb5"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#c90" value="#cc9900"> <Variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#008000" value="#008000"> <Variable name="footercolor" description="Post Footer Color" type="color" default="#c0c0c0" value="#c0c0c0"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#c90" value="#cc9900"> <Variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#999" value="#999999"> <Variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#f63" value="#ff6633"> <Variable name="linkcolor" description="Link Color" type="color" default="#555" value="#555555"> <Variable name="linkhover" description="Link Hover Color" type="color" default="#369" value="#336699"> <Variable name="descriptioncolor" description="Description Color" type="color" default="#8c952e" value="#8c952e"> <Variable name="Commentscolor" description="Comments Text Color" type="color" default="#666" value="#666666"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 80% Verdana, sans-serif" value="normal normal 80% Verdana, sans-serif"> <Variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 280% 'Times New Roman','Georgia'" value="normal bold 280% 'Times New Roman','Georgia'"> <Variable name="titlefont" description="Post Title Font" type="font" default="normal bold 110% 'Arial','Verdana'" value="normal bold 110% 'Arial','Verdana'"> <Variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 110% 'Arial','Verdana'" value="normal bold 110% 'Arial','Verdana'"> <Variable name="sidebarfont" 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 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: $PageBgColor; } blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; 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: 8px; margin-bottom: 3px; } /* links */ a:link { color: $linkcolor; } a:visited { color: $linkcolor; text-decoration: none; } a:hover { color: $linkhover; text-decoration: none; } a:active { color: $linkcolor; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 770px; margin: 0px auto 0; text-align: justify; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 0px; /* to avoid the border image */ width: 100%; } #main { float: left; width: 500px; margin: 0px; padding-left:20px; 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: right; width: 200px; padding-top: 5px; padding-right: 20px; font: $sidebarfont; 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 {background:#fff url('http://lh4.google.com/jvdmds/RpiKpl_lvWI/AAAAAAAAAao/R0Nd-8jVG9E/back-center.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0px} #header { height:145px; width:770; color: $pagetitlecolor; background: #fae159 url('http://lh4.google.com/jvdmds/RpiD5l_lvFI/AAAAAAAAAYc/_eOcKgt0iz0/yellow-1.jpg'); } #header h1 { width: 730px; font: $pagetitlefont; padding: 43px 20px 12px 20px; filter: glow(color=#000000,Strength=5); text-align: center; } #header h1 a { text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover { color: #fff; } #header .description { margin:0px; text-align:center; padding:0px 20px; width:730px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin: 0; padding-left: 10px; font-size: 75%; color: $datecolor;} .post h3 { margin:0px; padding: 4px 10px; font: $titlefont; color: $titlecolor; background: #fae159 url('http://lh4.google.com/jvdmds/RpiFgl_lvUI/AAAAAAAAAaY/KQtwwnV36P4/yellow-title.jpg') center; border-bottom: 1px solid #c0c0c0;} .post { border: 1px solid #c0c0c0; margin-bottom:20px; background: #fff} .post-body {padding: 0px 10px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover { color: $titlehovercolor; text-decoration: none; } .post-footer {text-align: right; margin: 0px; font-size: 90%; color:$footercolor; border-top: 1px solid #c0c0c0;} .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: left; color:$datecolor;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } .widget-content {padding: 5px} /* comment styles */ #comments { padding-top: 10px; font-size: 100%; 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: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:30px; /* 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; color: $footercolor; } .comment-footer { border-bottom: 1px dashed #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; $footercolor} /* ---( sidebar )--- */ .sidebar h2 {background: #fae159 url('http://lh4.google.com/jvdmds/RpiFgl_lvUI/AAAAAAAAAaY/KQtwwnV36P4/yellow-title.jpg') center; margin:0px; padding: 4px 7px; font: $sidebarheaderfont; color: $sidebarcolor; border-bottom: 1px solid #c0c0c0;} .sidebar .widget {border: 1px solid #c0c0c0; padding: 0px 0 15px 0px; margin-top:20px; background: #ffffff} .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { padding-left: 5px} .profile-textblock { clear: both; margin-left: 5px;} .profile-img { float: left; margin: 3px; border: 1px solid #ddd; padding: 2px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper {float: left; width: 770px; height:53px; margin: 0px; padding:0px; font-size: 73%; background: url('http://lh3.google.com/jvdmds/RpiFOV_lvPI/AAAAAAAAAZw/rVQaut-LWTo/footer.jpg'); clear: both; } #footer { text-align:center; color: #c0c0c0; line-height: 50px;} #footer-wrapper a { color: #c0c0c0; 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'>  <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <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 Blogger Templates (Header)' 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 Posts' 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 Me' type='Profile'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='Feed1' locked='false' title='Headlines' type='Feed'/> <b:widget id='HTML1' locked='false' title='Links' type='HTML'/> </b:section> </div>  <div class='clear'> </div> </div>  <div class='footer section' id='footer'><div id="footer-wrapper"> Design by: <a title="Blogger Templates" href="http://www.finalsense.com/services/blog_templates/" shape="rect">FinalSense</a> </div> </div> </div>  </div></div>  </body> </html>

Note: Replace this XML code with your current code (only for new Blogger)...>>>
you are allowed to use this theme for your blog. free of charge. We do require though that you will keep the hyperlink to our website of the theme while using it.

<<<previous Index next>>>

Subscribe to FinalSense Feeds

Home Hardware Games Software Articles News Services Directory