Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Bug nos modelos de postagem.
Hoje à(s) 17:24 por Luiz~

» Melhorar a popularidade do fórum
Hoje à(s) 17:24 por Luiz~

» Modificação nos ranks
Hoje à(s) 17:23 por Luiz~

» Apenas o Dono ve os templates
Hoje à(s) 17:23 por Luiz~

» Barra de posts
Hoje à(s) 17:22 por Luiz~

» Criar uma página HTML para menu
Hoje à(s) 17:20 por Luiz~

» Logo Móvel
Hoje à(s) 17:06 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
288 usuários online :: 10 usuários cadastrados, 1 Invisível e 277 Visitantes :: 2 Motores de busca

Connor R., iScroll, Jefferson105, Kyo Panda, Luiz~, Oliver Miller, PESS_dodo, Shek Crowley, Thomazinny, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Efeito hover nas categorias

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

Resolvido Efeito hover nas categorias

Mensagem por PrisoN†BreaK em Sex 3 Mar 2017 - 17:18

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

http://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/ .
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1095
Pontos Ativos : 2065

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Efeito hover nas categorias

Mensagem por Shek Crowley em Dom 5 Mar 2017 - 14:43

Boa tarde.

Acesse Visualização >> Cores >> Folha de estilos CSS e personalize este código:
.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;
}
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.

Até mais.


avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15882
Pontos Ativos : 23411

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Efeito hover nas categorias

Mensagem por PrisoN†BreaK em Dom 5 Mar 2017 - 16:17

Resultou, teria como coloca este efeito nas estáticas tbm?
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1095
Pontos Ativos : 2065

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Efeito hover nas categorias

Mensagem por PrisoN†BreaK em Ter 7 Mar 2017 - 13:04

avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1095
Pontos Ativos : 2065

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Efeito hover nas categorias

Mensagem por Kyo Panda em Ter 7 Mar 2017 - 13:16

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;
}


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2884
Pontos Ativos : 6066

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover nas categorias

Mensagem por PrisoN†BreaK em Ter 7 Mar 2017 - 15:25

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?
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1095
Pontos Ativos : 2065

http://brasilplayfreedomofc.forumeiros.com/forum
  • 0

Resolvido Re: Efeito hover nas categorias

Mensagem por Kyo Panda em Qui 9 Mar 2017 - 13:40

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%);
}


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2884
Pontos Ativos : 6066

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover nas categorias

Mensagem por PrisoN†BreaK em Qui 9 Mar 2017 - 20:43

Ótimo, resolvido <3
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1095
Pontos Ativos : 2065

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Efeito hover nas categorias

Mensagem por Kyo Panda em Sex 10 Mar 2017 - 15:09

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2884
Pontos Ativos : 6066

http://ajuda.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