domingo, 21 de dezembro de 2014

jgjgjjgj

Esse grupinho de três códigos é o responsável pelos títulos das postagens. Como podem perceber, é tudo sem graça, sem estilo algum. Vamos dar um up geral nisso aee. Quem quiser, pode dar um jeitinho pelo Designer do modelo, mas não vai dar pra fazer muita coisa. Então, bora fuçar no código e incrementar a coisa.
Eu não vou dar — de início — um código já pronto, isso seria muito fácil! Vou explicar cada propriedade que pode ser usada para personalizar os títulos e depois, cada um fará a personalização à sua maneira. Usem as propriedades que quiserem e deixe tudo o mais original possível. Só então, darei um exemplo de código.
Bem, vamos identificar os códigos primeiro e saber a função de cada um, para depois colocarmos a mão na massa.

h3.post-title {: é o código responsável pelo título e as configurações dele (margem, borda, background enfim).
margin-top: 20px: é o espaço entre o título e o topo da área dedicada aos posts (espaço entre título e margem). Se aumentar esse valor o título irá descer (ficará mais distante), se diminuir, o título irá subir (ficará mais próximo). Avá.
h3.post-title a {: é o código do título em estado normal, quando o mouse não está pairado sobre ele.
font: $(post.title.font): determina que a fonte do título será a mesma que está descrita na variável post.title.font.
color: $(post.title.text.color): isso determina que a cor do título será a mesma cor que está descrita na variável post.title.text.color.
h3.post-title a:hover {: é o código responsável pelo título em estado hover, quando o mouse páirar sobre ele.
text-decoration: underline: isso degjgj
Layout feito por GNMH彡