Como colocar legenda modificada com efeito quando passar mouse ?

3 participantes

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

Tópico resolvido Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por TheDrunK 03.07.13 3:03

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
TheDrunK

TheDrunK
Nível 8

Masculino
Membro desde : 03/07/2013
Mensagens : 116
Pontos : 204

http://family-bikes.forumeiros.com/

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por Sennior 03.07.13 3:06

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
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por TheDrunK 03.07.13 3:14

efeito - Como colocar legenda modificada com efeito quando passar mouse ? Qhn

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

TheDrunK
Nível 8

Masculino
Membro desde : 03/07/2013
Mensagens : 116
Pontos : 204

http://family-bikes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por North 03.07.13 3:16

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!
North

North
Super membro

Masculino
Membro desde : 07/06/2011
Mensagens : 3845
Pontos : 5052

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por TheDrunK 03.07.13 3:20

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.
TheDrunK

TheDrunK
Nível 8

Masculino
Membro desde : 03/07/2013
Mensagens : 116
Pontos : 204

http://family-bikes.forumeiros.com/

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por Sennior 03.07.13 3:29

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.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por TheDrunK 03.07.13 3:37

Fico do mesmo geito =/

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

TheDrunK
Nível 8

Masculino
Membro desde : 03/07/2013
Mensagens : 116
Pontos : 204

http://family-bikes.forumeiros.com/

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por Sennior 03.07.13 3:46

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.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar legenda modificada com efeito quando passar mouse ?

Mensagem por TheDrunK 03.07.13 3:53

Muito obrigado para os dois, min ajudo muito Piscada
TheDrunK

TheDrunK
Nível 8

Masculino
Membro desde : 03/07/2013
Mensagens : 116
Pontos : 204

http://family-bikes.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos