Home Hardware Games Software Articles News Services Directory

Yahoo!

129

Template name: Yahoo IM

Size:25 KB

2 Layers , 2 Columns , Fixed Background

Type: New Blogger Template (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: Yahoo IM! ----- * Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: January 2007 ----- */ /* Variable definitions ==================== <Variable name="mainBgColor" description="Main Background Color" type="color" default="#022e5c"> <Variable name="mainTextColor" description="Text Color" type="color" default="#ffffff"> <Variable name="pageHeaderColor" description="Blog Title Color" type="color" default="#ffff99"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#cccccc"> <Variable name="linkColor" description="Link Color" type="color" default="#cccccc"> <Variable name="hoverLinkColor" description="Link Hover Color" type="color" default="#006699"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#ffffcc"> <Variable name="sidebarHeaderColor" description="Sidebar Title Color" type="color" default="#999999"> <Variable name="sidebarTextColor" description="Sidebar Text Color" type="color" default="#cccccc"> <Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% verdana, tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif"> */ /* Primary layout */ body { margin: 0; padding: 0; border: 0; text-align: left; color: #ffffff; background: #022e5c url(http://photos1.blogger.com/x/blogger/4652/4105/1600/770187/im.jpg) no-repeat fixed bottom left; font-size: small;} img { border: 0; display: block;} .clear { clear: both;} /* Wrapper */ #outer-wrapper { margin-left:5px; auto; border: 0; width: 700px; text-align: left; font: normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif;} /* Header */ #header-wrapper { margin: 2 padding:30 0 15px 0; border: 0;} #header h1 {position : absolute; width: 480px; left: 210px; text-align: center; color: #ffff99; padding: 15px 20px 50 20px; marign: 0; font: normal bold 220% times, 'georgia', ; } h1 a, h1 a:link, h1 a:visited { color: #006699;} #header .description {width: 330px; font-size: 100%; text-align: left; padding: 30px 2px 30px 2px; margin: 0; line-height:140%; color: #858585;} /* Inner layout */ #content-wrapper { padding: 0 5px; } #main { position : absolute; width: 480px; left: 210px; padding-top:70px; 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 { position : absolute; width: 190px; left: 4px; color: #555555; padding-top:80px; 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 { position : absolute; width: 493px; left: 205px; margin: 5; padding: 5 20px; border: 0; text-align: left; } #footer .widget { position : absolute; width: 443px; left: 212px; text-align: left; margin: 0; padding: 10px 0; background-color: transparent;} /* Default links */ a:link, a:visited { font-weight: normal; text-decoration: none; color: #cccccc; background: transparent;} a:hover { font-weight: normal; text-decoration: none; color: #ffff99; 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: #e8ada0; margin-top: 0px; padding-left: 4px; font-size: 90%; line-height: 150%; text-align: left;} h2.date-header { color: #ffffcc; font-size: 80%; background: transparent; text-align: left;} .post h3 { color: #ffffff; margin-top: 5px; font-size: 90%; line-height:100%; text-align: left; padding:4px;} .post h3 A { color:#ffffff; TEXT-DECORATION: none; font-weight: bold;} .post h3 A:hover { color:#ffc1c1; TEXT-DECORATION: none; font-weight: bold;} .post-footer { font-style: italic; border-bottom: 1px solid #cccccc;} .post-body { font-style: normal; padding: 13px; text-align: justify; border-bottom: 1px solid #cccccc;} .sidebar h2 { color: #999999;} .sidebar .widget { margin: 12px 0 13px 0; padding: 0;} .main .widget { margin: 10px 0 0 0 ;} #BlogArchive1 {font-style: normal ; } #Profile1 {font-style: normal; } li { line-height: 150%;} .sidebar ul { margin-left: 0; margin-top: 0; padding-left: 0;} .sidebar ul li { list-style: disc url() inside; vertical-align: top; padding: 0; margin: 0;} .widget-content { margin-top: 0.5em;} /* Profile ----------------------------------------------- */ .profile-datablock {color:#888888; margin: 3px 0 5px 0; line-height: 140%;} .profile-textblock { margin-left: 0;} .profile-img { margin: 0 10px 5px 0; border:1px solid #999999;} #comments { border: 0; 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'>  <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Blogger Design (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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='About Me' 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.

<<<previous Index next>>>

Subscribe to FinalSense Feeds

Home Hardware Games Software Articles News Services Directory