Hey people!!
Trago mais um tutorial de sucesso do Candy, atualizado :)
Esses são modelos em css para posts em formato "separado" no blogger, é só adicionar ao seu template e instantaneamente os posts ficarão separadinhos em suas "caixinhas" rs
Fiz os estilos usando o modelo Viagem (travel) como base, então não tenho certeza do funcionamento em outros modelos do blogger...
Espero que gostem (apesar da pouca variedade), e podem personalizar com suas cores e fontes preferidas, as instruções estão no proprio codigo.
Enjoy!!
ah, eu ia esquecendo...rs
Para usar basta copiar e colar no seu html, acima da tag ]]></b:skin>
Ou vc pode colar num gadget HTML/Javascript , entre as tags
<style>
codigo aqui...
</style>
Estilo 1 : Cinza
/** CANDY POSTS SEPARADOS INICIO **/
@font-face {font-family:'Gabriela';src:local('Gabriela'),local('Gabriela-Regular'),url(http://themes.googleusercontent.com/static/fonts/gabriela/v1/fLaucCvjCt_Hmc9smyo_rPesZW2xOQ-xsNqO47m55DA.woff) format('woff')}
.main-inner .column-center-outer {background:transparent none!important;_background-image:none}
.date-outer{background:transparent!important}
/** post **/
.post-outer{background:#fff;
margin-bottom:50px!important; /* espaço entre os posts */
padding:15px !important; /* espaço interno */
}
.date-outer img{max-width:99% !important;margin-left:-10px} /* a imagem do post nunca vai "pular" rs */
/** data do post **/
.date-header{
float:right;
width:100px;/** largura **/
height:40px;/** altura **/
line-height:30px!important;
overflow:hidden;
margin-top:-30px;/** desce **/
margin-right:10px;/** margin pra esquerda **/
text-align:center;/** alinha o texto **/
padding:10px 5px 0 5px!important;/** espaço interno **/
background:url(http://2.bp.blogspot.com/-zR5yGrys6bE/UWB55bhyAoI/AAAAAAAAXV8/Pj-CvjSCatk/s1600/conteudo_data.png)no-repeat; /** bg **/
font:normal 13px gabriela !important;
color:#eee !important;/** cor da fonte **/
text-transform:uppercase;
}
/** título do post **/
h3.post-title a, h3.post-title{
margin-top:-1px!important;
font: normal 23px gabriela!important; /** font **/
color: #777 !important; /** cor **/
text-shadow:0 1px #eee; /** sombra **/
margin-left:5px !important;/** margin do titulo em relação a data **/
border-bottom:1px #ddd dashed
}
/** RODAPE do post **/
.post-footer{
background:#f7f7f7;
border-top:3px #ccc solid;
padding:10px;
font-family:gabriela
}
/** CANDY POSTS DIVIDIDOS FIM by Gizaa [www.zaadesign.net] **/
Estilo 2 Rosa
/** CANDY POSTS SEPARADOS INICIO **/
@font-face {font-family:'Gabriela';src:local('Gabriela'),local('Gabriela-Regular'),url(http://themes.googleusercontent.com/static/fonts/gabriela/v1/fLaucCvjCt_Hmc9smyo_rPesZW2xOQ-xsNqO47m55DA.woff) format('woff')}
.main-inner .column-center-outer {background:transparent none!important;_background-image:none}
.date-outer{background:transparent!important}
/** post **/
.post-outer{background:#fff;
margin-bottom:50px!important; /* espaço entre os posts */
padding:15px !important; /* espaço interno */
}
.date-outer img{max-width:99% !important;margin-left:-10px} /* a imagem do post nunca vai "pular" rs */
/** data do post **/
.date-header{
float:right;
width:100px;/** largura **/
height:40px;/** altura **/
line-height:30px!important;
overflow:hidden;
margin-top:-30px;/** desce **/
margin-right:10px;/** margin pra esquerda **/
text-align:center;/** alinha o texto **/
padding:10px 5px 0 5px!important;/** espaço interno **/
background:url(http://2.bp.blogspot.com/-VRC4ArvCkaM/UWB55Q2u_zI/AAAAAAAAXWA/tBgwrIctdck/s1600/conteudo_data-rosa.png)no-repeat; /** bg **/
font:normal 13px gabriela !important;
color:#eee !important;/** cor da fonte **/
text-transform:uppercase;
}
/** título do post **/
h3.post-title a, h3.post-title{
margin-top:-1px!important;
font: normal 23px gabriela!important; /** font **/
color: #f9b !important; /** cor **/
text-shadow:0 1px #eee; /** sombra **/
margin-left:5px !important;/** margin do titulo em relação a data **/
border-bottom:1px #ddd dashed
}
/** RODAPE do post **/
.post-footer{
background:#fee;
border-top:3px #fcc solid;
padding:10px;
font-family:gabriela
}
.post-footer a{color:#f9b!important}
/** CANDY POSTS DIVIDIDOS FIM by Gizaa [www.zaadesign.net] **/
Post original do blog Candylland by Gizaa Veiga
Proibido reblogar
Se gostou desta postagem, não esqueça de subscrever o nosso rss feed.
