Modificar a barra de rolagem

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

Resolvido Modificar a barra de rolagem

Mensagem por Sulakinhoo em 02/05/12, 03:47 pm

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

Essa Aqui Olhe :



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:
http://img441.imageshack.us/img441/2318/semttulolgi.png

Ou


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

Versão do meu fórum:
PHPBB3
avatar

Sulakinhoo
Nível 5

Masculino
Inscrito dia : 13/01/2012
Mensagens : 49
Pontos Ativos : 89

Ver perfil do usuário http://ready-forum.umforum.net/forum

Resolvido Re: Modificar a barra de rolagem

Mensagem por @Chazy em 02/05/12, 04:07 pm

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
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Modificar a barra de rolagem

Mensagem por Sulakinhoo em 02/05/12, 04:17 pm

Não Resultou ! Louco
avatar

Sulakinhoo
Nível 5

Masculino
Inscrito dia : 13/01/2012
Mensagens : 49
Pontos Ativos : 89

Ver perfil do usuário http://ready-forum.umforum.net/forum

Resolvido Re: Modificar a barra de rolagem

Mensagem por @Chazy em 02/05/12, 04:21 pm

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

Até Mais.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

Ver perfil do usuário http://kingarts.forumeiros.com/
  • 0

Resolvido Re: Modificar a barra de rolagem

Mensagem por Sulakinhoo em 02/05/12, 04:22 pm

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;
}
avatar

Sulakinhoo
Nível 5

Masculino
Inscrito dia : 13/01/2012
Mensagens : 49
Pontos Ativos : 89

Ver perfil do usuário http://ready-forum.umforum.net/forum

Resolvido Re: Modificar a barra de rolagem

Mensagem por @Chazy em 02/05/12, 04:25 pm

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-->
}
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Modificar a barra de rolagem

Mensagem por Convidado em 05/05/12, 12:38 pm

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

Convidado
Convidado


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