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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16313
Pontos Ativos : 20815

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!


North aconselha:
Artmeiros  Respeite as Regras do fórum e conheça a nossa equipe staff.
Artmeiros  Esteja atento as Regras do setor gráfico.
Artmeiros  Salve as imagens em seu computador, pois poderão ser removidas do servidor em um possível backup.
Artmeiros  Mensagens Privadas apenas para assuntos importantes!

avatar

North
Publicideiro
Publicideiro

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5039

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16313
Pontos Ativos : 20815

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16313
Pontos Ativos : 20815

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


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