Mudar barra de rolagem/ rolamento do forum

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

Resolvido Mudar barra de rolagem/ rolamento do forum

Mensagem por Potterhead em 15/06/12, 04:16 pm

Qual é minha questão:
Gostaria de mudar a barra de rolagem do meu fórum para uma personalizada. Vi isso em outro fórum e achei interessante. Postarei imagens abaixo do fórum que vi.

Links e imagens do meu problema:


Endereço do meu fórum:
http://rpgpotterhead.forumeiros.com

Versão do meu fórum:
PHPBB2


Última edição por Potterhead em 15/06/12, 05:11 pm, editado 1 vez(es)
avatar

Potterhead
Nível 5

Masculino
Inscrito dia : 12/06/2012
Mensagens : 38
Pontos Ativos : 60

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

Resolvido Re: Mudar barra de rolagem/ rolamento do forum

Mensagem por Sheamus em 15/06/12, 04:30 pm

Olá,

siga isto:

Painel de controle> Visualização> Imagens e Cores> Cores> Folha estilo CSS

Adicione o seguinte código:

Código:
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #6A5ACD;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}

Após isto "salve"

Até mais. Piscada

♦A dúvida persiste? Informe-nos
avatar

Sheamus
Nível 9

Inscrito dia : 04/01/2012
Mensagens : 216
Pontos Ativos : 268

Ver perfil do usuário

Resolvido Re: Mudar barra de rolagem/ rolamento do forum

Mensagem por [S.W.A.T]Bruno_. em 15/06/12, 04:30 pm

Acessa sua Folha CSS e coloque esse modelo para ver se você gosta:
Código:
::-webkit-scrollbar {
-webkit-border-radius: 1ex;
background: orange;
height: 12px;
width: 12px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px
rgba(0, 0, 0, 0.75);
background: #000000;
}
::-webkit-scrollbar-track-piece {
background:
white;
}
::-webkit-scrollbar-corner {
background: #FF0000;
}

Resulta?

Atenciosamente,
Bruno.
avatar

[S.W.A.T]Bruno_.
Nível 9

Masculino
Inscrito dia : 15/02/2012
Mensagens : 208
Pontos Ativos : 314

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

Resolvido Re: Mudar barra de rolagem/ rolamento do forum

Mensagem por ~Fly em 15/06/12, 04:33 pm

Amigo, caso todos não funcionem ( foi o meu caso )

Teste este, mais é apenas para Google Chrome

Código:
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #666666;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}

Agora é só mudar a seu gosto.

Abraços,

~Apple zen
avatar

~Fly
Usuário destaque

Masculino
Inscrito dia : 26/12/2011
Mensagens : 689
Pontos Ativos : 1006

Ver perfil do usuário http://bleachlasnochesrpg.ultimaterpg.net/

Resolvido Re: Mudar barra de rolagem/ rolamento do forum

Mensagem por Potterhead em 15/06/12, 05:09 pm

Muito obrigado. Funcionou perfeitamente. Ainda dei uma editada e aprendi a colocar imagem *u*. Se quiserem dar uma olhada pra ver como ficou: http://rpgpotterhead.forumeiros.com

MUITO OBRIGADO pela rapidez, eficiência e disposição em ajudar.
Parabéns.
avatar

Potterhead
Nível 5

Masculino
Inscrito dia : 12/06/2012
Mensagens : 38
Pontos Ativos : 60

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