Tag code com contador de linha
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Tag code com contador de linha
Qual é minha questão:
Gostaria de ter o contador de linha na tag code igual ao aqui, ao FdF.
Endereço do meu fórum:
http://somosmugiwara.forumeiros.com
Versão do fórum:
PUNBB
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)
Re: Tag code com contador de linha
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.
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.
Re: Tag code com contador de linha
Olá!
Criei um código de JavaScript, com o código abaixo:
Graciosamente,
FockerH.
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>");});
Graciosamente,
FockerH.
Convidado- Convidado
Re: Tag code com contador de linha
Saudações!
Os procedimentos são esses:
Crie um novo Java Script com o código abaixo:
Logo depois, aceda em teu CSS com o código abaixo:
Testei no punBB e funcionou perfeitamente, têm mais JS instalados em seu fórum?
Até mais!
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!
Tópicos semelhantes
» Contador de linhas na tag code
» Como coloco o contador de linhas no code?
» Contador de visitantes
» Contador de visitas
» Contador regressivo
» Como coloco o contador de linhas no code?
» Contador de visitantes
» Contador de visitas
» Contador regressivo
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos