Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Como colocar cor automática nos códigos?
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
Como colocar cor automática nos códigos?
- 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ódigo | Tags: | colocar,automática,códigos? |
Re: Como colocar cor automática nos códigos?
Saudações,
O senhor diz nos códigos do Codebox?
No mais veja:
https://ajuda.forumeiros.com/t67865-
Até mais.
O senhor diz nos códigos do Codebox?
No mais veja:
https://ajuda.forumeiros.com/t67865-
Até mais.
Re: Como colocar cor automática nos códigos?
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
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
Re: Como colocar cor automática nos códigos?
Saudações,
Não compreendi bem.
No caso o senhor quer fazer como o FDF na caixa de código ao colocar um código? Exemplo:
http://prntscr.com/4qvaam
Até mais.
Não compreendi bem.
No caso o senhor quer fazer como o FDF na caixa de código ao colocar um código? Exemplo:
http://prntscr.com/4qvaam
Até mais.
Re: Como colocar cor automática nos códigos?
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...
Re: Como colocar cor automática nos códigos?
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:
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}
Até mais!
Re: Como colocar cor automática nos códigos?
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...
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...
Re: Como colocar cor automática nos códigos?
Saudações,
Adicione mais este código JavaScritp com investimento nos tópicos:
Até mais.
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.
Re: Como colocar cor automática nos códigos?
Showw cra, dá uma olhada: http://www.schultzgames.com/t21-tutorial-lanterna
funcionando perfeitamente ^^
Muito Obrigado!
funcionando perfeitamente ^^
Muito Obrigado!
Re: Como colocar cor automática nos códigos?
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Como colocar fonte automatica nas mensagens
» Como colocar data automática
» Códigos para colocar fontes
» Como colocar assinatura automatica nas mensagens ?
» Colocar uma descrição automática em um tópico - Formulário 2.0
» Como colocar data automática
» Códigos para colocar fontes
» Como colocar assinatura automatica nas mensagens ?
» Colocar uma descrição automática em um tópico - Formulário 2.0
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