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
» Slide no index
Hoje à(s) 06:39 pm por iScroll

» Aparencia do Rank
Hoje à(s) 05:39 pm por Taxy_InSaniTy

» Ações de moderação com menu dropdown
Hoje à(s) 04:55 pm por virus

» Logo para um fórum
Hoje à(s) 04:36 pm por Hyouran

» Quadro de troféus e medalhas
Hoje à(s) 03:45 pm por LeoziN_WallkeR

» Problema em resolução do Footer
Hoje à(s) 03:43 pm por Luiz

» Atualização de mensagens do Portal e sumiço de imagens
Hoje à(s) 02:58 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Quem está conectado
259 usuários online :: 11 usuários cadastrados, 2 Invisíveis e 246 Visitantes :: 2 Motores de busca

BichodoMato, Carlos Rodrigues, CesarWatsom2, GustavoDM11, Heikki, Hyouran, iScroll, LeoziN_WallkeR, Stevenx, Taxy_InSaniTy, weverson lopes

[ Ver toda a lista ]


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

Criar barra de rolagem nos grupos

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

Resolvido Criar barra de rolagem nos grupos

Mensagem por Batyman em 03/04/16, 08:33 pm

Detalhes da questão


Endereço do fórum: http://riseofheroes.forumeiro.com
Versão do fórum: PunBB

Descrição


Olá! Então, eu estou usando um theme que vem apenas com oito grupos inclusos no CSS originais, como vocês podem ver abaixo.

CSS
Código:
#ley1 a, #ley2 a, #ley3 a, #ley4 a, #ley5 a, #ley6 a, #ley7 a, #ley8 a {
color: #fff;
border-bottom: 2px solid #0d0d0d;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-right: 0px;
text-align: center;
width: 153px;
line-height: 31px;
}

#ley1 {background: #844629; }
#ley2 {background: #A82233; }
#ley3 {background: #5CA2A1; }
#ley4 {background: #799446; }
#ley5 {background: #2F3D43; }
#ley6 {background: #659065; }
#ley7 {background: #E8504D; }
#ley8 {background: #512E3F; }

Java

Código:
<table><tr>
     <td><div id="ley1"><a href="link">primer grupo</a></div>
     <div id="ley2"><a href="link">segundo grupo</a></div>
     <div id="ley3"><a href="link">tercer grupo</a></div>
     <div id="ley4"><a href="link">cuarto grupo</a></div></td>
     <td><div id="ley5"><a href="link">quinto grupo</a></div>
     <div id="ley6"><a href="link">sexto grupo</a></div>
     <div id="ley7"><a href="link">séptimo grupo</a></div>
     <div id="ley8"><a href="link">octavo grupo</a></div></td>
       </tr></table>

Porém quando eu fui adicionar mais grupos, ficou assim. Não sei se fiz certo ou errado. Então queria saber se tem como por uma barra de rolagem na área dos grupos para problema não persistir. Tem?


Última edição por Batyman em 03/04/16, 10:59 pm, editado 1 vez(es)
avatar

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 93

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

Resolvido Re: Criar barra de rolagem nos grupos

Mensagem por Vinael em 03/04/16, 08:44 pm

Você pode usar este código:
<div id="Layer1" style="position:absolute; left:10px; top:20px; width:100; height:50; z-index:1; overflow: auto">Você
 pode colocar o texto que quiser aqui.</div>

Opções:

overflow: visible, ou overflow: hidden, ou overflow: scroll, ou overflow: auto

visible: Todo o conteúdo da camada aparecerá indiferente do tamanho.

hidden: A parecerá apenas o conteúdo, que couber no tamanho especificado da camada.

scroll: A barra de rolagem aparece mesmo se não for necessário.

auto: A barra de rolagem aparecerá somente se necessário.

Atenciosamente, Vinael.
avatar

Vinael
Nível 2

Masculino
Inscrito dia : 03/04/2016
Mensagens : 5
Pontos Ativos : 7

Ver perfil do usuário http://habliindos.forumfacil.net https://www.facebook.com/victr.h https://twitter.com/vitrond

Resolvido Re: Criar barra de rolagem nos grupos

Mensagem por Batyman em 03/04/16, 09:12 pm

Onde necessariamente eu código, Vinael?
avatar

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 93

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

Resolvido Re: Criar barra de rolagem nos grupos

Mensagem por Key of Destiny em 03/04/16, 10:39 pm

E aí, amiga? Beleza?

Coloquei uma barra de rolagem vertical, mas para isso tive que diminuir a largura dos "ícones" dos grupos. Espero que não se importe.

Substitua o CSS por esse.
Código:
#esta-con, #esta-ley, #esta-ult {
max-height: 155px;
overflow: auto;
}
#ley1 a, #ley2 a, #ley3 a, #ley4 a, #ley5 a, #ley6 a, #ley7 a, #ley8 a {
color: #fff;
border-bottom: 2px solid #0d0d0d;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-right: 0px;
text-align: center;
width: 145px;
line-height: 31px;
}
#ley1 {background: #844629; }
#ley2 {background: #A82233; }
#ley3 {background: #5CA2A1; }
#ley4 {background: #799446; }
#ley5 {background: #2F3D43; }
#ley6 {background: #659065; }
#ley7 {background: #E8504D; }
#ley8 {background: #512E3F; }
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Criar barra de rolagem nos grupos

Mensagem por Batyman em 03/04/16, 10:58 pm

Funcionou perfeitamente, Key of Destiny. Obrigada mais uma vez, seu trabalho é excelente!
avatar

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 93

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