Barra de rolagem

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

Resolvido Barra de rolagem

Mensagem por rockstar_VIDALOKA em 01/09/13, 05:00 pm

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
avatar

rockstar_VIDALOKA
Nível 4

Masculino
Inscrito dia : 23/06/2012
Mensagens : 27
Pontos Ativos : 51

Ver perfil do usuário http://www.brasilextremecity.com.br https://www.facebook.com/www.facebook.com/jotave.fernandes https://twitter.com/tiwte@Twiter.com

Resolvido Re: Barra de rolagem

Mensagem por First em 01/09/13, 05:16 pm

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

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Barra de rolagem

Mensagem por Gaaratsu em 01/09/13, 05:33 pm

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


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Barra de rolagem

Mensagem por rockstar_VIDALOKA em 01/09/13, 05:43 pm

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

rockstar_VIDALOKA
Nível 4

Masculino
Inscrito dia : 23/06/2012
Mensagens : 27
Pontos Ativos : 51

Ver perfil do usuário http://www.brasilextremecity.com.br https://www.facebook.com/www.facebook.com/jotave.fernandes https://twitter.com/tiwte@Twiter.com

Resolvido Re: Barra de rolagem

Mensagem por Gaaratsu em 01/09/13, 05:53 pm

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


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Barra de rolagem

Mensagem por First em 01/09/13, 05:57 pm

@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.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Barra de rolagem

Mensagem por rockstar_VIDALOKA em 01/09/13, 06:01 pm

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

rockstar_VIDALOKA
Nível 4

Masculino
Inscrito dia : 23/06/2012
Mensagens : 27
Pontos Ativos : 51

Ver perfil do usuário http://www.brasilextremecity.com.br https://www.facebook.com/www.facebook.com/jotave.fernandes https://twitter.com/tiwte@Twiter.com

Resolvido Re: Barra de rolagem

Mensagem por Gaaratsu em 01/09/13, 07:38 pm

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


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Barra de rolagem

Mensagem por Sennior em 02/09/13, 11:18 am

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.

avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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