Efeito hover grupos
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Efeito hover grupos
- 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ódigo | Tags: | Efeito,hover,grupos |
Última edição por Thalia Grace em 07.06.14 7:13, editado 1 vez(es)
Re: Efeito hover grupos
Olá,
Adiciona este código na sua Folha de estilo CSS
Até
Adiciona este código na sua Folha de estilo CSS
- Código:
#i_whosonline + p br + br + em:hover {
font-size: 25px;
}
Até
Re: Efeito hover grupos
Está aplicando o efeito em todos os grupos, não apenas no que eu passei o mouse.
Re: Efeito hover grupos
Saudações!
Neste caso, o código seria este:
Basta modificar o "NOME_DA_FONTE" para o nome da fonte desejada!![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Nak![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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](/users/2612/28/77/07/smiles/881231.gif)
Nak
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Efeito hover grupos
O efeito que eu quero aplicar ainda está aparecendo em todos os grupos, quando eu passo o mouse em apenas 1.
Re: Efeito hover grupos
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](/users/2612/28/77/07/smiles/881231.gif)
Fico no aguardo!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Poderia remover todos os códigos repassados neste tópico por gentileza? Assim poderei trabalhar na área com os códigos originais.
![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Fico no aguardo!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Efeito hover grupos
Saudações!
Remova ou substitua todos os códigos fornecidos neste tópico, por este outro:
Resulta?![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Nak![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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](/users/2612/28/77/07/smiles/881231.gif)
Nak
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Efeito hover grupos
Olá,
Removar todos os códigos fornecidos e adicione este:
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.
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.
![-](https://2img.net/i/empty.gif)
» Criação de efeito Hover nos grupos
» Efeito descrição dos grupos em hover
» Gerir efeito hover nos nomes dos grupos
» Descrição dos Grupos - Modo Hover
» Efeito hover
» Efeito descrição dos grupos em hover
» Gerir efeito hover nos nomes dos grupos
» Descrição dos Grupos - Modo Hover
» Efeito hover
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos