Boas tardes,vim trazer aqui uma dica para dar estilo ao titulo das postagens.
Pode ver na imagem acima o titulo com sobra ,shadow e hover...
Mas pode visualizar aqui no meu blog de testes: ENTRE AQUI...
Vamos então aplicár ao blog...
Antes de tudo faça uma cópia do seu template...
Agora procure este código:
Apague todo o código respectivo até ás aspas e coloque meu código:
.post h3{font-family:Oswald;font-size:24px;font-weight:400;line-height:1.4em;color:#3a3a3a;text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;margin:0;padding:0;} .post h3 a:hover{color:#aaa;text-decoration:none;}
Agora vamos colocar o stylesheet:
Procure este código:
Veja exemplo acima cole o meu código abaixo de <head> fica logo no inicio do seu template...
Código do stylesheet:
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'/>Personalização:
- font-family:Oswald; é a letra do titulo...
- font-size:24px é tamanho da letra...
- font-weight:400 expessura da letra...
- color:#3a3a3a côr da letra...
- ;text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; sombra da letra e côr...
- post h3 a:hover aqui é hover quando passa mouse em cima...
- color:#aaa côr da letra...
Mostra SmilesOculta Smiles