Efeito hover grupos

4 participantes

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

Tópico resolvido Efeito hover grupos

Mensagem por Thalia Grace 02.06.14 0:27

  • 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 7:13, editado 1 vez(es)
Thalia Grace

Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover grupos

Mensagem por Roevs 02.06.14 0:30

Olá,

Adiciona este código na sua Folha de estilo CSS

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

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover grupos

Mensagem por Thalia Grace 02.06.14 0:32

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

Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover grupos

Mensagem por Konai 02.06.14 0:33

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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover grupos

Mensagem por Thalia Grace 02.06.14 0:37

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

Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover grupos

Mensagem por Roevs 02.06.14 0:44

Olá,

Veja se este funciona

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

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover grupos

Mensagem por Thalia Grace 02.06.14 1:35

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

Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover grupos

Mensagem por Konai 02.06.14 1:41

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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover grupos

Mensagem por Thalia Grace 02.06.14 1:51

Deixei eles em comentário, pode ser?
Thalia Grace

Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover grupos

Mensagem por Konai 02.06.14 2:06

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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover grupos

Mensagem por Thalia Grace 02.06.14 4:08

Continua dando efeito em todos os grupos.
Thalia Grace

Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover grupos

Mensagem por Alex Habilidade 04.06.14 0:12

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.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover grupos

Mensagem por Thalia Grace 07.06.14 7:13

resulta, obrigada.
Thalia Grace

Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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