Tag code com contador de linha

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

Resolvido Tag code com contador de linha

Mensagem por Connor R. em 04/07/13, 11:21 am

Qual é minha questão:
Gostaria de ter o contador de linha na tag code igual ao aqui, ao FdF.

Código:

<----queria estes números


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

Versão do fórum:
PUNBB


Última edição por Connor R. em 04/07/13, 02:08 pm, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Tag code com contador de linha

Mensagem por Convidado em 04/07/13, 01:08 pm

Olá!

Veja este tópico: Flecha ajudeiros http://ajuda.forumeiros.com/t70110-

Graciosamente,
FockerH. Muito feliz

Convidado
Convidado


Resolvido Re: Tag code com contador de linha

Mensagem por Connor R. em 04/07/13, 01:22 pm

Como pode ver neste link:

http://somosmugiwara.forumeiros.com/t334-criacao-de-aventuras

Este código não resulta, já tinha testado ele antes.
Deve ser a versão do meu fórum que é Punbb.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Tag code com contador de linha

Mensagem por Convidado em 04/07/13, 01:36 pm

Olá!

Criei um código de JavaScript, com o código abaixo:
Código:
jQuery(document).ready(function(){$("code").prepend("<style>.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.codebox dd pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:-4px;color:#A8A5A5;margin-right:5px;font-family:Consolas,Bitstream Vera Sans Mono,Courier New;padding-right:8px}.codebox dd{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}.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}</style>");});
Investimentos: Em todas as páginas.

Graciosamente,
FockerH. Muito feliz

Convidado
Convidado


Resolvido Re: Tag code com contador de linha

Mensagem por North em 04/07/13, 01:43 pm

Saudações!

Os procedimentos são esses:
Crie um novo Java Script com o código abaixo:

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>')}})});

Logo depois, aceda em teu CSS com o código abaixo:

Código:
.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:2px;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}

Testei no punBB e funcionou perfeitamente, têm mais JS instalados em seu fórum?

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Tag code com contador de linha

Mensagem por Connor R. em 04/07/13, 02:07 pm

Funcionou cara, valeu ae..

resolvido...
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

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