Como colocar legenda modificada com efeito quando passar mouse ?

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

Resolvido Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por TheDrunK em 02/07/13, 11:03 pm

Qual é minha questão:
Queria colocar legenda pra fica igual desse forum akiee, http://fsr-nwd.forumeiros.com/, modificada é com efeito quando passar mouse.

Endereço do meu fórum:
http://family-bikes.forumeiros.com

Versão do fórum:
PHPBB3
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por Sennior em 02/07/13, 11:06 pm

Olá amigo!

Infelizmente para ver não há maneira. Poderia nos mandar uma Print Screen mostrando o efeito que deseja?

Abraços,
Mikéé. 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: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por TheDrunK em 02/07/13, 11:14 pm



Efeito é aquele que aparece ali meio escuro quando coloca mouse encima.
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por North em 02/07/13, 11:16 pm

Saudações!

Aceda à "Folha de estilo CSS":
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS


Acrescente o código a seguir na folha:

Código:
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
  background: url("http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png") repeat-x scroll left bottom rgb(255, 255, 255);
  border: 2px solid rgb(221, 221, 221);
  border-radius: 6px 6px 6px 6px;
  color: transparent;
  display: block;
  font-size: 0px;
  font-weight: 700;
  margin: 0px auto;
  padding: 10px 8px 5px 5px;
  text-align: center;
  width: 70%;
}
#i_whosonline + p br + br + em a {
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  margin: 0px 5px;
  text-shadow: 0px 1px 1px rgb(78, 238, 148);
}

Valide!

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por TheDrunK em 02/07/13, 11:20 pm

Entra no meu forum é vê como fico, tipo que o efeito não abre ele vem aberto, ae fica meio estranho quando passa o mouse, http://family-bikes.forumeiros.com/

Mais mesmo assim se não pode arruma isso, muito obrigado.
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por Sennior em 02/07/13, 11:29 pm

Olá amigo,

Junto com os códigos passados por nosso amigo grande Harker, use este:

Código:
.gensmall:hover {
background: rgb(221, 221, 221) !important;
padding: 8px 14px 4px 8px;
}

No inicio de teu CSS.

Até mais.
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: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por TheDrunK em 02/07/13, 11:37 pm

Fico do mesmo geito =/

Não abrindo efeito, mais sim vindo de cara, tipo só mudando cor do fundo -.-'
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por Sennior em 02/07/13, 11:46 pm

Olá amigo!

Troque o código por este:

Código:
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
font-size: 15px;
font-style: normal;
font-weight: 400;
margin: 0 5px;
text-shadow: 0 1px 1px #454545;
}

Coloque no inicio de teu CSS.

Abraços.
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: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por TheDrunK em 02/07/13, 11:53 pm

Muito obrigado para os dois, min ajudo muito Piscada
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

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