Share 4 Know: Free Download Template: Yellow Black Design

Select All and Copy to Get

<?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> <title><data:blog.pageTitle/></title> <b:include data='blog' name='all-head-content'/> <b:skin><![CDATA[/* ----------------------------------------------- *** Templates Novo Blogger *** Name: Template Yellow Black Design(originalmente Mínima) Designer: Ariane Naranjo URL: http://templatesparanovoblogger.blogspot.com Edited: Ikal Adi Lestari Date: 09 Dezembro 2007 *** Não retirar os créditos ! *** Distributed by: http://BTemplates.com ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#ffffff" value="#111111"> <Variable name="headerbgcolor" description="Header Background Color" type="color" default="#353535" value="#353535"> <Variable name="outerbgcolor" description="Outer Background Color" type="color" default="#000000" value="#000000"> <Variable name="mainbgcolor" description="Main Background Color" type="color" default="#ffffff" value="#111111"> <Variable name="sidebarbgcolor" description="Sidebar Background Color" type="color" default="#F5F5F5" value="#111111"> <Variable name="textcolor" description="Text Color" type="color" default="#211C19" value="#ffffff"> <Variable name="linkcolor" description="Link Color" type="color" default="#2F96B9" value="#FEF600"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#F2C888" value="#999999"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#FF7220" value="#808080"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#16110D" value="#7C7001"> <Variable name="bordercolor" description="Border Color" type="color" default="#000000" value="#ffffff"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#E7B99A" value="#E2DA01"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#5F6B22" value="#cccccc"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#267AA6" value="#FEF600"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% 'Palatino Linotype',Trebuchet,Verdana,Sans-serif" value="normal normal 95% Verdana, sans-serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal bold 100% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 95% Georgia, Times, serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 200% Georgia, Times, serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 100% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 75% Georgia, Times, serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> */ body { margin:0 auto 0px; background: url("http://fc06.deviantart.com/fs49/f/2009/173/5/5/floral_abstract_wallpaper_by_mayvood.jpg"); background-attachment:fixed; color:$textcolor; font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-size/* */:/**/small; font-size: /**/small; text-align: lcenter; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } #navbar #Navbar1 iframe{ } /* Header ----------------------------------------------- */ #header-wrapper { width:800px; height:120px; margin:0 auto 0px; } #header { margin:0 auto 0px; width:800px; height:120px; background: $headerbgcolor url("http://mikethorntonweb.com/images/funfilevariationtwo800x400.jpg") repeat; text-align: left; color: #fff; } #header h1 { margin:0px; padding: 40px 0px 0px 25px; line-height:0em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 auto 0px; padding: 10px 0px 0px 30px; max-width:820px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.2em; font: $descriptionfont; color: #fff; } #navigation{ height:35px; width: 800px; line-height:35px; margin:-10px 10px 10px 0px; background: url(http://i870.photobucket.com/albums/ab264/ikhal_zirc/Untitled-1.jpg) repeat-x; } #navigation li{ float:left; list-style-type:none; border-right:1px solid #888888; white-space:nowrap; } #navigation li a{ display:block; padding:0 10px; font-size:0.8em; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #ffffff; } * html #navigation a {width:1%;} #navigation .selected,#navigation a:hover{ background: #D8D102 0 100% repeat-x; color:#000000; border-bottom: 0px solid #D8D102; _border: 0px; text-decoration:none; } #navigation2{ height:35px; width: 800px; line-height:35px; margin:-10px 0px 0px 0px; background: url(http://i870.photobucket.com/albums/ab264/ikhal_zirc/Untitled-1.jpg) repeat-x; } #navigation2 li{ float:left; list-style-type:none; border-right:1px solid #888888; white-space:nowrap; } #navigation2 li a{ display:block; padding:0 10px; font-size:0.8em; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #ffffff; } * html #navigation2 a {width:1%;} #navigation2 .selected,#navigation2 a:hover{ background: #D8D102 0 100% repeat-x; color:#000000; border-bottom: 0px solid #D8D102; _border: 0px; text-decoration:none; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 800px; margin:0 auto 0px; padding:5px; text-align:left; font: $bodyfont; background:$outerbgcolor; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; -khtml-opacity:0.90; } #main-wrapper { background: #111; margin-top: 5px; border: 10px dashed #D8D102; margin-left: 5px; width: 530px; 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-wrapper { background:$sidebarbgcolor; margin-right: 0px; width: 235px; float: right; 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 */ } #sidebar2-wrapper { background: #000; margin-right: 0px; width: 235px; float: right; 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 */ } #sidebar3-wrapper { background: #000; margin-left: 4px; width: 236px; 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 */ } #sidebar4-wrapper { background: #000; margin: 0px; width: 325px; float: center; 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 */ } #sidebar5-wrapper { background:$sidebarbgcolor; margin: -10px 0px 0px 0px; width: 800px; float: center; 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 */ } /* Headings ------------------------------------------------ */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { text-align: center; font: $descriptionfont; padding-bottom: 10px; } .post { margin:10x; line-height:2em; padding: 10px 10px 0px 10px; font: $bodyfont; color: $textcolor; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; border-bottom: 4px solid $bordercolor; } .post h3 a, .post h3 a:visited, .post h3 strong { background-color: #bgcolor; display:block; text-decoration:none; color:$titlecolor; font-weight:bold; padding-left: 15px; border-bottom:1px solid $bordercolor; } .post h3 strong, .post h3 a:hover { background-color: #bgcolor; color:$textcolor; padding-left: 15px; border-bottom:1px solid $bordercolor; } .post p { margin:10px; line-height:1.4em; } .post-footer { background-color: #bgcolor; margin: .75em 0; color:$sidebarcolor; padding-left: 5px; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; font-weight:bold; line-height: 1.1em; border-top:1px dotted $bordercolor; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin: 10px; padding: 8px; background: #D2DFDA; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { padding-left: 10px; margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { padding-left: 5px; margin:1em 0 1.5em; line-height:1.3em; } #comments-block .comment-author { padding-left: 5px; margin:.5em 0; } #comments-block .comment-body { padding-left: 5px; margin:.25em 0 0; } #comments-block .comment-footer { padding-left: 5px; margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { padding-left: 5px; margin:0 0 .75em; } .deleted-comment { padding-left: 5px; font-style:italic; color:gray; } #feed-links { padding-left: 5px; clear: both; line-height: 2.5em; } #blog-pager-newer-link { padding: 5px; float: left; } #blog-pager-older-link { padding: 5px; float: right; } #blog-pager { text-align: center; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1em; margin:0px; } .sidebar h2 { background: url(http://i870.photobucket.com/albums/ab264/ikhal_zirc/Untitled-1.jpg) repeat-x; height:35px; text-align: center; color: #B3AD03; margin:0px; padding: 5px 0px 5px 0px; } .sidebar ul { list-style:none; margin:5px; padding:0 0 0; } .sidebar li { margin:5px; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.2em; border-bottom: 1px dotted $bordercolor; } .sidebar .widget { margin:0px 0px 10px 0px; padding:0px; color: #000000; } .main .widget { margin:0px 0px 10px 0px; padding:0px; } .main .Blog { margin:0px 0px 30px 0px; padding:0px; } /* Profile ----------------------------------------------- */ .profile-img { float: center; margin: 5px; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:5px; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.2em; } .profile-datablock { margin:5px; } .profile-textblock { margin: 5px; line-height: 1.6em; color: $sidebartextcolor; } .profile-link { margin: 5px; font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ------------------------------------------------ */ #footer { background: $headerbgcolor url("http://mikethorntonweb.com/images/funfilevariationtwo800x400.jpg") repeat; width:800px; clear:both; margin:0 auto 0px; padding-top:0px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: left; } /* Credit ------------------------------------------------ */ #credit { width:800px; height:35px; margin:0 auto 0px; background: url("http://i870.photobucket.com/albums/ab264/ikhal_zirc/Untitled-1.jpg"); text-align: center; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } #navbar-iframe { height: 30px; display: none;filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; -khtml-opacity:0.30; } ]]></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='false' title='Blog SRC (Header)' type='Header'/> </b:section> </div>  <div id='navigation'><ul><li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments (RSS)</a></li> <li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Entries (RSS)</a></li> <li><a href='http://zirecue.blogspot.com/1992_10_01_archive.html'>Template Blog</a></li> <li><a href='http://zirecue.blogspot.com/1992_01_01_archive.html'>Guest Book</a></li> </ul></div> <div id='sidebar5-wrapper'><b:section class='sidebar' id='sidebar5' showaddelement='yes'/> </div> <div id='content-wrapper'> <div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='false' title='Posting 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 Me' type='Profile'/> <b:widget id='Label1' locked='false' title='Label' type='Label'/> <b:widget id='BlogArchive2' locked='false' title='Archive' type='BlogArchive'/> <b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'/> </b:section> </div>  <div class='clear'></div> <div id='sidebar2-wrapper'><b:section class='sidebar' id='sidebar2' showaddelement='yes'/> </div> <div id='sidebar3-wrapper'><b:section class='sidebar' id='sidebar3' showaddelement='yes'> <b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/> </b:section> </div> <div id='sidebar4-wrapper'><b:section class='sidebar' id='sidebar4' showaddelement='yes'/> </div> </div> <div id='footer-wrapper'><b:section class='footer' id='footer'/> </div> <div id='credit'>Copyright © 2009 | Powered by <a href='http://blogger.com/'>Blogger</a> 2009 | <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Design by <a href='http://www.zirecue.blogspot.com' shape='rect'>Ikal Adi Lestari</a> </div></div></div> </body> </html>

Enjoy...
Update!!!
Untuk sementara template ini tidak dapat di gunakan...

*****

Share 4 Know

Laman

Kamis, 03 September 2009

Free Download Template: Yellow Black Design

Tidak ada komentar:

Posting Komentar

Mengenai Saya