Mudar barra de rolagem/ rolamento do forum

4 participantes

Ir para baixo

Tópico resolvido Mudar barra de rolagem/ rolamento do forum

Mensagem por Potterhead 15.06.12 20:16

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:
Mudar barra de rolagem/ rolamento do forum Barrin10

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 21:11, editado 1 vez(es)
Potterhead
Potterhead
*

Membro desde : 12/06/2012
Mensagens : 38
Pontos : 60

http://www.rpgpotterhead.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar barra de rolagem/ rolamento do forum

Mensagem por Sheamus 15.06.12 20:30

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
Sheamus
Sheamus
****

Membro desde : 04/01/2012
Mensagens : 216
Pontos : 268

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar barra de rolagem/ rolamento do forum

Mensagem por [S.W.A.T]Bruno_. 15.06.12 20:30

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.
[S.W.A.T]Bruno_.
[S.W.A.T]Bruno_.
****

Membro desde : 15/02/2012
Mensagens : 208
Pontos : 314

http://deltanwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar barra de rolagem/ rolamento do forum

Mensagem por ~Fly 15.06.12 20:33

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
~Fly
~Fly
Membro

Membro desde : 26/12/2011
Mensagens : 699
Pontos : 1020

http://mundosilenciosorpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar barra de rolagem/ rolamento do forum

Mensagem por Potterhead 15.06.12 21:09

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.
Potterhead
Potterhead
*

Membro desde : 12/06/2012
Mensagens : 38
Pontos : 60

http://www.rpgpotterhead.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