Remover setas do Scroll

5 participantes

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

Tópico resolvido Remover setas do Scroll

Mensagem por iHeloaD 06.03.15 18:29

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.cidadesocial.com

Descrição do problema

Olá,

Gostaria de remover as setas do scroll em meu fórum.

Até mais.


Última edição por iHeloaD em 07.03.15 22:46, editado 2 vez(es)
iHeloaD

iHeloaD
Super Membro

Masculino
Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Remover setas do Scroll

Mensagem por EuficoLoko 06.03.15 18:49

Olá!

Adicione em sua CSS:
Código:
body {
overflow: hidden !important;
}

Atenciosamente.
EuficoLoko

EuficoLoko
Membro

Masculino
Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD 06.03.15 19:12

O scroll em si sumiu, eu quero que apenas as setas sumam !
iHeloaD

iHeloaD
Super Membro

Masculino
Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Remover setas do Scroll

Mensagem por Konai 06.03.15 19:34

Saudações!

Tente este:
Código:
body {
overflow: visible !important;
}

Até! Muito feliz
Konai

Konai
Membro Proficiente
Membro Proficiente

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover setas do Scroll

Mensagem por First 06.03.15 19:37

Olá,

Substitua por:
Código:
::-webkit-scrollbar  {
background: #F1F1F1;
}


Até! Piscada
First

First
Super Membro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD 07.03.15 2:16

First o código fez todo o scroll desaparecer, ficando assim http://prntscr.com/6do22t

Hakuouki o código não teve efeito algum.
iHeloaD

iHeloaD
Super Membro

Masculino
Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Remover setas do Scroll

Mensagem por Sennior 07.03.15 2:52

Saudações! Muito feliz

Adicione o código abaixo no INICIO de teu CSS:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 1px 1px 2px rgba(155,155,155,0.4);
background: #F88C00;
background-color: black!important;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover setas do Scroll

Mensagem por First 07.03.15 3:16

Olá @iHeloaD,

Antigamente era possível editar a barra de rolagem pelo css, hoje não mais. Porem há como sim usando plugins.
Peço que da uma procurada pelo Google, também indico que você olhe este link.


Atenciosamente. Piscada
First

First
Super Membro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD 07.03.15 3:33

Esses dias, entrei em um site, que não lembro qual, ele não tinha as setas do scroll, por isso achei que era possível retira-las, vou esperar para ver se algum Staff consiga, se não, darei o tópico como resolvido.

Obrigado por sua atenção.
iHeloaD

iHeloaD
Super Membro

Masculino
Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Remover setas do Scroll

Mensagem por Sennior 07.03.15 3:36

Sennior escreveu:Saudações! Muito feliz

Adicione o código abaixo no INICIO de teu CSS:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 1px 1px 2px rgba(155,155,155,0.4);
background: #F88C00;
background-color: black!important;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida

Tentou meu código? Chorando ou muito tr
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover setas do Scroll

Mensagem por First 07.03.15 13:47

Olá,

Como dito antigamente era possível fazer isso com um padrão e ele era apenas para a internet explore.
scrollbar-arrow-color: editava as setas da barra de rolagem, hoje dia não funciona mais, só que o senhor pode obter o efeito que desejastes usando plugins, como eu deixei um link para o senhor ler, você ao menos se quis ler o link que deixei para o senhor? Clique aqui.


Atenciosamente. Piscada
First

First
Super Membro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD 07.03.15 21:03

@First eu sempre uso Google Chrome, e o site que sitei que entrei e n tinha as setas, eu tinha entrado no mesmo pelo Google Chrome mesmo.

@Sennior desculpe não percebi sua mensagem, mas também o código não resultou.
iHeloaD

iHeloaD
Super Membro

Masculino
Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Membro Proficiente
  • 0

Tópico resolvido Re: Remover setas do Scroll

Mensagem por Konai 07.03.15 22:01

Saudações amigo!

Substitua todos os códigos fornecidos neste tópico, por este:
Código:
::-webkit-scrollbar-button:vertical:increment {display: none !important);}
::-webkit-scrollbar-button:vertical:decrement {display: none !important);}

Até! Muito feliz
Konai

Konai
Membro Proficiente
Membro Proficiente

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD 07.03.15 22:22

Sem resultado, porém pode dar o tópico como resolvido, obrigado pelo suporte.
iHeloaD

iHeloaD
Super Membro

Masculino
Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Membro Proficiente
  • 0

Tópico resolvido Re: Remover setas do Scroll

Mensagem por Konai 07.03.15 22:35

Substitua por este:
Código:
::-webkit-scrollbar{width:18px;height:5px;}
::-webkit-scrollbar-button{background-color:none !important;width:15px;height:0px;}
::-webkit-scrollbar-track-piece {background-color:#E7E7E7;-webkit-border-radius:0px;}
::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#B3B3B3;-webkit-border-radius:0px;border-left: 2px solid #ffffff;border-right: 2px solid #ffffff;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #808080 !important;}
::-webkit-scrollbar-thumb:horizontal{width:3px;background-color:#B3B3B3;-webkit-border-radius:0px;}
::-webkit-scrollbar-button:vertical:increment {background-image:none !important);}
::-webkit-scrollbar-button:vertical:decrement {background-image:none !important);}
Se quiser sem as bordas em cima e embaixo, e sem efeito hover quando o mouse estiver sobre a barra de rolagem(a parte escura que desce e sobe), substitua por este outro:
Código:
::-webkit-scrollbar{width:18px;height:5px;}
::-webkit-scrollbar-button{background-color:none !important;width:15px;height:0px;}
::-webkit-scrollbar-track-piece {background-color:#E7E7E7;-webkit-border-radius:0px;}
::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#B3B3B3;-webkit-border-radius:0px;border-left: 2px solid #ffffff;border-right: 2px solid #ffffff;}
::-webkit-scrollbar-thumb:horizontal{width:3px;background-color:#B3B3B3;-webkit-border-radius:0px;}
::-webkit-scrollbar-button:vertical:increment {background-image:none !important);}
::-webkit-scrollbar-button:vertical:decrement {background-image:none !important);}
Eu testei ambos e são funcionais! Muito feliz

Até! Piscada


Última edição por Hakuouki em 07.03.15 22:58, editado 3 vez(es) (Motivo da edição : Disponibilizar outro código e adicionar mais detalhes.)
Konai

Konai
Membro Proficiente
Membro Proficiente

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD 07.03.15 22:46

Perfeito, muito obrigado.
iHeloaD

iHeloaD
Super Membro

Masculino
Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Remover setas do Scroll

Mensagem por Konai 07.03.15 22:48

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Konai

Konai
Membro Proficiente
Membro Proficiente

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

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

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