Contador de linhas na tag code

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

Resolvido Contador de linhas na tag code

Mensagem por Yunnoh em 18/11/12, 07:31 pm

Gostaria de adicionar este contador de linhas e esta linha verde ao lado do contador de linhas na tag "Code".
Legenda:
Amarelo: Itens que quero adicionar em meu fórum.


Fórum: http://transformicebr.ativoforum.com/ (phpBB 3)

Imagens do problema:


Última edição por Yunnoh em 18/11/12, 07:54 pm, editado 1 vez(es)
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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

Resolvido Re: Contador de linhas na tag code

Mensagem por Sennior em 18/11/12, 07:43 pm

Boa noite!

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}

Seu grande amigo,
Mikéé.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Contador de linhas na tag code

Mensagem por Yunnoh em 18/11/12, 07:54 pm

Perfeito!
#Reputado.
#.
.
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.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