Como colocar cor automática nos códigos?

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

Resolvido Como colocar cor automática nos códigos?

Mensagem por MarcosSchultz em 27/09/14, 03:15 pm

  • Descrição:
Por exemplo, clico ali no botão de adicionar script, e coloco um script... ele fica todo de uma cor só... teria como fazer " colorir " o script de forma automática, onde " void " fica na cor rocha, o que está depois de " // " fica de cor cinza, como este script por exemplo...



alguém sabe um metodo de fazer isso?

  • Informações:
Fórum:http://www.schultzgames.com/Versão:PHPBB2
Tipo:Pedido de códigoTags:colocar,automática,códigos?

avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

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

Resolvido Re: Como colocar cor automática nos códigos?

Mensagem por Sennior em 27/09/14, 03:23 pm

Saudações,

O senhor diz nos códigos do Codebox?
No mais veja:
Seta http://ajuda.forumeiros.com/t67865-

Até mais.
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: Como colocar cor automática nos códigos?

Mensagem por MarcosSchultz em 27/09/14, 03:31 pm

seria por ex, eu colo um código no CodeBox " <> " um código sem cor nenhuma e talz... más quando envio a resposta o código fica colorido automaticamente..

Void fica de roxo
comentarios de cinza
funçoes de verde

algo parecido...

tentei esses passos do tópico que você citou más não obtive exito
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

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

Resolvido Re: Como colocar cor automática nos códigos?

Mensagem por Sennior em 27/09/14, 03:37 pm

Saudações,

Não compreendi bem. Louco
No caso o senhor quer fazer como o FDF na caixa de código ao colocar um código? Exemplo:
Seta http://prntscr.com/4qvaam

Até mais.
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: Como colocar cor automática nos códigos?

Mensagem por MarcosSchultz em 27/09/14, 03:46 pm

exatamente, más no caso, eu uso códigos em JavaScript, C# e C++, más é isso que apareceu na foto que eu desejo que aconteça...
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

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

Resolvido Re: Como colocar cor automática nos códigos?

Mensagem por Sennior em 27/09/14, 04:49 pm

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}


Até mais!
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: Como colocar cor automática nos códigos?

Mensagem por MarcosSchultz em 27/09/14, 05:59 pm

Nada acontece... olhe este tópico por exemplo...

http://www.schultzgames.com/t21-tutorial-lanterna

a numeração ao lado do script aparece, más comandos como " function ", " if " "false " " true " nada disso muda de cor... tentei postar o conteúdo novamente más nada acontece...
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

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

Resolvido Re: Como colocar cor automática nos códigos?

Mensagem por Sennior em 28/09/14, 12:59 am

Saudações,

Adicione mais este código JavaScritp com investimento nos tópicos:
Código:
$(function(){$(window).load(function(){var av=$('#fa_usermenu img:eq(0)').attr('src');$('#fa_welcome').prepend('<img src="'+av+'" class="fa_avatar" />')})});jQuery(document).ready(function(){jQuery('.post').each(function(){if(jQuery(this).is('.equipefundo,.equipefundoAju,.equipefundoAnaliza,.equipefundoArt,.equipefundoBlog,.equipefundoMods')){jQuery(this).find('.postprofile dl dd > span:contains("Barra de respeito às regras")').next('img').remove().end().remove()}})});jQuery(function(){var sCSS='<style>'+'/***'+'* Syntax Highlighter funtionality for Forumotion!'+'* CSS: .codebox dd.cont_code'+'* (c) http://balupton.github.io'+'* Version: 1.28082013-jq1.9.1'+'* Made by JScript - 2013/12/16'+'*/'+'code.punbb_block, pre.punbb_block {'+'  background-color: #FAFAFA !important;'+'  border: 1px solid #C9C9C9 !important;'+'  color: #000000;'+'  font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;'+'  font-size: 11px !important;'+'  line-height: 110% !important;'+'  max-height: 250px !important;'+'  overflow: auto !important;'+'  padding: 5px !important;'+'  white-space: pre-wrap !important;'+'  width: auto !important;'+'}'+'.punbbtop {'+'  background-color: #FFDEAD !important;'+'  color: #1D3652;'+'  font-size: 10px;'+'  font-weight: bold;'+'  line-height: 100%;'+'  margin-top: 5px;'+'  padding: 2px 1px 2px 3px;'+'}'+'.punbbtop button {'+'  background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;'+'  border: 1px solid #BBBBBB;'+'  border-radius: 3px 3px 3px 3px;'+'  color: #1D3652;'+'  cursor: pointer;'+'  display: inline-block;'+'  font-size: 10px;'+'  padding: 0 6px;'+'  text-decoration: none;'+'}'+'.punbbtop button:hover {'+'  background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;'+'  border-color: #9A9A9A;'+'  color: #3D70A3;'+'}'+'.punbbtop button:active {'+'  position: relative;'+'  top: 1px;'+'}'+'pre.punbb_block.expand, code.punbb_block.expand {'+'  max-height: 100% !important;'+'}'+'.prettyprint ol.linenums{'+'  padding-left: 15px !important;'+'}'+'</style>';document.head.insertAdjacentHTML('beforeEnd',sCSS);if(jQuery('.cont_code').length){var tagCode=jQuery('.cont_code')}else{if(jQuery('.cont_code').length){var tagCode=jQuery('.code')}else{var tagCode=jQuery('code')}}tagCode.each(function(){var sContent=jQuery(this).html();var codebox=jQuery(this).parent().parent();codebox.before('<div class="punbbtop">Código        <button onclick="punbbExpand(this); return false;">Expandir</button><button style="display: none" onclick="punbbCollapse(this); return false;">Diminuir</button>  <button onclick="punbbSelect(this); return false;">Selecionar</button>  <button onclick="punbbPopup(this); return false;">Pop-up</button>  </div><pre class="highlight punbb_block">'+sContent+'</pre>');codebox.remove()});jQuery.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js',function(){jQuery.SyntaxHighlighter.init({'wrapLines':false})})});function punbbExpand(oThis){jQuery(oThis).css('display','none');jQuery(oThis).next().css('display','');jQuery(oThis).parent().next('pre.punbb_block').addClass('expand')}function punbbCollapse(oThis){jQuery(oThis).css('display','none');jQuery(oThis).prev().css('display','');jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand')}function punbbPopup(oThis){var content=jQuery(oThis).parent().next('pre.punbb_block').html();var my_window=window.open("","PunBB code - Para selecionar o código: [Ctrl] + [A]","scrollbars=1toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");my_window.document.write('<pre>'+content+'</pre>')}function punbbAbout(oThis){alert('Simple code to add Syntax Highlighter fuctionality for Forumotion\n\nBy JScript FROM Brazil - 2013/12/16\n')}function punbbSelect(oThis){var doc=document;var text=jQuery(oThis).parent().next('pre.punbb_block')[0];if(doc.body.createTextRange){var range=doc.body.createTextRange();range.moveToElementText(text);range.select()}else if(window.getSelection){var selection=window.getSelection();var range=doc.createRange();range.selectNodeContents(text);selection.removeAllRanges();selection.addRange(range)}}

Até mais.
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: Como colocar cor automática nos códigos?

Mensagem por MarcosSchultz em 28/09/14, 12:51 pm

Showw cra, dá uma olhada: http://www.schultzgames.com/t21-tutorial-lanterna

funcionando perfeitamente ^^

Muito Obrigado!
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 497
Pontos Ativos : 675

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

Resolvido Re: Como colocar cor automática nos códigos?

Mensagem por Sennior em 29/09/14, 12:31 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para Questões resolvidas.
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

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