Categorias Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Categorias

4 participantes

Ir para baixo

Tópico resolvido Categorias

Mensagem por Thalia Grace 30.05.14 6:24

  • 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 02.06.14 2:19, editado 1 vez(es)
Thalia Grace
Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por waghcwb 30.05.14 17:43

Olá,

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

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Thalia Grace 30.05.14 17:53

Modifiquei no CSS e não aconteceu nada.
Thalia Grace
Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Alex Habilidade 01.06.14 0:35

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;
}
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Thalia Grace 01.06.14 8:53

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

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Hancki 01.06.14 19:37

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Thalia Grace 01.06.14 23:00

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

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Alex Habilidade 01.06.14 23:04

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.
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Thalia Grace 01.06.14 23:11

Categorias 4MrghLj
Thalia Grace
Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Alex Habilidade 02.06.14 2:07

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;
}
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Thalia Grace 02.06.14 2:18

Phpbb3 e resulta, obrigada.
Thalia Grace
Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos