*/ #navbar-iframe { visibility: hidden; height: 0px; display: none; } /* CORPO ----------------------------------------------- */ body { margin: 0; padding: 0; line-height: 1.5em; font-size: small; text-align: center; color: #191919; background: url (' http://i40.tinypic.com/fwnbf9.png ') } /* COMEÇO ----------------------------------------------- */ #header-wrapper { width: 982px; /* NÃO MEXA NESSE VALOR AQUI OK??? */ height: 295px; /* CASO QUEIRA FAZER SUA PRÓRIA IMAGEM DE TOPO, E A ALTURA FOR DIFERENTE DA DO MODELO DISPONIBILIZADO, ALTERE O NÚMERO 295 PARA O TAMANHO DA ALTURA DA SUA IMAGEM, SOMENTE DA ALTURA, NÃO MEXA NA LARGURA HEIN?! */ margin:2px 0 0 0; padding:0px 0 0 0; font: normal normal 0% Verdana, sans-serif; } #header { height:295px; /* CASO QUEIRA FAZER SUA PRÓRIA IMAGEM DE TOPO, E A ALTURA FOR DIFERENTE DA DO MODELO DISPONIBILIZADO, ALTERE NOVAMENTE O NÚMERO 295 PARA O TAMANHO DA ALTURA DA SUA IMAGEM, SOMENTE DA ALTURA, NÃO MEXA NA LARGURA HEIN?! */ padding:0 0px 0px; color: #FFFFFF; } #header h1 { margin:1px 0px 0; margin-top: 0px; padding-left:55px; padding-top:25px; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: normal bold 214% Georgia, Times, serif; } #header a { color:FFFFFF; text-decoration:none; } #header a:hover { color:#FFFFFF; } /* LIINKBAAR ----------------------------------------------- */ #navigation{ height:25px; width: 995px; line-height:2.6em; margin:-10px 0px 1px; background: #FFFFFF url('COLOQUE O LINK DA IMAGEM DA SUA BARRINHA DO MENU AQUI'); /* AQUI VOCÊ VAI COLOCAR A IMAGEM DA SUA BARRA DO MENU OU SE VOCÊ NÃO QUISER USAR A IMAGEM EDITE SOMENTE A COR, TROCANDO O CÓDIGO #FFFFFF PELO CÓDIGO DA COR DE SUA PRFERÊNCIA, CASO VOCÊ FOR USAR A IMAGEM, FAÇA UMA IMAGEM DE 995px DE LARGURA POR 28px DE ALTURA */ } #navigation li{ float:left; list-style-type:none; white-space:nowrap; } #navigation li a{ display:block; padding:8px 15px; font-size:0.8em; font-weight:normal; font: normal bold 85% Arial, sans-serif; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #000000; /* AQUI VOCÊ IRÁ COLOCAR A COR DOS LINKS DO MENU, É SÓ SUBSTITUIR O #000000 PELO CÓDIGO DE SUA PREFERÊNCIA */ } * html #navigation a {width:1%;} #navigation .selected,#navigation a:hover{ color: #FF0000; /* AQUI VOCÊ IRÁ COLOCAR A COR QUE OS LINKS IRÃO FICAR QUANDO A PESSOA PASSAR O MOUSE EM CIMA DELE, É SÓ TROCAR O #FF0000 PELO CÓDIGO DA COR DE SUA PREFERÊNCIA */ text-decoration:underline; } /* NEM SEI PORQUE COLOQUEI ESSA BUSCA AQUI, NÃO A USEM ELA É FEIA ----------------------------------------------- */ #searchform { position: absolute; top: 33px; right: 235px; height: 30px; width: 210px; } #searchform #s{ background: #ffffff url() no-repeat ; height: 30px; width: 150px; margin: 6px 5px 0px 10px; padding: 3px 7px 2px 5px; color: #999999; border: none; } #searchform #searchsubmit { background: url() no-repeat left top; height: 24px; width: 24px; border: none; text-indent: -999%; line-height: 1px; margin-top: 10px; } #search .button { padding: 1px; border:1px solid #000; background:#fff; font-size:1.0em; } /* ESTRUTURA ----------------------------------------------- */ /* NÃO MEXA EM NADA ALÉM DE COLOCAR SEU LINK DA IMAGEM DE TOPO, SENÃO SEU TEMPLATE PODE VAI FICAR CHEIO DE ERROS =PPP */ #outer-wrapper { width: 995px; margin:0px auto 0; text-align:left; font: normal normal 89% verdana, sans-serif; background: url('COLOQUE O LINK DA IMAGEM DO TOPO DO SEU LAY AQUI') no-repeat; -moz-border-radius: 10px;/* PARA FUNCIONAR NO AMADO FIREFOX*/ -webkit-border-radius: 10px;/* PARA FUNCIONAR NO CHROME E NO SAFARI */ border-radius: 10px;/* ISSO SERVE PARA PREVENIR COISINHAS INCOMPATÍVEIS NO FUTURO */ } .creditleft { background: #1d4999; } /* PRINCIPAAAL ----------------------------------------------- */ #main-wrapper { width: 538px; margin-top:5; margin: 0px auto 0; border: 1px solid #000000; /* AQUI VOCÊ PODE ALTERAR A COR E A LARGURA DA BORDA QUE TEM NO ESPAÇO DOS POSTS, O 1px É A LARGURA DA BORDA, NÃO DEIXE ELA MUITO GRANDE POIS FICA FEIO E PODE DISTORCER SEU TEMPLATE, USE NO MÁXIMO 3, É UM BOM TAMANHO, A COR É SÓ VOCÊ SUBSTITUIR O #000000 PELO CÓDIGO DA COR QUE VOCÊ FOR USAR */ 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 */ } #main { padding: 1px; background: #0000FF; } .main h2 { text-align:center; margin-top:1px; font: normal bold 98% Arial, sans-serif; color: #FF0000; /* AQUI VOCÊ PODE MUDAR A COR DA DATA, TROQUE O #FF0000 PELA COR QUE VOCÊ QUISER */ } /* COLUNINHAS FELIZES ----------------------------------------------- */ #sidebar-wrapper { float: right; width: 220px; margin-top:1px; margin-left:3px; margin-right:0px; line-height: 15px; border: 1px solid #000000; /* AQUI VOCÊ PODE ALTERAR A COR E A LARGURA DA BORDA QUE TEM NO ESPAÇO DA COLUNA, O 1px É A LARGURA DA BORDA, NÃO DEIXE ELA MUITO GRANDE POIS FICA FEIO E PODE DISTORCER SEU TEMPLATE, USE NO MÁXIMO 3, É UM BOM TAMANHO, A COR É SÓ VOCÊ SUBSTITUIR O #000000 PELO CÓDIGO DA COR QUE VOCÊ FOR USAR */ background-color: #FFFFFF; /* AQUI VOCÊ PODE MUDAR A COR DO FUNDO DAS SUAS COLUNAS, DICA: NÃO USE TONS FORTES, E TENTEM COMBINAR O MÁXIMO COM AS CORES DO TEMPLATE, PARA MUDAR A COR, É SO SUBSTITUIR O #FFFFFF */ 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 */ } #newsidebar-wrapper { float: left; width: 220px; margin-top:1px; margin-left:0px; margin-right:3px; line-height: 15px; border: 1px solid #000000; /* AQUI VOCÊ PODE ALTERAR A COR E A LARGURA DA BORDA QUE TEM NO ESPAÇO DA COLUNA, O 1px É A LARGURA DA BORDA, NÃO DEIXE ELA MUITO GRANDE POIS FICA FEIO E PODE DISTORCER SEU TEMPLATE, USE NO MÁXIMO 3, É UM BOM TAMANHO, A COR É SÓ VOCÊ SUBSTITUIR O #000000 PELO CÓDIGO DA COR QUE VOCÊ FOR USAR */ background: #FFFFFF; /* AQUI VOCÊ PODE MUDAR A COR DO FUNDO DAS SUAS COLUNAS, DICA: NÃO USE TONS FORTES, E TENTEM COMBINAR O MÁXIMO COM AS CORES DO TEMPLATE, PARA MUDAR A COR, É SO SUBSTITUIR O #FFFFFF */ 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 */ } /* */ a:link { text-decoration: none; color: #000000; /* AQUI VOCÊ ALTERA A COR DOS LINKS DO SEU BLOG, DOS LINKS E DO TEXTO, É SÓ SUBSTITUIR O CÓDIGO, JÁ SABE NÉ? =P */ } a:visited { text-decoration: none; color: #000000; /* AQUI VOCÊ ALTERA A COR DOS LINKS QUE AS PESSOAS JÁ VISITARAM NO SEU BLOG É SÓ SUBSTITUIR O CÓDIGO, JÁ SABE NÉ? [2] =P */ } a:hover { text-decoration: bold; font-size:100%; color: #000000; /* AQUI VOCÊ ALTERA A COR DOS LINKS QUANDO A PESSOA PASSAR O MOUSE SOBRE ELE É SÓ SUBSTITUIR O CÓDIGO, JÁ SABE NÉ? [3] =P */ } a img { text-decoration: none; border-width:0; } /* POOOOTSSSS ----------------------------------------------- */ /* NOVAMENTE NÃO MEXA MAIS EM NADA ALÉM DO QUE EU DISSER QUE PODE, SENÃO ADEUS TEMPLATE */ .post { margin: 0 0 1.5em 0; margin-right: 5px; margin-left: 5px; } .post h3 { background: #FFFFFF url('COLOQUE O LINK DA SUA IMAGEM AQUI CASO QUEIRA USAR UMA') no-repeat; /* AQUI É A BARRINHA QUE FICA NO FUNDO DOS TÍTULOS DOS POSTS, VOCÊ PODE TROCAR A COR, ALTERANDO O CÓDIGO #FFFFFF PELA COR QUE VOCÊ QUISER, OU FAZER UMA IMAGEM E POR LÁ, O TAMANHO DA IMAGEM É DE 520px DE LARGURA POR 25px DE ALTURA */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: normal bold 98% Trebuchet, Trebuchet MS, Arial, sans-serif, #ffffff; text-decoration: none; line-height: 1.6em; text-align: center; } .post h3 a, .post h3 a:visited { text-decoration: none; color: #000000; /* AQUI É A COR DO TÍTULO DO POST, ALTERE A COR COMO QUISER */ } .post h3 a:hover { color: #000000; /* AQUI É A COR QUE O TÍTULO DO MOUSE FICA QUANDO PASSAMOS O MOUSE EM CIMA, ALTERE-A =D */ } .post-body { padding:24px 14px 1px 10px; } .post p { margin:0 0 .75em; } . post blockquote { margin: 1em 20px; border: 1px solid background: #000000; padding: 7px; } .post-footer { margin:0; padding: 5px 0 0 5px; font-size:90%; line-height:1.5em; color: #FFFFFF; border:1px solid #000000; /* LÁAA EM BAIXO, ONDE FICAM OS COMENTÁRIOS TEM UMA 'BARRINHA' QUE SERVE DE FUNDO, ESSA AQUI É A BORDA DELA, MUDE A COR E A LARGURA, SE QUISER TIRAR A BORDA APAGUE 'BORDER: 1PX SOLID #000000' QUE ESTÁ AQUI EM CIMA DESTE TEXTO, CASO QUEIRA MUDAR A COR, ALTERE O CÓDIGO, COMO VOCÊ TEM FEITO ATÉ AGORA. */ background:#000000 repeat-x left bottom; */ ESSE AQUI É A COR DO FUNDO DAQUELA BARRINHA DE BAIXO QUE EU ACABEI DE DIZER, ALTERE O CÓDIGO, PELO CÓDIGO DA COR QUE VC QUISER */ } .post-footer p { margin: 0; } .post-author { } .post-labels { padding-left:20px; padding-top:5px; background: url('http://i41.tinypic.com/jhpp3a.gif') /* AQUI FICA O ÍCONE QUE FICA DO LADO DE ONDE ESTÁ ESCRITO ' MARCADORES ' NO PÉ DA PÁGINA, A IMAGEM TEM 16X16, FAÇA UMA SE QUISER E COLOQUE AÍ */ center left no-repeat; } .feed-links { padding-left:20px; padding-top:5px; margin-left: 13px; display: none; background: url(http://i27.tinypic.com/aot3md.gif) center left no-repeat; } /* COMENTÁRIOS ----------------------------------------------- */ #comments { margin-top: 2px; margin:-25px 13px 3px; padding:20px 0 15px 0; line-height: 1.5em; border: 1px solid; } #comments h4 { clear: both; margin-left:40px; padding-left: 22px; font: normal bold 98% Arial, sans-serif; background: url(' http://i41.tinypic.com/jhpp3a.gif') no-repeat; /* AQUI VAI O LINK DA IMAGEM QUE FICA DO LADO DE ' COMENTÁRIOS ' LÁ NO PÉ DA PÁGINA, A IMAGEM TEM 16X16 TAMBÉM, FAÇA UMA! */ height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments-block .comment-body p { margin:0 0 0 0; padding:5px 5px 5px 10px; border-left:1px #ddd solid; /* BORDA DA CAIXA DE COMENTÁRIOS, TROQUE O #DDDDDD PELA COR QUE VOCÊ QUISER margin-left:5px; background-color:#FFFFFF; /* COR DO FUNDO DA CAIXA DE COMENTÁRIOS, ALTERE O #FFFFFF PELA COR QUE VOCÊ QUISER margin-right:5px; } .comment-author { margin:.5em 0; padding:0 0 0 20px; font-weight:bold; color: #000000; /* COR DA FONTE DO NOME DOS AUTORES DO COMENTÁRIOS QUE DEIXARÃO PRA VOCÊ, MUDE DE ACORDO COM O SEU TEMPLATE, TROCANDO O #000000 */ background: #FFFFFF; } .comment-body { margin:0 0 1.25em; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding:0 0 .75em 20px; } .comment-footer a:link { color: #000000; } .deleted-comment { font-style:italic; color:gray; } .comment-link { padding-left:20px; padding-top:5px; background: url('http://i41.tinypic.com/jhpp3a.gif') center left no-repeat; /* AQUI VOCÊ COLOCA O MESMO LINK DA IMAGEM QUE VOCÊ COLOCOU LÁ EM CIMA QUE VAI DO LADO DO TEXTO COMENTÁRIOS NO PÉ DA PÁGINA */ } . blog-author-comment { margin:.25em 0 0; } .blog-author-comment p { margin:0 0 .75em; padding:5px 10px; border:1px dotted #c0c0c0; font-style:italic #ffffff; background: url(); } /* O RESTO DAS COLUNINHAS FELIZES ----------------------------------------------- */ .sidebar h2 { margin: 0px 2px 0px; padding: 5px 0em 0em 5px; line-height:1.5em; font: normal bold 109% Arial, sans-serif; color: #FFFFFF; /* AQUI É A COR DO FUNDO DOS TÍTULOS DAS SUAS COLUNINHAS FELIZES*/ text-align: center; background: url('http://i41.tinypic.com/jhpp3a.gif') no-repeat; /* CASO VOCÊ QUEIRA COLOCAR UMA IMAGEM NO FUNDO DOS TÍTULOS DA SUA COLUNINHA, COLOQUE ELA AÍ, ELA DEVE TER 220PX DE LARGURA E 20PX DE ALTURA, NADA A MAIS =x */ height: 20px !important; /* for most browsers */ height /**/:47px; /* for IE5/Win */ } .sidebar .widget { margin-top; 2px; line-height: 1.5em; } .widget-content { font: normal normal 98% Trebuchet, Trebuchet MS, Arial, sans-serif; margin: -10px 0px -5px 0px; padding: 10px; } .sidebar h2 { margin:0px; padding:.2em 0 .2em; line-height:1.8em; } .sidebar ul { list-style:none; margin:0 0 1.25em; padding:0 0px; } .sidebar li { padding-left: 20px ; margin-bottom:1px; border-bottom:1px dotted #FFFFFF; /* COR DA BORDA PONTILHADA DEBAIXO DE CADA LINK DOSMARCADORES, ALTERE! line-height:1.5em; background: url('http://i41.tinypic.com/jhpp3a.gif ') no-repeat; /* SABE AQUELE PEDACINHO DE BOLO QUE TEM DO LADO DE CADA LINK DO MENU DO MEU SITE? ENTÃO VOCÊ COLOCAR O LINK DE UM ÍCONE QUE VOCÊ QUEIRA COLOCAR PARA QUE ELE FIQUE APARECENDO NAQUELE LUGAR, SERIA ÍCONE DO LADO DOS MARCADORES ELE DEVE TER 15PX POR 15PX NADA A MAIS TAMBÉM */ } /* PERFIIIIIIIIL ----------------------------------------------- */ .profile-textblock { clear: both; margin-left: 0; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #FFFFFF; */ COR DA ORDA DO PERFIL, CASO VOCÊ FOR USAR! */ padding: 4px; } /* PÉ DA PÁGINA */ ----------------------------------------------- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { clear: both; padding-bottom: 20px; } #footer { width: 995px; margin: 0px auto; color: #000000; line-height: 150%; } #footer h2 { text-align:center; font: normal bold 98% Arial, sans-serif; color: #FFFFFF; /* COR DOS CRÉDITOS, SÓ ALTERE A COR NÃO VÃO TIRAR MEU NOME! */ margin: 10px 0px 5px; } #blog-pager-newer-link { float: left; margin-left: 13px; } #blog-pager-older-link { float: right; margin-right: 13px; } #blog-pager { text-align: center; } .blog-pager-newer-link { padding-left: 18px; background: url() no-repeat left center; } .blog-pager-older-link { padding-right: 18px; background: url() no-repeat right center; } /** 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: 740px; } 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; } /* Status Msg ----------------------------------------------- */ #main .status-msg-wrap { width:90%; padding:5px; } #main .status-msg-body { font-size:80%; text-align:left; padding:5px 5px 5px 47px; width:auto; } #main .status-msg-border { border:1px solid #5EADFD; opacity:1; } #main .status-msg-bg { background: #A0CFFE center left no-repeat; opacity:1; } navbar-iframe { height: 0px; visibility: hidden; display: none; } .commentphoto { padding: 5px 5px 0px 0px; } #sidebarbottom { margin:0 0 px; padding: 0 0 0px; } #sidebartop{ margin:0 0 px; padding:0 0 0px; } .clear { clear: both; } .gsc-branding-text, .gsc-branding-img-noclear {display:none;} border:1px solid #FFFFFF; /* ACABOOOOOOOOOOOOOU */ /*------- DAQUI PRA BAIXO, NÃO ALTEREM MAIS NADA A NÃO SER OS LINKS, PARA ISSO APERTE CTRL + F NA JANELA DO SEU NAVEGADOR E DIGITE 'LINK1'. VOCÊ IRÁ ENCONTRAR O LUGAR ONDE VOCÊ VAI COLOCAR OS LINKS DO MENU, EM 'LINK1, LINK2 E ETC... ' VOCÊ IRÁ COLOCAR O NOME QUE IRÁ APARECER NO MENU, POR EXEMPLO ' CRÉDITOS ' E ONDE ESTÁ ESCRITO ' ENDEREÇODOLINK ' É O ENDEREÇO DO LINK QUE VOCÊ VAI ACRESCENTAR NO MENU------ SÓ MEXAM NISSO, O RESTO NÃO ALTEREM CASO VOCÊ NÃO SAIBA, NÃO ME RESPONSABILIZO POR ERROS COMETIDOS POR VOCÊ, SÓ POR MIM, NÃO É QUE SOU CHATA, É QUE NÃO TENHO TEMPO DE AJUDAR A TODOS -----------*/ ]]>