Esta é a segunda parte do tutorial sobre como editar um tema WordPress, realizando a edição do ficheiro style.css que modifica toda a aparência do blog. No tutorial 1 você aprendeu como inserir o cabeçalho no arquivo e como definir os atributos da página de maneira geral. Agora veremos como tratar outros elementos.
Os links: Os valores que os links devem apresentar quando não forem declarados nenhum atributo em específico para determinada área, podem ser declarados logo depois do body. Um possível exemplo:
a, a:visited {
color: #2255AA;
text-decoration: none;
}
a:hover {
color: #7DAE12;
text-decoration: underline;
}
a img {
border: none;
}
Explicando o código: A declaração a (âncora ou link) e a:visited (link visitado) servem para marcar ou definir os aspectos visuais do link e do link visitado, respectivamente. Perceba que na maioria dos blogs a cor do link depois de ser clicado não é mais o mesmo.
O valor de “color” define a cor do link que deve ser escrito em código hexadecimal para cores. Isso nos dá uma boa variedade de cores disponíveis;
O valor de ”text-decoration” define se o texto apresentará alguma “decoração”. Pode-se definir: none (nenhum); underline (sublinhado); overline (traço acima do texto), são os valores mais comuns para links.
Neste exemplo ainda temos um link de imagem. Para este, o atributo border foi definido como sem borda. Em outras palavras, a imagem não apresentará bordas (como se fosse uma moldura).
Findo aqui a segunda parte de nosso tutorial. Em breve postarei como definir os valores do contents (área de post)…
