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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Botão neon resposta rapida
Hoje à(s) 4:44 por Daemon

» Mudar cor Da Barrinha e mudar cor do menu
Hoje à(s) 4:35 por Mr.Probz

» [Ranks] Laranja - Médio - Texto branco
Hoje à(s) 3:47 por Harold C+

» Imagem de fundo no fórum
Hoje à(s) 3:29 por Cream

» Membro do mês
Hoje à(s) 2:42 por while

» Personalizar o menu
Hoje à(s) 2:09 por Cream

» Redução dos Ranks...
Hoje à(s) 1:58 por Sennior

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Mr.Probz
 
Cream
 
while
 
idarkdg
 
Nean
 
Apollo
 
Harleen
 
lavinnia
 
Sennior
 
William_iHarDz
 

Quem está conectado
87 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 80 Visitantes :: 2 Motores de busca

Carmen Soares, Castiel, Daemon, Harold C+, IsmaelS., Mr.Probz, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Barra de rolagem das Codebox

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

Resolvido Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Sex 21 Nov 2014 - 0:49

Detalhes da dúvida

Versão do fórum : Invision
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://schultzgames.forumeiros.com/

Descrição do problema

Tenho vários tópicos com tutoriais e nestes tutoriais existem diversos scripts...

como neste por exemplo:

http://www.schultzgames.com/t77-tutorial-criar-um-array-lista-de-objetos#152


O que gostaria de fazer é remover a barra de rolagem LATERAL, deixando o script inteiro de cima a baixo, e gostaria de adicionar uma barra de rolagem HORIZONTAL, impedindo que linhas pulem para baixo...


Última edição por MarcosSchultz em Sex 28 Nov 2014 - 2:22, editado 1 vez(es)

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por Sennior em Sex 21 Nov 2014 - 14:38

Saudações,

Peço desculpas, mas não compreendi bem.
Poderia especificar sua questão por imagens?

Até mais.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15959
Pontos Ativos : 22302

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

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Sex 21 Nov 2014 - 15:11


MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por Hakuouki em Sab 22 Nov 2014 - 3:44

Saudações autor!

Adicione o seguinte código no início da tua CSS:
Código:
code.punbb_block, pre.punbb_block {
overflow-x: scroll !important;
}
Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Não se esqueça de salvar após implementa-lo! OK

Atenciosamente,
Hakuouki Contente

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9091

http://ajuda.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Sab 22 Nov 2014 - 23:01

Colei este codigo na CSS, salvei e tudo, más nada acontece.

Já tentei vários outros metodos pesquisando por ai, más nada da certo

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por Hakuouki em Dom 23 Nov 2014 - 0:10

@MarcosSchultz escreveu:Colei este codigo na CSS, salvei e tudo, más nada acontece.

Já tentei vários outros metodos pesquisando por ai, más nada da certo

Estranho... aqui apareceu ela! Pensativo

Vejamos: o senhor deseja retirar a barra scroll vertical e adicionar uma horizontal nos code, certo? zen

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9091

http://ajuda.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Dom 23 Nov 2014 - 1:51

Exato, somente isto

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por Hakuouki em Dom 23 Nov 2014 - 2:37

Substitua o código fornecido anteriormente por este:
Código:
code.punbb_block, pre.punbb_block {
overflow-x: scroll !important;
overflow-y: none !important;
}

Até! Contente

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9091

http://ajuda.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Dom 23 Nov 2014 - 16:46

Cara, nenhum efeito ainda. As codebox continuam como estavam.


( o efeito está na CSS ativo )

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por Hakuouki em Dom 23 Nov 2014 - 19:17

Substitua por este:
Código:
pre.highlight.punbb_block.prettyprint.lang-null.linenums.theme-balupton.prettyprint-has {
overflow-y: scroll !important;
overflow-x: none !important;
}

Até! Contente

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9091

http://ajuda.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Dom 23 Nov 2014 - 19:52

Continua a mesma coisa... barra de rolagem lateral normal e o script não aparece inteiro. e a barra de rogalem horizontal ainda não aparece

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por Hakuouki em Dom 23 Nov 2014 - 20:08

Poderia me enviar a tua CSS por gentileza?

Até! Contente

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9091

http://ajuda.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Dom 23 Nov 2014 - 20:11

Código:
.pagination {
float: none !important;
left: -50% !important;
position: relative !important;
}
a[href="javascript:showhide(document.getElementById('plus_menu'))"]{
left: 2% !important;
position: relative !important;
}
.paginati{
left: +50% !important;
position: relative !important;
}
/* Menu-------------------------------------------------*/
.navbar {

clear: both;
background-image: url("http://i75.servimg.com/u/f75/16/15/60/55/barra_10.jpg");
padding:0px 10px;
}
ul.linklist li {
list-style-type: none;
width: auto;
font-size: 1.0em;
line-height: 2.2em;
display: inline;
}
ul.linklist li a img {
vertical-align: middle;
}
div#page-footer {
background-image: url('');
background-position: bottom center;
background-repeat: no-repeat;
padding: 23px;}

ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('aqui');
   text-align: CENTER;
   padding: 24px 0;
   }

li.row:hover {
background: url(CheatsGo) 100% 100% repeat;
background-position: right;
background-repeat: no-repeat;
background-color: #F0F9FF;}

.codebox dt {
   display: block;
   padding: 2px;
   background-image: url('http://g.imagehost.org/0127/imagine_cod.png');
   background-repeat: no-repeat;
   background-position: top right;
   text-transform: uppercase;
   font-weight: bold;
   }
.row .pagination {
  display: block;
  float: right;
  width: auto;
  margin-top: 0;
  font-size: 0.9em;
  background: url('http://g.imagehost.org/0404/multipage.gif') no-repeat 0 50%;; padding-left:15px; padding-right:0; padding-top:1px; padding-bottom:1px
  }

#page-header #search-box {
display: none;
}

.messaging-box textarea {
  border: 1px solid #c4c4c4;
        background-position: bottom right;
  background-repeat:no-repeat;
  background-attachment: scroll;
        background-image: url('http://i40.tinypic.com/9qgyg7.jpg');
  }
.postbody img {max-width: 500px;}

li > a.mainmenu[href="/memberlist"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/groups"] { display : none; }

a.copyright, a.icon-home {
color: #ffffff;
}

#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #000000;
}
p.rightside + p {
display: none;
}

p.rightside {
display: none;
}




#chatbox:after {
content: 'Pornografia e desrespeito com os demais resultará em BAN... O resto ta liberado o/' !important;
background: url('http://i.imgur.com/QWzWG1j.png') left center no-repeat !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
background-color: transparent !important;
border: 1px solid green !important;
color: green !important;
display: block !important;
font-size: 12px !important;
padding: 10px !important;
padding-left: 35px !important;
}






#stats {
  background: #F4F4F4;
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #333;
  border: 1px solid #DDD;
  border-bottom: none;
  margin-top: 8px;
  padding: 8px 10px;
}
#stats .h3 + p {
  float: right;
}
#stats .h3, .onlinelist br + strong + br, .onlinelist a + br + br +br + br, #i_whosonline {
  display: none;
}
#stats + .h3 {
  border: none;
  font-weight: normal;
  text-transform: none;
  position: relative;
  margin-top: -26px;
  text-align: right;
  right: 14px;
  top: 33px;
}

#stats + .h3 a {
  font-size: 13px;
}
.onlinelist {
  font-size: 12px;
  color: #333;
  background: #F4F4F4;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  border: 1px solid #DDD;
  border-top-style:  dashed;
  margin-top: 8px;
  padding: 8px 10px;
}
.onlinelist em {
  font-style: normal;
}


a.mainmenu[href="/faq"]{
display: none !important;
}


/*Trocar @ por Moderadores*/
#chatbox > p span.user > span:after {
content: 'MOD ';
}
#chatbox > p span.user > span strong,
a.chat-title, #chatbox_header a.cattitle strong {
z-index: 999;
}


.button, button.button2, input.button2, input[type="button"], input[type="reset"], input[type="submit"] {background-image: url();border: 1px solid #ddd;border-radius: 2px;color: #666;display: inline;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: 400;line-height: 17px;margin: 0;padding: 3px 7px;text-align: center;text-decoration: none;}



li > a.mainmenu[href="/memberlist"] {display: -webkit-inline-box!important;}

.pagination span strong {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 7px 10px;
color: #000;
}

.pagination span a:link {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 6px;
padding: 6px 10px;
color: #000;
}

 .pagination span a:link:hover, .pagination span strong:hover {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: solid 1px #DDD;
border-radius: 45px;
padding: 4px 15px;
background: #424242 url('');
color: #FFF;
padding: 4px 15px;
}
strong.pagination a, .topic-paging a {
text-align: center !important;
margin-left: 250px !important
}




#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {vertical-align: middle;}
#rep_post span img {cursor: pointer;}
#rep_post .reput_vote {
background-image: url('http://i.imgur.com/UGqTZqe.png');
background-repeat: repeat-x;
background-position: 0 1px;
font-size: 10px;
padding: 2px 10px !important;
color: #fff;
font-weight: bold;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

pre.highlight.punbb_block.prettyprint.lang-null.linenums.theme-balupton.prettyprint-has {
overflow-y: scroll !important;
overflow-x: none !important;
}

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Ter 25 Nov 2014 - 12:45

up?

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Qua 26 Nov 2014 - 2:53

up 2 ?

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por Sennior em Qua 26 Nov 2014 - 6:59

Saudações,

Mas vejo que já existe outro estilo de codebox em teu fórum, veja:
Seta http://prntscr.com/5a8y8g

Até mais.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15959
Pontos Ativos : 22302

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

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Qua 26 Nov 2014 - 14:13

@Sennior escreveu:Saudações,

Mas vejo que já existe outro estilo de codebox em teu fórum, veja:
Seta http://prntscr.com/5a8y8g

Até mais.

Sim, é um efeito para " colorir " os scripts, o que eu gostaria de fazer é deixar o script inteiro, de cima a baixo ( sem a barra de rolagem lateral ) e colocar uma barra de rolagem horizontal em baixo...

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Qui 27 Nov 2014 - 23:22

up

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por JScript em Sex 28 Nov 2014 - 0:26

@MarcosSchultz escreveu:up
Eu não resisti e tive que logar aqui para te explicar que o fato de as linhas dos comentários serem "divididas" para baixo pelo fato de não existir uma barra de rolagem que as deixe inteiras, em nada isso vai atrapalhar na hora de selecionar e copiar o código pois o que você está vendo na tela é apenas uma visualização, nada mais!!!

Te dar um CSS que deixe a visualização da forma que você quer, será apenas para realizar seu "desejo" pois como eu já falei, isso não irá atrapalhar a cópia do código, em outras palavras: As linhas dos comentários na qual você deseja que fiquem inteiras, apenas em uma única linha, se estiverem divididas em várias linhas, será apenas na visualização do código, se elas foram digitadas em uma única linha, quando você copiar o código elas estarão do mesmo jeito: em uma única linha, não estarão divididas/quebradas em duas ou mais linhas!!!

Espero que entenda, caso contrário, releia todo a minha explicação, palavra por palavra e com certeza irá entender!


Edit:
Se for verdade que uma imagem vale mais que mil palavras, veja essa então e nos comprove essa sentença:


Perceba que as linhas dos comentários estão passando para "outra linha", mas ao clicar no botão [popup], elas simplesmente ficam da forma original em que foram escritas!

Edit2:
Se ainda assim não estiver satisfeito com minha explicação e insistir em ter esse formato, abaixo está o CSS que elimina a barra vertical e deixa as linhas de comentários inteiras:
Código:

code.punbb_block, pre.punbb_block {
  background-color: #fafafa !important;
  border: 1px solid #c9c9c9 !important;
  color: #000;
  font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;
  font-size: 11px !important;
  line-height: 110% !important;
  max-height: 100% !important;
  overflow: auto !important;
  padding: 5px !important;
  white-space: pre-wrap !important;
  width: 100% !important;
}

JS


Última edição por JScript em Sex 28 Nov 2014 - 0:35, editado 2 vez(es) (Razão : Imagem adicionada!)

JScript
Membro do Fórum

Masculino
Inscrito dia : 15/03/2013
Mensagens : 1449
Pontos Ativos : 3186

http://jscript.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Sex 28 Nov 2014 - 0:44

continuo com a barra de rolagem vertical como pode ser visto neste tópico


http://www.schultzgames.com/t76-tutorial-trocar-de-cameras-com-scroll-do-mouse


não é frescura minha querer a barra horizontal, é apenas uma opção já que quero retirar a barra lateral.

a idéia é que o script fique inteiro na tela e não só aquele quadradinho com uns 250 px de altura

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Barra de rolagem das Codebox

Mensagem por JScript em Sex 28 Nov 2014 - 1:31

@MarcosSchultz escreveu:continuo com a barra de rolagem vertical como pode ser visto neste tópico


http://www.schultzgames.com/t76-tutorial-trocar-de-cameras-com-scroll-do-mouse
Desculpe-me pois eu copiei o CSS errado, o correto é este:
Código:

.prettyprint ol.linenums li {
  min-width: 1900px;
}
pre code.punbb_block, pre.punbb_block {
  max-height: 100% !important;
}

Resultado:
http://i.imgur.com/2ozXgUO.png

JS

JScript
Membro do Fórum

Masculino
Inscrito dia : 15/03/2013
Mensagens : 1449
Pontos Ativos : 3186

http://jscript.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Sex 28 Nov 2014 - 2:07

Nenhum efeito ainda...

Estou com o código ativo na CSS


@@ edit

a barra de rolagem horizontal foi adicionada ^^

mas a barra vertical continua...

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Barra de rolagem das Codebox

Mensagem por JScript em Sex 28 Nov 2014 - 2:15

Ok, isso é apenas um problema de prioridades...

Troque o trecho abaixo:
Código:

pre code.punbb_block, pre.punbb_block {
  max-height: 100% !important;
}

Por este:
Código:

pre.highlight.punbb_block {
  max-height: 100% !important;
}

Resolve!

JS

JScript
Membro do Fórum

Masculino
Inscrito dia : 15/03/2013
Mensagens : 1449
Pontos Ativos : 3186

http://jscript.forumeiros.com/

Resolvido Re: Barra de rolagem das Codebox

Mensagem por MarcosSchultz em Sex 28 Nov 2014 - 2:21

Feitooou, vlwww ^^

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 473
Pontos Ativos : 1373

http://schultzgames.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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5