Efeito hover nas categorias
3 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 nas categorias
Detalhes da questão
Endereço do fórum: http://lscwsamp.forumeiros.com/
Versão do fórum: PunBB
Descrição
Gostaria desse efeito na categoria
https://imgur.com/a/f09HQ
Quando você passa o mouse em cima da categoria ele, fica com a cor toda, e quando o mouse não tá, ele só fica com a cor na ponta esquerda.
Fórum onde vi: http://www.brasilplaystart.com.br/forum/ .
Re: Efeito hover nas categorias
Boa tarde.
Acesse Visualização >> Cores >> Folha de estilos CSS e personalize este código:
Até mais.
Acesse Visualização >> Cores >> Folha de estilos CSS e personalize este código:
Troque o valor em Vermelho pela URL da imagem padrão, que no caso daquele fórum é uma imagem em degradê começando por um verde indo até o preto. Em seguida, troque o Laranja pelo Hexadecimal da cor da imagem escolhida..forum-category .title {
background: #1a1a1a url("IMAGE") repeat 0%;
transition: all .5s ease-in-out;
}
.forum-category .title:hover {
box-shadow: 500px 0px 0px HEXADECIMAL inset;
transition: all .5s ease-in-out;
}
Até mais.
Re: Efeito hover nas categorias
Tente trocar por:
- Código:
.forum-category .title,
.content-block .title {
background: #1a1a1a url("IMAGE") repeat 0%;
transition: all .5s ease-in-out;
}
.forum-category .title:hover,
.content-block .title:hover {
box-shadow: 500px 0px 0px HEXADECIMAL inset;
transition: all .5s ease-in-out;
}
Re: Efeito hover nas categorias
Resultou, agora só uma dúvida, tem como fazer em fez de por a imagem, coloca uma cor, para que quando eu mudasse a cor do fórum pelo seletor de cor, ele mudasse automaticamente também?
Re: Efeito hover nas categorias
Troque o CSS por esse:
- Código:
.title, .title > * {
position: relative;
overflow: hidden;
}
.title:before {
content: " ";
position: absolute;
display: block;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background: linear-gradient(45deg, rgba(136,191,232,0) 0%, #222 40%, #222 100%);
transition: .5s ease-out transform;
}
.title:hover:before {
transform: translate(100%);
}
Re: Efeito hover nas categorias
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Efeito hover nas categorias
» Efeito hover nas categorias?
» Efeito Hover nas categorias
» Efeito hover nas categorias
» Efeito hover nas categorias
» Efeito hover nas categorias?
» Efeito Hover nas categorias
» Efeito hover nas categorias
» Efeito hover nas categorias
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