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).
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
Nenhum comentário:
Postar um comentário