Imagem da barra com Luz ao passar mause

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

Resolvido Imagem da barra com Luz ao passar mause

Mensagem por dedegugu em 02/04/13, 08:20 pm

Qual é minha questão:
Ola sou novo no forun e estou criando um forun de hp e queria saber se e possivel pegar a imagen da barra de navegação e quando passar o mause por cima dela dar um efeito de luz atraz e como se a palavra vinhe-se a frente e que montassem um para min mais informaçoes e so responder

Endereço do meu fórum:
http://felix-felis-rpg.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por dedegugu em 04/04/13, 12:24 pm, editado 1 vez(es)
avatar

dedegugu
Nível 5

Masculino
Inscrito dia : 26/01/2013
Mensagens : 41
Pontos Ativos : 69

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

Resolvido Re: Imagem da barra com Luz ao passar mause

Mensagem por .Danni. em 02/04/13, 09:17 pm

Olá,

Coloque isso em seu CSS:
Código:
.linklist.navlinks :hover {
text-shadow: #FFF 0px 0px 3px;
}

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Imagem da barra com Luz ao passar mause

Mensagem por dedegugu em 03/04/13, 12:17 pm

ola desculpe mais me expliquei mal eu gostaria que a parece-se um clarão de luz antes da palavra e a mesma ficasse maior
avatar

dedegugu
Nível 5

Masculino
Inscrito dia : 26/01/2013
Mensagens : 41
Pontos Ativos : 69

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

Resolvido Re: Imagem da barra com Luz ao passar mause

Mensagem por Convidado em 03/04/13, 12:56 pm

Saudações!

troque o código por este
Código:
.linklist.navlinks img:hover {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/button12.png) no-repeat center;
}

Até Piscada

Convidado
Convidado


Resolvido Re: Imagem da barra com Luz ao passar mause

Mensagem por dedegugu em 03/04/13, 01:47 pm

ola eu coloquei esse codigo mais não funcionou aguardando resposta Muito feliz
avatar

dedegugu
Nível 5

Masculino
Inscrito dia : 26/01/2013
Mensagens : 41
Pontos Ativos : 69

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

Resolvido Re: Imagem da barra com Luz ao passar mause

Mensagem por seender em 03/04/13, 03:08 pm

Olá!

Troque o código por este:
Código:
a.mainmenu {
-moz-transition:All 0.001s linear;
transition:All 0.001s linear;
-webkit-transition:All 0.001s linear;
}
a.mainmenu:hover{
text-shadow: #FFF 0px 0px 3px;
font-size:17px;
}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Imagem da barra com Luz ao passar mause

Mensagem por dedegugu em 03/04/13, 04:38 pm

ola eu tentei mais não foi continua igual
avatar

dedegugu
Nível 5

Masculino
Inscrito dia : 26/01/2013
Mensagens : 41
Pontos Ativos : 69

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

Resolvido Re: Imagem da barra com Luz ao passar mause

Mensagem por .Danni. em 03/04/13, 06:41 pm

Olá,

Poderia mostrar um exemplo do efeito desejado?

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Imagem da barra com Luz ao passar mause

Mensagem por dedegugu em 03/04/13, 08:06 pm

ola não tenho um exemplo mais seria mais o menos assim:
ao passar o maus ficasse brilhante aumentasse e aparecese um imagen de fundo como a do pablo w se quiser monto uma imagen de como ficaria pelo phot
avatar

dedegugu
Nível 5

Masculino
Inscrito dia : 26/01/2013
Mensagens : 41
Pontos Ativos : 69

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

Resolvido Re: Imagem da barra com Luz ao passar mause

Mensagem por Sennior em 03/04/13, 08:57 pm

Saudações! Muito feliz

Aceda á tua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Código:
.secondarytitle{font-family:courier;font-variant:small-caps;letter-spacing:2px;text-shadow:1px 1px 0 #000}a.forumlink{-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;border-bottom:1px solid #716d4b;border-left:5px solid #716d4b;display:block;font-family:courier;font-size:24px;font-weight:700;margin-left:10px;padding-left:10px;text-shadow:0 0 1px #000;transform:all;transition:1s}a.forumlink:hover{-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;border-bottom:1px solid #d8ca98;border-left:5px solid #d8ca98;display:block;font-style:italic;padding-left:100px;transform:all;transition:1s}

Valide.

Até mais! Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem da barra com Luz ao passar mause

Mensagem por dedegugu em 04/04/13, 12:23 pm

obrigado esta otimo todos ajudaram !
avatar

dedegugu
Nível 5

Masculino
Inscrito dia : 26/01/2013
Mensagens : 41
Pontos Ativos : 69

Ver perfil do usuário http://wehappyfew.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