quinta-feira, 20 de janeiro de 2011
[Entrega] Brenda Fanfics - Layout Simples
Brenda, seu layout simples está pronto!
:D
Espero que goste, pegue o codigo abaixo e cole em "Editar HTML"
Código:
<?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <html expr:dir='data:blog.languageDirection' 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'><br /> <head><br /> <br /> <b:if cond='data:blog.pageType == "index"'><br /> <title><data:blog.pageTitle/></title><br /> <b:else/><br /> <title><data:blog.pageName/></title><br /> </b:if><br /> <b:include data='blog' name='all-head-content'/><br /> <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/><br /> <b:skin><![CDATA[ /* ************************************ Blogger Template : Nome: Brenda Fanfics Date: 20/01/2011 Layout by: Thaay(Encomendas Teen) ************************************ /* Variable definitions ==================== <Variable name="bodybackgroundcolor" description="Page Background" type="color" default="#CCC" value="#010101"><br /> <Variable name="bodyfont" description="Page Text" type="font" default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Verdana, Geneva, sans-serif;"><br /> <Variable name="bodytextcolor" description="Page Text Color" type="color" default="#333" value="#454546"><br /> <br /> <Variable name="headerfont" description="Blog Title Font" type="font" default="normal normal 42px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 42px 'Lobster', Verdana, Geneva, sans-serif;"><br /> <Variable name="headertextcolor" description="Blog Title Color" type="color" default="#FFF" value="transparent"><br /> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Verdana, Geneva, sans-serif;"><br /> <Variable name="descriptiontextcolor" description="Blog Description Color" type="color" default="#FFF" value="#ffffff"><br /> <Variable name="postdatefont" description="Post Date Font" type="font" default="italic normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 11px Verdana, Geneva, sans-serif;"><br /> <Variable name="postdatetextcolor" description="Post Date Color" type="color" default="#777" value="#000000"><br /> <Variable name="posttitlefont" description="Post Title Font" type="font" default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Verdana, Geneva, sans-serif;"><br /> <Variable name="posttitletextcolor" description="Post Title Color" type="color" default="#222" value="#ffffff"><br /> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Verdana, Geneva, sans-serif;"><br /> <Variable name="postfootertextcolor" description="Post Footer Color" type="color" default="#222" value="#686868"><br /> <Variable name="widgettitlefont" description="Gadgets Title Font" type="font" default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 20px Verdana, Geneva, sans-serif;"><br /> <Variable name="widgettitletextcolor" description="Gadgets Title Color" type="color" default="#222" value="#ffffff"><br /> <Variable name="widgettextcolor" description="Gadgets Text Color" type="color" default="#555" value="#454546"><br /> <Variable name="blockquotefont" description="Blockquote Font" type="font" default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px 'Times New Roman', Times, FreeSerif, serif;"><br /> <Variable name="blockquotecolor" description="Blockquote Color" type="color" default="#222" value="#5c6b76"><br /> <Variable name="linkcolor" description="Link Color" type="color" default="#39C" value="#ad1f23"><br /> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#ad1f23"><br /> <Variable name="hoverlinkcolor" description="Hover Link Color" type="color" default="#39F" value="#ad1f23"><br /> */<br /> /* Use this with templates/template-twocol.html */<br /> <br /> .quickedit, a.quickedit img{display:none;}<br /> #navbar-iframe{display:none !important;}<br /> /* Content<br /> ----------------------------------------------- */<br /> html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,span,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;list-style-type: none;}<br /> body#layout #outer-wrapper{width:1000px !important;}<br /> body#layout #credits, body#layout #search{display:none;}<br /> body#layout #footer-wrapper, body#layout #header-wrapper, body#layout #menu-wrapper{height:100%;}<br /> body#layout #main-wrapper, body#layout #sidebar-wrapper {margin-top:0px;}<br /> a img{border-width:0;}<br /> body {<br /> font: $bodyfont;<br /> color: $bodytextcolor;<br /> background: $bodybackgroundcolor url(http://img842.imageshack.us/img842/7987/cabealhadobf.png) no-repeat top center;<br /> line-height:1.6em;<br /> text-align: left;<br /> }<br /> a:link{text-decoration:none;color:$linkcolor;}<br /> a:visited{text-decoration:none;color:$visitedlinkcolor;}<br /> a:hover{text-decoration:underline;color:$hoverlinkcolor;}<br /> /* Header<br /> ----------------------------------------------- */<br /> #header-wrapper {<br /> width: 984px;<br /> height:530px;<br /> }<br /> #header {<br /> width: 600px;<br /> padding:8px 0 0 25px;<br /> color: $headertextcolor;<br /> float:left;<br /> }<br /> .header h1 {<br /> font: $headerfont;<br /> color: $headertextcolor;<br /> letter-spacing:-1px;<br /> }<br /> .header h1 a {<br /> color: $headertextcolor;<br /> }<br /> #header a:hover {<br /> color: $headertextcolor;<br /> text-decoration:none;<br /> }<br /> .header .description {<br /> font: $descriptionfont;<br /> color: $descriptiontextcolor;<br /> max-width:550px;<br /> }<br /> /* Search<br /> ----------------------------------------------- */<br /> #search{<br /> width:310px;<br /> float:right;<br /> padding-top:55px;<br /> }<br /> #searchform{<br /> background:transparent;<br /> }<br /> #searchtext{<br /> background:transparent;<br /> width:180px;<br /> padding:8px 0 0 6px;<br /> color:#ada19a;<br /> border:none;<br /> float:left;<br /> }<br /> #searchbutton{<br /> background:transparent;<br /> margin-left:40px;<br /> width:40px;<br /> height:40px;<br /> border:none;<br /> float:left;<br /> }<br /> #welcome-wrap{<br /> width: 400px;<br /> padding:0px 0 0 230px;<br /> float:left;<br /> font-size:11px;<br /> color: #fff;<br /> }<br /> #welcome-wrap h2{<br /> font: normal 30px 'Lobster', Verdana, Geneva, sans-serif;;<br /> }<br /> #welcome-wrap .widget-content{<br /> line-height:1.3em;<br /> padding:0 60px 0 20px;<br /> }<br /> #adbanner{<br /> width: 310px;<br /> float:right;<br /> padding-top:12px;<br /> }<br /> .adstyle{<br /> width:125px;<br /> height:125px;<br /> float:left;<br /> }<br /> .adstyle img{<br /> width:125px;<br /> height:125px;<br /> }<br /> #adbanner-l{<br /> margin-right:18px;<br /> }<br /> /* Pages<br /> ----------------------------------------------- */<br /> #PageList1 h2{<br /> display:none;<br /> }<br /> #menu-wrapper{<br /> width: 984px;<br /> height:96px;<br /> font:bold 14px Verdana;<br /> }<br /> #menu ul{<br /> padding:70px 0 0 40px;<br /> }<br /> #menu li {<br /> display:inline;<br /> margin-right:0px;<br /> }<br /> #menu li a {<br /> background:url(http://2.bp.blogspot.com/_dZM2bJJMfBs/TP16uHBJ5wI/AAAAAAAAAP4/O9Ca0w8Yw80/s000/menu-divider.png) no-repeat top right;<br /> color:#8a7568;<br /> font-weight:bold;<br /> padding:12px 13px 5px 8px;<br /> }<br /> #menu li.selected a{<br /> color:#d6c3a1;<br /> font-weight:bold;<br /> }<br /> #menu li a:hover {<br /> text-decoration:none;<br /> color:#d6c3a1;<br /> }<br /> /* Columns<br /> ----------------------------------------------- */<br /> #outer-wrapper {<br /> width: 984px;<br /> margin:0 auto;<br /> text-align:left;<br /> }<br /> #content-wrapper {<br /> background:#fff;<br /> width: 984px;<br /> }<br /> #crosscol-wrapper{<br /> display:none;<br /> }<br /> #main-wrapper {<br /> width: 600px;<br /> float: left;<br /> padding-left:30px;<br /> margin-top:-35px;<br /> }<br /> #sidebar-wrapper {<br /> width: 337px;<br /> float: right;<br /> margin-right:-7px;<br /> margin-top:-35px;<br /> color: $widgettextcolor;<br /> }<br /> #sidebar-wrapper .widget-content{<br /> padding:0 30px 0 7px;<br /> }<br /> /* Sidebar Headings<br /> ----------------------------------------------- */<br /> #sidebar-wrapper h2 {<br /> background:url(http://img12.imageshack.us/img12/4007/sidebaru.png) no-repeat left center;<br /> height:36px;<br /> padding:12px 0 0 15px;<br /> font: $widgettitlefont;<br /> color: $widgettitletextcolor;<br /> }<br /> /* Posts<br /> -----------------------------------------------*/<br /> h2.date-header {<br /> margin:0 0 .5em;<br /> padding:4px 0 4px 10px;<br /> font: $postdatefont;<br /> color:$postdatetextcolor;<br /> background:#900;<br /> -moz-border-radius-bottomleft:5px;<br /> -moz-border-radius-bottomright:5px;<br /> -webkit-border-bottom-left-radius:5px;<br /> -webkit-border-bottom-right-radius:5px;<br /> }<br /> .post {<br /> margin-bottom:20px;<br /> padding-bottom:20px;<br /> }<br /> h3.entry-title {<br /> background:url(http://img412.imageshack.us/img412/9956/postil.png) no-repeat left center;<br /> height:36px;<br /> padding:12px 0 0 45px;<br /> margin-left:-37px;<br /> font: CenturyGothic;<br /> color:$posttitletextcolor;<br /> }<br /> h3.entry-title a, h3.entry-titlea:visited, h3.entry-title strong {<br /> color:$posttitletextcolor;<br /> text-decoration:none;<br /> }<br /> h3.entry-title strong, h3.entry-title a:hover {<br /> color:$posttitletextcolor;<br /> text-decoration:none;<br /> }<br /> .post-body{<br /> margin: 15px 0 20px;<br /> line-height:1.4em;<br /> }<br /> .post blockquote {<br /> font: $blockquotefont;<br /> color: $blockquotecolor;<br /> line-height:1.4em;<br /> padding:3px 0 3px 12px;<br /> }<br /> .post-body ul, .post-body ol{<br /> padding: 5px 10px 5px 30px;<br /> }<br /> .post-body ul li{<br /> padding: 1px 0;<br /> list-style-type: disc;<br /> }<br /> .post-body ol li{<br /> padding: 1px 0;<br /> list-style-type: decimal;<br /> }<br /> .jump-link{<br /> display:inline;<br /> }<br /> .post-footer {<br /> margin: .75em 0;<br /> font: $postfooterfont;<br /> color:$postfootertextcolor;<br /> line-height: 1.4em;<br /> }<br /> .comment-link {<br /> background:url(http://img413.imageshack.us/img413/5201/comentariosp.png) no-repeat left center;<br /> margin-left: .6em;<br /> padding-left:20px;<br /> }<br /> .tr-caption-container img {<br /> border: none;<br /> padding: 0;<br /> }<br /> .post-share-buttons{<br /> display:none;<br /> }<br /> /* Comments<br /> ----------------------------------------------- */<br /> #comments, #comments h4 {<br /> margin:10px 0;<br /> }<br /> #comments-block .comment-author, #comments-block .comment-body, #comments-block .comment-footer{<br /> background:#fff;<br /> }<br /> #comments-block .comment-author {<br /> padding:7px 0 5px 10px;<br /> border:1px solid #ccc;<br /> border-bottom:none;<br /> -moz-border-radius-topleft:5px;<br /> -moz-border-radius-topright:5px;<br /> -webkit-border-top-left-radius:5px;<br /> -webkit-border-top-right-radius:5px;<br /> }<br /> #comments-block .comment-body {<br /> border-left:1px solid #ccc;<br /> border-right:1px solid #ccc;<br /> }<br /> #comments-block .comment-footer {<br /> padding:10px 0 7px 10px;<br /> margin-bottom:25px;<br /> font-size:85%;<br /> border:1px solid #ccc;<br /> border-top:none;<br /> }<br /> #comments-block .comment-body p {<br /> padding:0 10px;<br /> }<br /> .deleted-comment {<br /> color:gray;<br /> font-style:italic;<br /> }<br /> .comment-form{<br /> padding-left:45px;<br /> }<br /> #blog-pager {<br /> text-align:center;<br /> }<br /> #blog-pager-newer-link {<br /> float:left;<br /> margin-left:15px;<br /> }<br /> #blog-pager-older-link {<br /> float:right;<br /> margin-right:15px;<br /> }<br /> .feed-links {<br /> clear: both;<br /> line-height: 2.5em;<br /> display:none;<br /> }<br /> /* Sidebar Content<br /> ----------------------------------------------- */<br /> .sidebar {<br /> line-height: 1.5em;<br /> }<br /> .sidebar .widget, .main .widget { <br /> margin:0 0 1.5em;<br /> padding:0 0 1.5em;<br /> }<br /> .sidebar li{<br /> background:url no-repeat left center;<br /> padding:8px 0 4px 24px;<br /> line-height:1.5em;<br /> border-bottom:1px dotted #494849;<br /> font-size:17px;<br /> }<br /> /* Profile <br /> ----------------------------------------------- */<br /> .profile-img{<br /> padding:2px;<br /> margin-right:5px;<br /> border:1px solid #ccc;<br /> float:left;<br /> }<br /> /* Bottom Wrapper<br /> ----------------------------------------------- */<br /> #bottom-wrapper{<br /> background:#2c251c url(http://1.bp.blogspot.com/_dZM2bJJMfBs/TP16wW7DSFI/AAAAAAAAAQM/plOp3d1Pf8A/s000/bgbottom.png) repeat-x;<br /> width:984px;<br /> padding:15px 0;<br /> float:left;<br /> color:#9c8f7c;<br /> }<br /> .bottoms{<br /> width:270px;<br /> margin-right:45px;<br /> float:left;<br /> }<br /> #bottom-l{<br /> margin-left:40px;<br /> }<br /> #bottom-r{<br /> margin-right:40px;<br /> }<br /> .bottoms h2{<br /> font: $widgettitlefont;<br /> color:#9c8f7c;<br /> padding-bottom:7px;<br /> border-bottom:1px dotted #9c8f7c;<br /> }<br /> .bottoms li{<br /> padding:3px 0 3px 0px;<br /> line-height:1.5em;<br /> }<br /> .bottoms a{<br /> color:#9c8f7c;<br /> }<br /> /* Footer<br /> ----------------------------------------------- */<br /> #footer-wrapper {<br /> background:#1c1812;<br /> width:984px;<br /> float:left;<br /> padding:15px 0 10px;<br /> }<br /> #credits{<br /> color: #494339;<br /> color:#646565;<br /> line-height:1.1em;<br /> font-size:12px;<br /> }<br /> #credits a{<br /> color:#646565;<br /> }<br /> #credits a:hover{<br /> color:#646565;<br /> }<br /> .copyright{<br /> width:45%;<br /> margin-left:10px;<br /> float:left;<br /> }<br /> .author{<br /> width:45%;<br /> margin-right:10px;<br /> text-align:right;<br /> float:right;<br /> }<br /> ]]></b:skin><br /> </head><br /> <body> <br /> <div id='outer-wrapper'><div id='wrap2'><!-- skip links for text browsers --><br /> <span id='skiplinks' style='display:none;'><br /> <a href='#main'>skip to main </a> |<br /> <a href='#sidebar'>skip to sidebar</a><br /> </span><br /> <div id='menu-wrapper'><b:section class='menu' id='menu'/><br /> </div><div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='. (Cabeçalho)' type='Header'/><br /> </b:section><br /> <div id='search'><form action='/search' id='searchform' method='get'><input id='searchtext' name='q' type='text' value='Enter Keyword(s)'/><br /> <input id='searchbutton' size='10' type='submit' value=''/><br /> </form></div><div class='clear'> </div><div id='welcome-wrap'> <b:section class='welcome' id='welcome'><br /> <b:widget id='Image4' locked='false' title='' type='Image'/><br /> <b:widget id='Image3' locked='false' title='' type='Image'/><br /> </b:section><br /> </div><div id='adbanner'> <b:section class='adstyle' id='adbanner-l'><br /> <b:widget id='Image1' locked='false' title='' type='Image'/><br /> </b:section><br /> <b:section class='adstyle' id='adbanner-r'><br /> <b:widget id='Image2' locked='false' title='' type='Image'/><br /> </b:section><br /> </div></div> <br /> <div id='content-wrapper'><div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol'/><br /> </div><div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'><br /> <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/><br /> </b:section><br /> </div><div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'><br /> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><br /> <b:widget id='Profile1' locked='false' title='Quem sou eu' type='Profile'/><br /> <b:widget id='Followers1' locked='false' title='Followers' type='Followers'/><br /> <b:widget id='Attribution1' locked='false' title='' type='Attribution'/><br /> </b:section><br /> </div><!-- spacer for skins that want sidebar and main to be the same height--><br /> <div class='clear'> </div></div><!-- /content-wrapper--><br /> <br /> <div id='bottom-wrapper'> <b:section class='bottoms' id='bottom-l'><br /> <b:widget id='Label2' locked='false' title='Lorem' type='Label'/><br /> </b:section><br /> <b:section class='bottoms' id='bottom-m'><br /> <b:widget id='Label3' locked='false' title='Ipsum' type='Label'/><br /> </b:section><br /> <b:section class='bottoms' id='bottom-r'><br /> <b:widget id='Label4' locked='false' title='Dolor' type='Label'/><br /> </b:section><br /> </div><div id='footer-wrapper'><div id='credits'>(c) Copyright 2010 Our Lovato. Feito por Encomendas Teen | Thaay </div></div></div></div><!-- /outer-wrapper--><br /> </body><br /> </html><br />
Um comentário:
Brenda Fanfics
20 de janeiro de 2011 às 06:43
Não estou conseguindo colocar, oq qe eu faço?
Responder
Excluir
Respostas
Responder
Adicionar comentário
Carregar mais...
Postagem mais recente
Postagem mais antiga
Página inicial
Assinar:
Postar comentários (Atom)
Não estou conseguindo colocar, oq qe eu faço?
ResponderExcluir