Expandir link com o mouse

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Expandir link com o mouse

Mensagem por Seikon em 28/03/12, 02:34 pm

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
avatar

Seikon
Usuário avançado

Masculino
Inscrito dia : 06/08/2010
Mensagens : 362
Pontos Ativos : 520

Ver perfil do usuário http://bleachninepowers.fullforums.net/forum

Resolvido Re: Expandir link com o mouse

Mensagem por MateusV. em 28/03/12, 04:08 pm

Olá, aceda ao seu
Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores
:seta2: 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. Piscada

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Expandir link com o mouse

Mensagem por Ucker em 28/03/12, 07:37 pm

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

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

Resolvido Re: Expandir link com o mouse

Mensagem por Seikon em 29/03/12, 08:40 am

Thank's funcionou so uma ultima duvida: Da para por tipo uma sombra branca bem atras dos links do meu forum?
avatar

Seikon
Usuário avançado

Masculino
Inscrito dia : 06/08/2010
Mensagens : 362
Pontos Ativos : 520

Ver perfil do usuário http://bleachninepowers.fullforums.net/forum

Resolvido Re: Expandir link com o mouse

Mensagem por Jpjupa em 29/03/12, 08:49 am

Tem como colocar esse efeito apenas no menu ?
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Expandir link com o mouse

Mensagem por iPrompt em 29/03/12, 09:02 am

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;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Expandir link com o mouse

Mensagem por Jpjupa em 29/03/12, 09:20 am

Não funcionou.
Olha la xD
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Expandir link com o mouse

Mensagem por iPrompt em 29/03/12, 09:31 am

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;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Expandir link com o mouse

Mensagem por Jpjupa em 29/03/12, 09:37 am

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

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

Ver perfil do usuário http://ajuda.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum