Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como adicionar um Painel de Usuário no fórum?
Hoje à(s) 09:43 am por Shek

» Widget staff online
Hoje à(s) 06:42 am por Daemon

» Avatar Roger
Hoje à(s) 03:01 am por APOllO

» Anúncio tapando parte do fórum
Ontem à(s) 10:34 pm por Harleen

» Queria meu forum assim
Ontem à(s) 10:24 pm por Harleen

» Musica no Forum
Ontem à(s) 10:11 pm por Harleen

» Como Importar/Exportar Postagens para outro fórum
Ontem à(s) 10:05 pm por Shek

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
Shek
 
APOllO
 
Lincoln
 
Roger_Crazzy
 
>.< T-T =3
 

Quem está conectado
249 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 246 Visitantes :: 1 Motor de busca

Enzo_Laco, Luiz, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Remover setas do Scroll

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

Resolvido Remover setas do Scroll

Mensagem por iHeloaD em 06/03/15, 03:29 pm

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, 07:46 pm, editado 2 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq
  • 0

Resolvido Re: Remover setas do Scroll

Mensagem por EuficoLoko em 06/03/15, 03:49 pm

Olá!

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

Atenciosamente.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD em 06/03/15, 04:12 pm

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Remover setas do Scroll

Mensagem por Gaaratsu em 06/03/15, 04:34 pm

Saudações!

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

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: Remover setas do Scroll

Mensagem por First em 06/03/15, 04:37 pm

Olá,

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


Até! Piscada
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1288
Pontos Ativos : 1846

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD em 06/03/15, 11:16 pm

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

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Remover setas do Scroll

Mensagem por Sennior em 06/03/15, 11:52 pm

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16306
Pontos Ativos : 20793

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Remover setas do Scroll

Mensagem por First em 07/03/15, 12:16 am

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
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1288
Pontos Ativos : 1846

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD em 07/03/15, 12:33 am

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Remover setas do Scroll

Mensagem por Sennior em 07/03/15, 12:36 am

@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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16306
Pontos Ativos : 20793

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Remover setas do Scroll

Mensagem por First em 07/03/15, 10:47 am

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
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1288
Pontos Ativos : 1846

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD em 07/03/15, 06:03 pm

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq
  • 0

Resolvido Re: Remover setas do Scroll

Mensagem por Gaaratsu em 07/03/15, 07:01 pm

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD em 07/03/15, 07:22 pm

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq
  • 0

Resolvido Re: Remover setas do Scroll

Mensagem por Gaaratsu em 07/03/15, 07:35 pm

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, 07:58 pm, editado 3 vez(es) (Razão : Disponibilizar outro código e adicionar mais detalhes.)
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: Remover setas do Scroll

Mensagem por iHeloaD em 07/03/15, 07:46 pm

Perfeito, muito obrigado.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Remover setas do Scroll

Mensagem por Gaaratsu em 07/03/15, 07:48 pm

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.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