Personalizar tag code

3 participantes

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

Tópico resolvido Personalizar tag code

Mensagem por Michelangelo 18.08.13 19:42

Qual é minha questão:
Personalizar tag code Lu3nr

Gostaria que a tag code ficasse com esta numeração como aqui no fdf.

Testei os códigos fornecidos nestes tópicos, mas nenhum resultou.

https://ajuda.forumeiros.com/t81404-tag-code-com-contador-de-linha
https://ajuda.forumeiros.com/t70110-contador-de-linhas-na-tag-code

Endereço do meu fórum:
http://artdesign.ativoforum.com

Versão do fórum:
PHPBB3


Última edição por Michelangelo em 21.08.13 16:29, editado 1 vez(es)
Michelangelo

Michelangelo
***

Membro desde : 05/08/2013
Mensagens : 142
Pontos : 251

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Personalizando Codebox do fórum

Mensagem por First 19.08.13 2:16

Crie um novo JavaScript com o código abaixo Investimento: Em todas as páginas
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 adicione o seguinte código na sua folha de estilo 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}
Resulta?
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar tag code

Mensagem por Michelangelo 19.08.13 11:16

Não teve mudança.
Michelangelo

Michelangelo
***

Membro desde : 05/08/2013
Mensagens : 142
Pontos : 251

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar tag code

Mensagem por Sennior 19.08.13 11:24

Olá!

Troque o 1° código pelo abaixo:

Código:
jQuery(document).ready(function(){jQuery('.postbody dl.codebox dd code').each(function(){t=1;if(this.innerHTML.indexOf('
')!=-1){t='';i=1;while(i<=this.innerHTML.split('
').length){t+='\n'+i;i++};jQuery(this).before('
'+t+'
')}})});jQuery(document).ready(function(){$("code").prepend("");});
Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar tag code

Mensagem por Michelangelo 19.08.13 12:10

Agora teve alguma mudança, mas não ficou correto ainda.

Personalizar tag code Et0sq5M
Michelangelo

Michelangelo
***

Membro desde : 05/08/2013
Mensagens : 142
Pontos : 251

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar tag code

Mensagem por First 19.08.13 14:02

Tire todos os códigos passado a cima e troque por este
Investimento: Em todas as páginas
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>')}})});jQuery(document).ready(function(){$("code").prepend("<style>.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}</style>");});
Resulta?


Até mais...
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar tag code

Mensagem por Michelangelo 20.08.13 19:37

Olha, testei sem os javas e também não funcionou.
Michelangelo

Michelangelo
***

Membro desde : 05/08/2013
Mensagens : 142
Pontos : 251

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar tag code

Mensagem por Sennior 20.08.13 21:21

Boa tarde,

Leia o tópico abaixo e dê maior atenção à mensagem do "Convidado" se possível:

<li> https://ajuda.forumeiros.com/t62434-

Atenciosamente.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar tag code

Mensagem por Michelangelo 20.08.13 22:54

Olá sheldon.

Está avançando Muito feliz

Agora ficou assim:

Personalizar tag code GUrBq1y
Michelangelo

Michelangelo
***

Membro desde : 05/08/2013
Mensagens : 142
Pontos : 251

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar tag code

Mensagem por Sennior 21.08.13 15:35

Olá!

Agora vá no teu CSS e coloque o código abaixo:

Código:
.prettyprint ol.linenums li {
padding-left: 15px;
border-left: 3px #6ce26c solid;
}
Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar tag code

Mensagem por Michelangelo 21.08.13 15:41

Ficou no mesmo. Não teve mudança.
Michelangelo

Michelangelo
***

Membro desde : 05/08/2013
Mensagens : 142
Pontos : 251

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar tag code

Mensagem por Sennior 21.08.13 15:46

Olá!

Coloque este no inicio de teu CSS:

Código:
code {
padding-left: 15px;
border-left: 3px #6ce26c solid;
}
Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar tag code

Mensagem por Michelangelo 21.08.13 15:51

Agora apareceu a barra verde, mas ficou sem a numeração. Muito feliz
Michelangelo

Michelangelo
***

Membro desde : 05/08/2013
Mensagens : 142
Pontos : 251

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar tag code

Mensagem por Sennior 21.08.13 16:06

Bem, agora coloque este código JavaScript investimento nos tópicos que irá funcionar, mas tire aquele CSS que eu lhe passei:

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>')}})});jQuery(document).ready(function(){$("code").prepend("<style>.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}</style>");});

Até mais!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar tag code

Mensagem por First 21.08.13 16:10

Olá novamente,
Troque todos os códigos passado acima por este:
Código:
jQuery(function(){jQuery('code').each(function(){
jQuery(this).parent().parent().find('dt').html('Código:<a href="#" style="float:right;margin-right:5px" onclick="selectCode(this);return false">Selecionar conteúdo</a>');jQuery(this).attr('class','highlight')});
jQuery.getScript('http://balupton.github.com/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js',function(){
jQuery.SyntaxHighlighter.init({'wrapLines':false})})});
jQuery(document).ready(function(){jQuery('div#especial').append('<br><img src="http://i.imgur.com/xNveRoW.png">')});
Resulta?


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar tag code

Mensagem por Michelangelo 21.08.13 16:28

perfeito obrigado pela atenção sheldon.
Michelangelo

Michelangelo
***

Membro desde : 05/08/2013
Mensagens : 142
Pontos : 251

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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