Barra de rolagem

4 participantes

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

Tópico resolvido Barra de rolagem

Mensagem por rockstar_VIDALOKA 01.09.13 21:00

Qual é minha questão:
Bom galera, tou querendo mudar a Barra de Rolagem, que é aquela barra, que sobe e desçe a página. quase igual ao forum abaixo, so que quero azul.

http://playstarsrpg.forumeiros.com/forum

Endereço do meu fórum:
http://brasilrockstarlife.forumeiro.com

Versão do fórum:
PHPBB3
rockstar_VIDALOKA

rockstar_VIDALOKA
Nível 4

Masculino
Membro desde : 23/06/2012
Mensagens : 27
Pontos : 51

http://www.brasilextremecity.com.br https://www.facebook.com/www.facebook.com/jotave.fernandes https://twitter.com/tiwte@Twiter.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de rolagem

Mensagem por First 01.09.13 21:16

Olá,

Adicione este código em sua Folha de estilo CSS:
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px;
::-webkit-scrollbar-track-piece {
background: #aebcbf;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #000;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FFA500;
}
Oque esta de Negrito você pode modificar a cor.


Até mais.
First

First
Membro do fórum

Masculino
Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Barra de rolagem

Mensagem por Konai 01.09.13 21:33

Saudações!

Código que utilizarmos:
Código:
/* Let's get this party started */
::-webkit-scrollbar {
width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

/* Handle */
::-webkit-scrollbar-thumb {
background: rgba(255,0,0,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0.4);
}
Para adiciona-lo, aceda à: Painel de Controle -> Visualização -> Imagens e Cores -> Cores ->> Folha de estilo CSS

Seta Caso o código fornecido pelo nosso amigo First não funcionar, substitua-o pelo o que eu lhe forneci logo acima! Muito feliz

Atenciosamente. Piscada
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de rolagem

Mensagem por rockstar_VIDALOKA 01.09.13 21:43

o code de Dokyo ñ deu certo, e o code do First ñ deu certo tbm, apareceu isto aki:
Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.
rockstar_VIDALOKA

rockstar_VIDALOKA
Nível 4

Masculino
Membro desde : 23/06/2012
Mensagens : 27
Pontos : 51

http://www.brasilextremecity.com.br https://www.facebook.com/www.facebook.com/jotave.fernandes https://twitter.com/tiwte@Twiter.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Barra de rolagem

Mensagem por Konai 01.09.13 21:53

Saudações!

Substitua-os por este:
Código:
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px;
}

::-webkit-scrollbar-track-piece {
background: #aebcbf;
}

::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #000;
border-radius: 10px;
}

::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FFA500;
}
Atenciosamente. Muito feliz
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de rolagem

Mensagem por First 01.09.13 21:57

rockstar_VIDALOKA escreveu:o code de Dokyo ñ deu certo, e o code do First ñ deu certo tbm, apareceu isto aki:
Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.
Olá,

Amigo vai da esse erro "{" e de "}", porque ele não encontra uma class ou id para identificar a barra de rolagem, mais o código funciona somente no navegador Google chrome.


Até mais.
First

First
Membro do fórum

Masculino
Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de rolagem

Mensagem por rockstar_VIDALOKA 01.09.13 22:01

ñ deu certo nenhum codigo acima, eu tou usando o google chrome e ñ apareceu nada na barra que sobe e desçe a página.
rockstar_VIDALOKA

rockstar_VIDALOKA
Nível 4

Masculino
Membro desde : 23/06/2012
Mensagens : 27
Pontos : 51

http://www.brasilextremecity.com.br https://www.facebook.com/www.facebook.com/jotave.fernandes https://twitter.com/tiwte@Twiter.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Barra de rolagem

Mensagem por Konai 01.09.13 23:38

Saudações!

Sugiro que o senhor limpe os cookies do navegador Google Chrome de modo geral, ou seja, fazendo uma limpeza completa de cookies. Feito isto, volte ao seu fórum e veja se o efeito funcionou!

No mais, substitua o código atual por este:
Código:
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background: #aebcbf;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #000;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FFA500;
}
Atenciosamente. Muito feliz
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Barra de rolagem

Mensagem por Sennior 02.09.13 15:18

Boas!

Coloque o código abaixo no inicio de teu CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
/* ---------------- Barra de rolagem Google Chrome---------------- */
-webkit-scrollbar {
width: 15px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background: #aebcbf;
}
-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #000;
border-radius: 10px;
}
-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FFA500;
}
Abraços.

Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos