"Modificando o aspecto dos links"

  
fonte e créditos:
templateseacessorios

"Modificando o aspecto dos links"

"Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo."




Uso em meu blog um código que modifica o aspecto dos links, assim que o mouse é colocado em cima. Então, para você que quer saber como faço isso, eis alguns exemplos abaixo.



Então, se você quer usar algum efeito em seus links, basta copiar o código abaixo e colar antes de:


]]></b:skin>

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none
}
a:hover {
margin: 5px;
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
}

Depois troque o código em verde pelo efeito que deseja no link e o código que está em vermelho é a cor da letra.

capitalize

• com este efeito, os links ficarão com a primeira letra maiúscula.

-----------------------------------------------------------------------------

lowercase

• com este código, os links ficarão com todas as letras minúsculas

-------------------------------------------------------------------------------

uppercase

• com este código os links ficarão com todas as letras maiúsculas

--------------------------------------------------------------------------------

underline overline

• com este código os links ficarão sublinhados e,  ao colocar o mouse, ficarão sobrelinhados

---------------------------------------------------------------------------------

underline

• com este código os links ficarão sublinhados

--------------------------------------------------------------------------------

Para inserir códigos no código abaixo:

Para que a letra aumente de tamanho, coloque abaixo de:

a:hover {

o seguinte código:

 

font-size:130%;

Para que seu link fique com uma cor de fundo, coloque abaixo de:

a:hover{

o seguinte código:

background: #cccccc;

Para que seu link fique com uma imagem coloque abaixo de:

a:hover{

o seguinte código:

padding: 15px;

background: url(AQUI O ENDEREÇO DA IMAGEM) left no-repeat top;