Mudando barra de rolagem

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

Resolvido Mudando barra de rolagem

Mensagem por Nncb em 16/07/12, 06:35 pm

Qual é minha questão:
Gostaria de modificar a visualização da barra de rolagem.

Links e imagens do meu problema:
Http://www.bghcheats.tk/

Endereço do meu fórum:
http://portalcpbrasilnews.forumeiros.com/

Versão do meu fórum:
INVISION


Última edição por Cristinho em 17/07/12, 11:02 am, editado 1 vez(es)
avatar

Nncb
Nível 8

Masculino
Inscrito dia : 13/03/2011
Mensagens : 132
Pontos Ativos : 226

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

Resolvido Re: Mudando barra de rolagem

Mensagem por MateusV. em 16/07/12, 06:39 pm

Olá!

Aceda ao seu:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Aba 'Folha de estilo CSS'

Cole o código e salve:
Código:
/*Barra de Scrool */
/* Chrome e Opera*/
::-webkit-scrollbar-thumb {
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
background: blue;
}

::-webkit-scrollbar-track-piece {
background: white;
}
::-webkit-scrollbar-corner {
background: #EBEBEB;
}
/* Mozzila */
::moz-scrollbar-thumb {
moz-border-radius: 7px;
moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
background: blue;
}

::moz-scrollbar-track-piece {
background: white;
}
::moz-scrollbar-corner {
background: #EBEBEB;
}
/* IE */
::-o-scrollbar-thumb {
-o-border-radius: 7px;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
background: blue;
}

::-o-scrollbar-track-piece {
background: white;
}
::moz-scrollbar-corner {
background: #EBEBEB;
}

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Mudando barra de rolagem

Mensagem por Nncb em 16/07/12, 08:18 pm

Não funcionou Louco
avatar

Nncb
Nível 8

Masculino
Inscrito dia : 13/03/2011
Mensagens : 132
Pontos Ativos : 226

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

Resolvido Re: Mudando barra de rolagem

Mensagem por Bot Forumeiros em 17/07/12, 05:10 am

Painel > Visualização > Imagens e cores > Folha de estilo CSS

Código:
body {
scrollbar-arrow-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#FF0000;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#0000FF;
scrollbar-darkshadow-color:#FFFF00;
scrollbar-track-color:#00FF00;
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
 
::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  -webkit-border-radius: 3px;
}
 
::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}
 
::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}

Validar.
avatar

Bot Forumeiros
BOT Forumeiros
BOT Forumeiros

Inscrito dia : 17/07/2012
Mensagens : 38
Pontos Ativos : 50

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

Resolvido Re: Mudando barra de rolagem

Mensagem por Nncb em 17/07/12, 10:52 am

Está meio pequeno, quase lá.
avatar

Nncb
Nível 8

Masculino
Inscrito dia : 13/03/2011
Mensagens : 132
Pontos Ativos : 226

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

Resolvido Re: Mudando barra de rolagem

Mensagem por south em 17/07/12, 10:53 am

Amigo vc que que cor
avatar

south
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 465
Pontos Ativos : 609

Ver perfil do usuário http://forumblack.queroforum.net

Resolvido Re: Mudando barra de rolagem

Mensagem por Nncb em 17/07/12, 10:57 am

Azul, e do mesmo tamanho que uma barra de rolagem normal.
avatar

Nncb
Nível 8

Masculino
Inscrito dia : 13/03/2011
Mensagens : 132
Pontos Ativos : 226

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

Resolvido Re: Mudando barra de rolagem

Mensagem por south em 17/07/12, 10:59 am

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: #0000FF;
}
::-webkit-scrollbar-track-piece {
background:
white;
}
::-webkit-scrollbar-corner {
background: #EBEBEB;
}
avatar

south
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 465
Pontos Ativos : 609

Ver perfil do usuário http://forumblack.queroforum.net

Resolvido Re: Mudando barra de rolagem

Mensagem por Nncb em 17/07/12, 11:02 am

Esplêndido ! Obrigado.
avatar

Nncb
Nível 8

Masculino
Inscrito dia : 13/03/2011
Mensagens : 132
Pontos Ativos : 226

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

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