Mudar barra de rolagem/ rolamento do forum

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

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.

♦A dúvida persiste? Informe-nos

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.

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

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.