Personalizar code

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

Resolvido Personalizar code

Mensagem por Horlock em 11/01/13, 03:10 pm

Qual é minha questão:
Olá amigos,
Queria saber como remover a barra de rolagem (destacada na imagem) na tag code, queria que ao inves de uma barra de rolagem ficasse apenas linhas igual aqui no FdF.

Imagem: http://i16.servimg.com/u/f16/17/96/97/18/captur10.jpg
Para melhor visualização: http://klone-downs.forumeiros.com/t19-teste-code-spoiler#19

Endereço do meu fórum:
http://klone-downs.forumeiros.com

Versão do fórum:
INVISION


Última edição por Horlock em 13/01/13, 05:44 am, editado 1 vez(es)
avatar

Horlock
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 131
Pontos Ativos : 261

Ver perfil do usuário

Resolvido Re: Personalizar code

Mensagem por Ace em 11/01/13, 03:24 pm

Olá,

Você mesmo deve efetuar a quebra de linha nos códigos.

Até Mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar code

Mensagem por Horlock em 11/01/13, 03:47 pm

Mas como faço a quebra de linha ?
avatar

Horlock
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 131
Pontos Ativos : 261

Ver perfil do usuário

Resolvido Re: Personalizar code

Mensagem por Consolado em 11/01/13, 04:06 pm

Olá!

Leia o seguinte tópico:
Seta [TUTORIAL] Caixa de código com contador de linhas

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Personalizar code

Mensagem por Horlock em 11/01/13, 04:29 pm

Infuncional
avatar

Horlock
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 131
Pontos Ativos : 261

Ver perfil do usuário

Resolvido Re: Personalizar code

Mensagem por HenRyqUéè em 11/01/13, 05:47 pm

Olá Horlock!

Vá em:

Módulos HTML e JavaScript Gestão do Códigos JavaScript Novo JavaScript

Título * : Coloque qualquer título;
Investimento : Marque "Em todas as páginas";
Código JavaScript * : Cole o seguinte código:

Código:
$(document).ready(function(){
$("dl.codebox.contcode").css("overflow-x","hiddem");
$("dl.codebox.contcode").css("overflow-y","auto");
$("dl.codebox.contcode").css("min-height","120px");
});
Salve!

Cordialmente,
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Personalizar code

Mensagem por Mafioso em 11/01/13, 09:44 pm

use esse
Código:
 jQuery(document).ready(function(){jQuery('.postbody dl.codebox dd code').each(function(){t=1;if(this.innerHTML.indexOf('<br>')!=-1){t='';i=1;while(i<=this.innerHTML.split('<br>').length){t+='\n'+i;i++};jQuery(this).before('<pre>'+t+'</pre>')}})});jQuery(document).ready(function(){$("code").prepend("<style>.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:-1px;color:#A8A5A5;margin-right:5px;font-family:Consolas,Bitstream Vera Sans Mono,Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,Bitstream Vera Sans Mono,Courier New;background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}</style>");});


Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.
avatar

Mafioso
Usuário destaque

Masculino
Inscrito dia : 13/11/2012
Mensagens : 707
Pontos Ativos : 903

Ver perfil do usuário http://www.brasilplaycity.com.br/forum

Resolvido Re: Personalizar code

Mensagem por Horlock em 11/01/13, 11:45 pm

HenRyqUéè não funcionou.
Mafioso esse código é o mesmo do tutorial que o Today me paso.
avatar

Horlock
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 131
Pontos Ativos : 261

Ver perfil do usuário

Resolvido Re: Personalizar code

Mensagem por seender em 12/01/13, 11:33 pm

Olá!

Quando adiciona o código no fórum não lhe é exibido nenhum efeito? acabo de adiciona-lo em meu fórum e surte total efeito, verifique se está adicionando o código correto a versão de seu fórum.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar code

Mensagem por Horlock em 13/01/13, 05:44 am

Ja resolvi o problema obrigado.
avatar

Horlock
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 131
Pontos Ativos : 261

Ver perfil do usuário

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