sexta-feira, 6 de novembro de 2009

dica blogger #003

No código fonte dum blog existe uma parte na qual se pode configurar a aparência de tudo o que o blog mostra. Esta área chama-se "Área de estilos", utiliza a linguagem CSS (Cascading Style Sheet) e permite que a formatação da página fique toda agrupada em vez de ser aplicada a cada elemento individualmente.
Nesta área podemos definir os tipos de letra, as posições dos objectos, as cores, etc.
Podemos encontra-la no inicio do código duma página entre as tags <head> e </head>.

Ontem ao pesquisar algo mais sobre CSS descobri algo, que considerei interessante e que apliquei neste blog. Se olharem para o link dos comentários podem ver que dá a sensação de alto relevo, passando a baixo relevo quando se passa o cursor por cima do mesmo.
Esta funcionalidade não tem nenhuma imagem aplicada e apenas usa CSS para o efeito.

Configurar os links para que fiquem daquela forma é bastante fácil e apenas é necessário fazer o seguinte:

1 - Entrar no código do blog e procurar o seguinte código
.a link {

2 - Abaixo desta linha adicionar
border: 2px outset #eee;

3 - Procurar logo abaixo o código
.a:hover {

4 - Abaixo dessa linha adicionar
border: 2px inset #ccc;

E é tudo...

NOTA: esta alteração irá afectar todos os links existentes no blog. Para configurar os links de cada área individualmente é necessário adicionar mais alguns códigos.

ALERTA: antes de fazer qualquer alteração, devem copiar o código fonte do blog para um documento de texto para voltar a usar no caso de algo correr mal.

5 doses:

Teté disse...

Ui, isso vem dos antigos egípcios?! É que não me dou nada bem com hieróglifos... fazem-me azia! =))

Fds outra vez?! Que chatice... :xa

Parisiense disse...

Bom fim de semana para ti também.

Eu não arrisco a mudar nem uma virgula.....ahaahah

najla disse...

Quer dizer, metes uma nota e um alerta desses e o pessoal só arrisca se for doido, né?

marta disse...

Vou tentar, acho bem gira a ideia.
Antes de salvar o melhor é ver primeiro como fica, e já não se correm riscos.
Obrigado pela informação

marta disse...

Pois é! Lindo!
Mas agora gostava de tirar do títuko do post, e pelo menos do labels
O resto pode ficar
Ajudas-me?

Smiles que podem ser usados. Passar cursor por cima para ver código a usar

Escreve algo porque a tua opinião é importante. Mesmo que seja só para ti...