Expandir link com o mouse

Qual é minha questão:
Quando eu passar o mouse por cima do link eu queria que ele ficasse expandido mas somente quando ponha o mouse sobre o link

Medidas que eu tomei para corrigir o problema:
n/a

Links e imagens do meu problema:
n/a

Endereço do meu fórum:
http://naruto-world.ativoforum.com/

Versão do meu fórum:
PUNBB

Olá, aceda ao seu

Painel de controle Visualização Imagens e Cores Cores

aba 'Folha de estilo CSS' cole o codigo e salve.

Código:

a:link {
color:#000
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}

a:hover {
padding-left: 20px;
font-size: 16px;
color: #FF404A;
}

Cordialmente.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

tipo mateus, aqui funcionou, mais tem como fazer que só fique no menu? igual aki http://forum.forumactif.com/ ?

Tem como colocar esse efeito apenas no menu ?

Seikon adiciona este código em sua Folha de estilo CSS

Código:

a:hover{color:#FFFFFF;text-shadow:0px 0px 15px #FFFFFF;text-decoration:underline}

jpjupa aqui esta

Código:

pun-navlinks ul {
color:#000
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}

a:hover {
padding-left: 20px;
font-size: 16px;
color: #FF404A;
}

Não funcionou.
Olha la xD

Adiciona este código

Código:

ul.navlinks a.mainmenu:hover {
color: #FFFF71;
font-size: 13px;
font-weight: 700;
text-shadow: 1px 1px 10px;
}

Ou tente este tbm

Código:

ul.navlinks a.mainmenu:hover {
padding-left: 20px;
font-size: 16px;
color: #FF404A;
}

Tentei os dois.
Os dois retiraram o efeito. =d