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
» [Plugin] Criar tags bbcode
Hoje à(s) 04:12 am por STBWº

» Pintar ícones
Hoje à(s) 02:49 am por Cannabis._.

» Aumentar a fonte do título da mensagem
Ontem à(s) 10:51 pm por rlmac

» Botão do Menu que Redireciona para Links Aleatórios
Ontem à(s) 10:44 pm por Br_SP_Rodrigo

» tem, certificado ssl gratuito?
Ontem à(s) 10:00 pm por Luiz~

» Tem como tirar esse nome?
Ontem à(s) 09:39 pm por Luiz~

» Informações tooltip
Ontem à(s) 09:21 pm por Ramon Rodrigues

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Shek
 
Kyo Panda
 
Chrono Trigger
 
Harleen
 
Sennior
 
CAI0
 
Br_SP_Rodrigo
 
admin186
 
rlmac
 

Quem está conectado
206 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 204 Visitantes :: 1 Motor de busca

rcnovalski, STBWº

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 03/03/17, 02:18 pm

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 : 1100
Pontos Ativos : 1550

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Efeito hover nas categorias

Mensagem por Shek em 05/03/17, 11:43 am

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.


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16338
Pontos Ativos : 20817

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 05/03/17, 01:17 pm

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

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1100
Pontos Ativos : 1550

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Efeito hover nas categorias

Mensagem por PrisoN†BreaK em 07/03/17, 10:04 am

avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1100
Pontos Ativos : 1550

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Efeito hover nas categorias

Mensagem por Kyo Panda em 07/03/17, 10:16 am

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 : 3499
Pontos Ativos : 4759

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover nas categorias

Mensagem por PrisoN†BreaK em 07/03/17, 12:25 pm

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 : 1100
Pontos Ativos : 1550

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

Resolvido Re: Efeito hover nas categorias

Mensagem por Kyo Panda em 09/03/17, 10:40 am

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 : 3499
Pontos Ativos : 4759

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover nas categorias

Mensagem por PrisoN†BreaK em 09/03/17, 05:43 pm

Ótimo, resolvido <3
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1100
Pontos Ativos : 1550

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Efeito hover nas categorias

Mensagem por Kyo Panda em 10/03/17, 12:09 pm

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 : 3499
Pontos Ativos : 4759

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