AQUI
BREVE BREVE BREVE BREVE BREVE

12 de ago. de 2014

Modelo de post

procure por: h3.post-title a {
h3.post-title {
}
h3.post-title a {
}
Cole abaixo de h3.post-title { e antes de }
Esses códigos:
margin-top: -5px;
  background: #fff;
Essa parte é a cor do fundo do título.
margin-top: é a “altura” do título do post, tipo de você diminuir ele sobe e se você aumentar ele desce.
background: é a cor do fundo do título do post, mas se quiserem uma imagem no lugar da cor coloque:
background: url(LINK DA IMAGEM)repeat;
Recomendo que deixem a cor por causa das letras, mas se quiserem usar, use uma imagem sem muitos detalhes.
E quiserem colocar uma borda ao redor do título da postagem é só colocar o seguinte código:
border: 1px solid #000;
Mude o que for necessário.
Se quiser uma bordinha abaixo do texto cole isso.
border-bottom: 1px solid #000;
Explicado a primeira parte vamos para a segunda.
Cole abaixo de h3.post-title a { e antes de }
Esses códigos:
font-family: Verdana;
font-size: 16px;
color: #fff;
Essa parte é onde você irá definir a fonte
font-family: é a fonte obvio do título do post
font-size: é o tamanho da fonte
color: é a cor da fonte
Se você quiser colocar uma sombra na fonte coloque esse trecho:
text-shadow: 0px 1px 1px #eee;
Esses trechos abaixo serve como transição, então se quiser colocar:
-webkit-transition: color 0.4s ease-in;
-moz-transition: color 0.1s ease-in;
transition: color 0.4s ease-in;

10 de ago. de 2014

Adicione Games em seu blog

  
Hooy gente! Que tal dar uma descontraída no ambiente?? Só texto texto texto pode ser muito cansativo tanto pra você quanto para seus leitores. Pense bem nisso!

Faixinha do subtitulo

Para colocá-la, entre em seu HTML e procure por 
}]]></b:skin> 
Acima dele cole:
/* Faixinha de subtítulo */
.table{
background: url(url da faixinha)no-repeat;
color: #fff; /* cor da fonte */
font: italic 15px georgia; /* itálico, tamanho e nome da fonte*/
padding: 3px; /*distanciamento em relação a margem*/
width: 255px; /*largura da imagem*/
height: 30px; /*altura da imagem*/
text-align: left; /*alinhamento*/
margin-left: -35px; /*margem esquerda*/
}
Ajuste de acordo com seu gosto, se não ficar bem posicionado é só alterar o valor de margin-left até ficar certinho.

Toda vez que quiser usar a faixinha na postagem, clique na aba HTML (fica do lado da aba "Escrever") e cole o seguinte código:
<div class="table">Texto aqui</div>