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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Problemas ao editar
Hoje à(s) 10:24 am por Ketholy123

» Menu Mensagem Privada
Hoje à(s) 10:06 am por Ketholy123

» Colocar um tópico ligado a dois sub forums
Hoje à(s) 10:02 am por Ketholy123

» Notificação de novas mensagens
Hoje à(s) 06:35 am por IsmaelS.

» Atualizar status
Hoje à(s) 06:30 am por IsmaelS.

» Dúvida Smiles
Hoje à(s) 12:41 am por Ketholy123

» Visibilidade das imagens e endereços /site apenas para os usuários registados
Ontem à(s) 10:59 pm por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
T1ag0
 

Quem está conectado
227 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 222 Visitantes :: 2 Motores de busca

Dr., DustyRhodes, Ketholy123, Philopannyx, Railison Ramon

[ 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 : 1216
Pontos Ativos : 1714

Ver perfil do usuário 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.


Shek CrowleyAdmineiro - 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 : 16941
Pontos Ativos : 21268

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG 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 : 1216
Pontos Ativos : 1714

Ver perfil do usuário 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 : 1216
Pontos Ativos : 1714

Ver perfil do usuário 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!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

Ver perfil do usuário 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 : 1216
Pontos Ativos : 1714

Ver perfil do usuário 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!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

Ver perfil do usuário 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 : 1216
Pontos Ativos : 1714

Ver perfil do usuário 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!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

Ver perfil do usuário 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