Modificar a barra de rolagem

2 participantes

Ir para baixo

Tópico resolvido Modificar a barra de rolagem

Mensagem por Sulakinhoo 02.05.12 19:47

Qual é minha questão:
Quero Uma Barra de Rolagem Igual a Esta para Versão PHPBB3 ( Poussiver )

Essa Aqui Olhe :

Modificar a barra de rolagem Semttulolgi

Retirei do Power Pixel Fórum .

Medidas que eu tomei para corrigir o problema:
Já fui em Outros Tutoriais nenhum prestou ! , Em Cores Tbm' eu já fui mudei todas as cores , mais também não foi !

Links e imagens do meu problema:
https://2img.net/r/ihimizer/img441/2318/semttulolgi.png

Ou
Modificar a barra de rolagem Semttulolgi

Endereço do meu fórum:
http://ready-forum.umforum.net/forum

Versão do meu fórum:
PHPBB3
Sulakinhoo
Sulakinhoo
*

Membro desde : 13/01/2012
Mensagens : 49
Pontos : 89

http://ready-forum.umforum.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a barra de rolagem

Mensagem por @Chazy 02.05.12 20:07

Olá,
Adcione esse código á sua folha de estilo CSS:

/* ---------------- Barra de rolagem Google Chrome---------------- */
::-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;
}

A parte em vermelho é a cor que você vai escolher para sua barra de rolagem, com o nome em inglês
ou colocando eu código em hexadecimal.
Lembre-se que esse efeito só funciona nos navegadores: Mozila FireFox e Google Chrome.

Até Mais. Rindo
@Chazy
@Chazy
****

Membro desde : 22/10/2011
Mensagens : 220
Pontos : 329

http://kingarts.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a barra de rolagem

Mensagem por Sulakinhoo 02.05.12 20:17

Não Resultou ! Louco
Sulakinhoo
Sulakinhoo
*

Membro desde : 13/01/2012
Mensagens : 49
Pontos : 89

http://ready-forum.umforum.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a barra de rolagem

Mensagem por @Chazy 02.05.12 20:21

poderia colocar o código que lhe passei,
para eu poder visualizar aqui no meu computador ?

Até Mais.
@Chazy
@Chazy
****

Membro desde : 22/10/2011
Mensagens : 220
Pontos : 329

http://kingarts.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a barra de rolagem

Mensagem por Sulakinhoo 02.05.12 20:22

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: #6A5ACD;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
Sulakinhoo
Sulakinhoo
*

Membro desde : 13/01/2012
Mensagens : 49
Pontos : 89

http://ready-forum.umforum.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a barra de rolagem

Mensagem por @Chazy 02.05.12 20:25

Não, eu digo adcionar ele na sua folha de estilo CSS
para eu entrar em seu fórum e visualizar daqui .

Até Mais.

@Edit:

Forma mais explicada:

/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px; <!-- largura da barra de rolagem -->
height: 5px;
::-webkit-scrollbar-track-piece {
background: #aebcbf; <!-- Cor do fundo da barra de rolagem -->
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #000; <!-- Cor da barra de rolagem -->
border-radius: 10px; <!-- Arredondamento da barra de rolagem -->
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px; <!-- Largura da barra de rolagem na horizontal-->
background-color: #FFA500; <!- cor da barra de rolagem na horizontal-->
}
@Chazy
@Chazy
****

Membro desde : 22/10/2011
Mensagens : 220
Pontos : 329

http://kingarts.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a barra de rolagem

Mensagem por Convidado 05.05.12 16:38

Olá membro,
troca o código por este ponha ele na sua folha de estilo css:


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

o que esta de vermelho você muda para a cor desejada lembrando mudo o de cima muda o de baixo pela mesma cor Piscada

Cordialmente
blecaude
Anonymous
Convidado
Convidado


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