Personalizar caixa de código (code)

Detalhes da questão

Endereço do fórum: http://demotd2.forumeiros.com/
Versão do fórum: PunBB

Descrição

Bom, quero saber como mudo minha caixa de códigos.

Atualmente ela está assim:

Quero deixar ela mais elegante etc... é possível?

Olá amigo, sua duvida é apenas saber se é possível?
Sim... é possível!

Se quiser posso lhe ajudar a aplicar um novo "designer" nela, mas preciso saber como queres.

Atenciosamente,
While.

Olá , crie um novo javascript com investimento em todas as paginas com esse código:

Código:

$(function(){window.codeTranslate={selectContent:"Selecionar tudo",showLineNumber:"Mostrar numéros das linhas",hideLineNumber:"Ocultar numéros das linhas",gotoLine:"Ir para a linha ...",gotoLineOffsetTop:5};$("code").length&&$.getScript("http://baivong.github.io/cdn/devsforumvi/js/35300.js")});

Atenciosamente,
While.

Fico bom teria como mudar a cor da barra? para azul.
e botar essa barra na caixa de código que eu esqueci o nome.

Barra: https://i.imgur.com/7k4mP8G.jpg

Certo, adicione esse código na sua folha de estilo css:

Código:

dl.codebox > dt {background:url(//i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center blue!important;}
dl.codebox > dt {background:url(//i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center blue!important;}
        dl.codebox code {overflow: auto!important;max-height: 1900px!important;}
        div.lineNumber {max-height:1900px!important;}

Resulta?

Atenciosamente,
While.

Opá, obrigado pode fechar.