Categorias

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

Resolvido Categorias

Mensagem por Thalia Grace em 30/05/14, 02:24 am

  • Descrição:
Como deixar as categorias com hover, como em Parcerias aqui? 
http://escolademagiapt.portugueseforum.net/forum

  • Informações:
Fórum:http://testesgraficoshtmlcs.forumeiros.com/Versão:PHPBB2
Tipo:Pedido de códigoTags:Categorias



Última edição por Thalia Grace em 01/06/14, 10:19 pm, editado 1 vez(es)
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

Ver perfil do usuário http://www.embreve.forumeiros.com

Resolvido Re: Categorias

Mensagem por waghcwb em 30/05/14, 01:43 pm

Olá,

É este efeito que deseja?
Código:
.hierarchy{
  transition: all 0.5s ease-in-out 0.2s;
}
.hierarchy:hover{
  padding-left: 200px;
}
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Categorias

Mensagem por Thalia Grace em 30/05/14, 01:53 pm

Modifiquei no CSS e não aconteceu nada.
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

Ver perfil do usuário http://www.embreve.forumeiros.com

Resolvido Re: Categorias

Mensagem por Alex Habilidade em 31/05/14, 08:35 pm

Olá, tudo belezinha?

Não entendi exatamente qual o efeito hover você se refere, mais tente este, adicionando em sua folha CSS:

Código:

.hierarchy:hover {
    background-color: #2A3843;
    color: #FFFFFF;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0.1s;
}
.hierarchy:before {
    content: " → ";
}
.hierarchy {
    background-color: #0A0A0A;
    border-bottom: 3px solid #1B242B;
    display: block;
    font-family: Share;
    font-size: 15px;
    height: 20px;
    letter-spacing: -1px;
    margin-bottom: 4px;
    margin-left: 50px;
    padding-right: 3px;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0.1s;
    vertical-align: middle;
    width: 362px;
}
.hierarchy {
    color: #B3B3B3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    text-decoration: none;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Categorias

Mensagem por Thalia Grace em 01/06/14, 04:53 am

Não é isso. Coloque o mouse sobre a categoria (não tópico) "parcerias" e veja o efeito. x-x
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

Ver perfil do usuário http://www.embreve.forumeiros.com

Resolvido Re: Categorias

Mensagem por Hancki em 01/06/14, 03:37 pm

Olá!

Refere-se a esta parte: http://prntscr.com/3opuwe ?
Se sim, você quer que os banners rolem para o lado e quando o mouse estiver em cima, pare de rolar?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Categorias

Mensagem por Thalia Grace em 01/06/14, 07:00 pm

Não, me refiro a categoria onde está escrito parcerias. Pra facilitar, na categoria escrita Primeira Parada tem o mesmo efeito.
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

Ver perfil do usuário http://www.embreve.forumeiros.com

Resolvido Re: Categorias

Mensagem por Alex Habilidade em 01/06/14, 07:04 pm

Olá,

O unico hover que vejo é no titulo que inclusive eu lhe passei o código, é aconselhavel você tirar um print do que realmente quer.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Categorias

Mensagem por Thalia Grace em 01/06/14, 07:11 pm

avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

Ver perfil do usuário http://www.embreve.forumeiros.com

Resolvido Re: Categorias

Mensagem por Alex Habilidade em 01/06/14, 10:07 pm

Olá,

Sua versão é phpbb 2 ou phpbb3 ?

Adicione em sua folha CSS:
Código:

li.header dl.icon {
    background: none repeat scroll 0 0 #0F1319;
    border-left: 75px solid #1B242B;
    border-right: 175px solid #1B242B;
    padding-bottom: 10px;
    padding-top: 25px;
    text-align: center;
    transition: all 0.5s ease-in-out 0.2s;
    vertical-align: middle;
}
li.header dl.icon {
    min-height: 0;
}
li.header dl.icon:hover {
    border-left: 175px solid #1B242B;
    border-right: 75px solid #1B242B;
    transition: all 0.5s ease-in-out 0.2s;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Categorias

Mensagem por Thalia Grace em 01/06/14, 10:18 pm

Phpbb3 e resulta, obrigada.
avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

Ver perfil do usuário http://www.embreve.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