Qual é minha questão:
Olá,
Eu queria saber, como coloco a caixa de códigos, igual a esta, da forumeiros mesmo:

se der fail: https://i.imgur.com/wBrNMFW.png

Queria saber o código, e saber também se é pra colocar na folha estilo CSS

Endereço do meu fórum:
http://off-design.forumeiros.com

Versão do fórum:
PHPBB3

Olá, querido.

Quer dizer a cor de dentro do código ?
Se for não podemos lhe ajudar pois envolve código javascripts/jquery

Até mais.

Não, só a caixa de código, que tem os numeros do lado.
assim
====== selecionar conteúdo
1.
2.
3.
======

Olá,

Senhor, crie um novo javascript, com o investimento em todas as páginas, com o seguinte código:

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.

Olá, !

Aceda a sua CSS:

Código:

dl.codebox dt {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}

Atenciosamente.

Sem resultados.

Olá amigo,

Tem muitos códigos JavaScripts em teu fórum? Se sim, retire todos e salve em um editor de texto qualquer, como o próprio bloco de notas, depois vá:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

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>')}})});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>");});

Abraços!

Saudações!

Veja este tópico:
 https://ajuda.forumeiros.com/t74955-

Até mais.

Olá, o código que o Sennior postou deu certo, mais aparace os numeros em 2 colinas.
assim:
1|1
2|2
3|3
Olha aqui como ficou: http://off-design.forumeiros.com/t2-

Até mais.

Olá amigo,

Mas o senhor tem que retirar tudo que lhe passaram aqui neste tópico e usar somente o que eu passei. Retire tudo que lhe passaram e teste apenas o meu, veja também se colocou algum CSS que afeta o código como este:

Código:

dl.codebox dt {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}

Até mais.

Obrigado Sennior,
Ajudou-me muito.
Tinha colocado 2 códigos JS idênticos no fórum.
Pode fechar.