Tag code com contador de linha

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

Atendido / Resolvido Tag code com contador de linha

Mensagem por Connor R. em 04.07.13 15:21

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 18:08, editado 1 vez(es)
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1043
Pontos Ativos : 1689

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Tag code com contador de linha

Mensagem por Convidado em 04.07.13 17:08

Olá!

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

Graciosamente,
FockerH. Muito feliz
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Tag code com contador de linha

Mensagem por Connor R. em 04.07.13 17:22

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.
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1043
Pontos Ativos : 1689

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Tag code com contador de linha

Mensagem por Convidado em 04.07.13 17:36

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
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Tag code com contador de linha

Mensagem por North em 04.07.13 17:43

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!
North

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3843
Pontos Ativos : 5045

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Tag code com contador de linha

Mensagem por Connor R. em 04.07.13 18:07

Funcionou cara, valeu ae..

resolvido...
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1043
Pontos Ativos : 1689

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


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum