Prettifier da codebox do fdf Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Prettifier da codebox do fdf

2 participantes

Ir para baixo

Tópico resolvido Prettifier da codebox do fdf

Mensagem por Scrat 14.12.12 19:00

Qual é minha questão:
Olá,
Eu gostaria de saber qual é o código da Prettifier que o FdF usa, para fazer aparecer aquela "barra" ao lado de cada linha dos códigos, e a numeração também.

Exemplo:
Código:
Linha
Linha
Linha
<-Essa barra e os números


Até mais
Piscada

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

Versão do fórum:
PHPBB3


Última edição por Scrat em 14.12.12 21:17, editado 2 vez(es)
Scrat
Scrat
****

Membro desde : 21/04/2012
Mensagens : 233
Pontos : 342

http://shift.forumactif.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Prettifier da codebox do fdf

Mensagem por Consolado 14.12.12 19:05

Olá!

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

Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Prettifier da codebox do fdf

Mensagem por Scrat 14.12.12 20:56

Today escreveu:Olá!

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

Melhores cumprimentos.
Olá,
O tutorial deixou meu código meu "bugado"
https://i.servimg.com/u/f12/17/31/49/38/erroco10.png

Até mais
Piscada
Scrat
Scrat
****

Membro desde : 21/04/2012
Mensagens : 233
Pontos : 342

http://shift.forumactif.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Prettifier da codebox do fdf

Mensagem por Consolado 14.12.12 21:06

Olá!

Utilize esse código Javascript com o Investimento nos tópicos:
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>')}})});
E utilize esse código CSS:
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}
Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Prettifier da codebox do fdf

Mensagem por Scrat 14.12.12 21:17

Today escreveu:Olá!

Utilize esse código Javascript com o Investimento nos tópicos:
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>')}})});
E utilize esse código CSS:
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}
Melhores cumprimentos.

Os números só vão até 63
Obrigado

Até mais
Piscada
Scrat
Scrat
****

Membro desde : 21/04/2012
Mensagens : 233
Pontos : 342

http://shift.forumactif.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos