quinta-feira, 21 de agosto 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;
 Fonte da pesquisa: desconhecida

Nenhum comentário:

Postar um comentário

Related Posts Plugin for WordPress, Blogger... Related Posts Plugin for WordPress, Blogger...