Blogs Templates Collections for Friendster, Hi5, Myspace, Forum site,Website and more features

Template name: Simple and Red
Size:16 KB
2 Layers , 2 Columns , Fixed Background
Type: Special for Blogger beta
Best quality for IE and Firefox
sample

Layout Code:

<?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 Beta Template Style---- * Name: simple+red ----- * Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: Nov 2006 ----- */ /* Variable definitions ==================== <variable name="mainBgColor" description="Main Background Color" type="color" default="#f0f0f0" value="#f0f0f0"> <variable name="mainTextColor" description="Text Color" type="color" default="#555555" value="#555555"> <variable name="pageHeaderColor" description="Blog Title Color" type="color" default="#f0f0f0" value="#f0f0f0"> <variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#cccccc" value="#cccccc"> <variable name="linkColor" description="Link Color" type="color" default="#006699" value="#006699"> <variable name="hoverLinkColor" description="Link Hover Color" type="color" default="#ff6600" value="#ff6600"> <variable name="dateHeaderColor" description="Date Header Color" type="color" default="#cc3300" value="#cc3300"> <variable name="sidebarHeaderColor" description="Sidebar Title Color" type="color" default="#ffffff" value="#ffffff"> <variable name="sidebarTextColor" description="Sidebar Text Color" type="color" default="#336699" value="#336699"> <variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif"> */ /* Primary layout */ body { margin: 0; padding: 0; border: 0; text-align: center; color: #555555; background: #f0f0f0 url(http://photos1.blogger.com/blogger2/1607/124881090298069/1600/3.gif) top center repeat-y; font-size: small;} img { border: 0; display: block;} .clear { clear: both;} /* Wrapper */ #outer-wrapper { margin: 0 auto; border: 0; width: 692px; text-align: left; background: #ffffff url(http://photos1.blogger.com/blogger2/1607/124881090298069/1600/4.gif) top right repeat-y; font: normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif;} /* Header */ #header-wrapper { background: #d70000 url(http://photos1.blogger.com/blogger2/1607/124881090298069/1600/top.gif) top left repeat-x; margin: 0 auto; padding: 0 0 15px 0; border: 0;} #header h1 { text-align: center; font-size: 200%; color: #f0f0f0; padding: 15px 20px 0 20px; margin: 0; font: normal bold 200% times, 'georgia', ; background-image: url(http://photos1.blogger.com/blogger2/1607/124881090298069/1600/top.gif);} h1 a, h1 a:link, h1 a:visited { color: #006699;} #header .description { font-size: 110%; text-align: left; padding: 3px 20px 10px 23px; margin: 0; line-height:140%; color: #ffeeff;} /* Inner layout */ #content-wrapper { padding: 0 15px;} #main { width: 400px; float: left; 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 { width: 225px; float: right; color: #555555; 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 */} /* Bottom layout */ #footer { clear: left; margin: 0; padding: 0 20px; border: 0; text-align: left; border-top: 1px solid #f9f9f9;} #footer .widget { text-align: left; margin: 0; padding: 10px 0; background-color: transparent;} /* Default links */ a:link, a:visited { font-weight: normal; text-decoration: none; color: #336699; background: transparent;} a:hover { font-weight: normal; text-decoration: underline; color: #ff0000; background: transparent;} a:active { font-weight : normal; text-decoration : none; color: #b90000; background: transparent;} /* Typography */ .main p, .sidebar p { line-height: 140%; margin-top: 5px; margin-bottom: 1em;} h2, h3, h4, h5 { margin: 0; padding: 0;} h2 { color: #ffffff; margin-top: 0px; padding-left: 4px; font-size: 90%; line-height: 150%; background: red url(http://photos1.blogger.com/blogger2/1607/124881090298069/1600/tt.gif); text-align: left;} h2.date-header { color: #999999; font-size: 80%; background: transparent; text-align: left;} .post h3 { color: #ffffff; margin-top: 5px; font-size: 80%; line-height:100%; background: red url(http://photos1.blogger.com/blogger2/1607/124881090298069/1600/tt.gif); text-align: left; padding:4px;} .post h3 A { color:#ffffff; TEXT-DECORATION: none; font-weight: bold;} .post h3 A:hover { color:#cccccc; TEXT-DECORATION: none;font-weight: bold;} .post-footer { font-style: italic;} .post-body { font-style: normal; border: 1px solid #999999; background: #ffffff; padding: 8px; text-align: justify;} .sidebar h2 { color: #f0f0f0;} .sidebar .widget { margin: 12px 0 13px 0; padding: 0;} .main .widget { margin: 12px 0 0 0 ;} #BlogArchive1 {font-style: normal ; border: 1px solid #999999; background: #ffffff; } #Profile1 {font-style: normal; border: 1px solid #999999; background: #ffffff; } li { line-height: 160%;} .sidebar ul { margin-left: 0; margin-top: 0; padding-left: 0;} .sidebar ul li { list-style: disc url(http://www.blogblog.com/moto_ms/diamond.gif) inside; vertical-align: top; padding: 0; margin: 0;} .widget-content { margin-top: 0.5em;} /* Profile ----------------------------------------------- */ .profile-datablock { margin: 3px 0 5px 0; line-height: 140%;} .profile-textblock { margin-left: 0;} .profile-img { float: left; margin: 0 10px 5px 0; border:4px solid #ffcc66;} #comments { border: 0; border-top: 1px dashed #cc0000; margin: 10px 0 0 0; padding: 0;} #comments h4 { margin-top: 10px; margin-bottom: -10px; font-weight: normal; font-style: italic; text-transform: uppercase; letter-spacing: 1px;} #comments dl dt { font-weight: bold; font-style: italic; margin-top: 35px; padding: 1px 0 0 18px; background: transparent url(http://www.blogblog.com/moto_ms/commentbug.gif) top left no-repeat;} #comments dl dd { padding: 0; margin: 0;} .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper { padding-top: 0; } body#layout #header,body#layout #content-wrapper,body#layout #footer { padding: 0; } #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="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Blogger" 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="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'"> <b:widget id="'HTML1'" locked="'false'" title="''" type="'HTML'/"> </b:section> </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.

by Final Sense

Button Code

Other Link

Translate this blog

Subscribe

Link Me

Partners

Links

Latest Post

Blogs Templates Collections

Simple and Red

No comments:

Layouts Search

My Stats