Efeito hover grupos

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

Resolvido Efeito hover grupos

Mensagem por Thalia Grace em 01/06/14, 08:27 pm

  • Descrição:
Como colocar efeito Hover nos grupos dos usuários. Sabem onde diz "Grupo 1", "Grupo 2", etc.. ? Queria que quando passasse o mouse, a letra mudasse.

  • Informações:
Fórum:http://testesgraficoshtmlcs.forumeiros.com/Versão:PHPBB2
Tipo:Pedido de códigoTags:Efeito,hover,grupos



Última edição por Thalia Grace em 07/06/14, 03:13 am, editado 1 vez(es)
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

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

Resolvido Re: Efeito hover grupos

Mensagem por iPrompt em 01/06/14, 08:30 pm

Olá,

Adiciona este código na sua Folha de estilo CSS

Código:
#i_whosonline + p br + br + em:hover {
font-size: 25px;
}

Até
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: Efeito hover grupos

Mensagem por Thalia Grace em 01/06/14, 08:32 pm

Está aplicando o efeito em todos os grupos, não apenas no que eu passei o mouse.
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

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

Resolvido Re: Efeito hover grupos

Mensagem por Gaaratsu em 01/06/14, 08:33 pm

Saudações!

Neste caso, o código seria este:
Código:
#i_whosonline + p br + br + em:hover {
font-family: NOME_DA_FONTE;
}

Basta modificar o "NOME_DA_FONTE" para o nome da fonte desejada! Positivo

Nak Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5988
Pontos Ativos : 7480

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

Resolvido Re: Efeito hover grupos

Mensagem por Thalia Grace em 01/06/14, 08:37 pm

O efeito que eu quero aplicar ainda está aparecendo em todos os grupos, quando eu passo o mouse em apenas 1.
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

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

Resolvido Re: Efeito hover grupos

Mensagem por iPrompt em 01/06/14, 08:44 pm

Olá,

Veja se este funciona

Código:
#main-content em b a {
font-size: 25px;
}

Até
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: Efeito hover grupos

Mensagem por Thalia Grace em 01/06/14, 09:35 pm

Agora o efeito está permanente, sem hover e em todos os grupos.
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

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

Resolvido Re: Efeito hover grupos

Mensagem por Gaaratsu em 01/06/14, 09:41 pm

Olá novamente Thalia!

Poderia remover todos os códigos repassados neste tópico por gentileza? Assim poderei trabalhar na área com os códigos originais. Positivo

Fico no aguardo! Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5988
Pontos Ativos : 7480

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

Resolvido Re: Efeito hover grupos

Mensagem por Thalia Grace em 01/06/14, 09:51 pm

Deixei eles em comentário, pode ser?
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

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

Resolvido Re: Efeito hover grupos

Mensagem por Gaaratsu em 01/06/14, 10:06 pm

Saudações!

Remova ou substitua todos os códigos fornecidos neste tópico, por este outro:
Código:
#i_whosonline + p br + br + em {
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}
#i_whosonline + p br + br + em:hover {
font-size: 25px !important;
}

Resulta? Positivo

Nak Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5988
Pontos Ativos : 7480

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

Resolvido Re: Efeito hover grupos

Mensagem por Thalia Grace em 02/06/14, 12:08 am

Continua dando efeito em todos os grupos.
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

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

Resolvido Re: Efeito hover grupos

Mensagem por Alex Habilidade em 03/06/14, 08:12 pm

Olá,

Removar todos os códigos fornecidos e adicione este:
Código:

#main-content em b a:hover {
  font-family: NOME_DA_FONTE;
}

Obs: Veja no código o nome: NOME_DA_FONTE, será aqui que você colocará o nome da fonte que deseja, caso não consiga, peço que me forneça o nome da fonte que quer adicionar.

Até Mais.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito hover grupos

Mensagem por Thalia Grace em 07/06/14, 03:13 am

resulta, obrigada.
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

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