Como personalizar a caixa de códigos do fórum?

[IsmaelS.]

Detalhes da questão

Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá!

Seria possível deixar o aspeto da codebox igual ao do FdF?

[while]

Olá autor, boa noite.

Já tinha feito algo parecido com o código do FdF há um tempo atrás, no meu fórum condiz no dia 30 de setembro, que foi o dia que postei o tópico, mas, devo ter feito bem antes.Sem mais delongas, crie um novo javascript com esse código:

Código:

function selectCode(a){a=$(a).closest("dl").find(".cont_code,code")[0];if(window.getSelection){var c=window.getSelection();if(c.setBaseAndExtent)c.setBaseAndExtent(a,0,a,a.innerText.length-1);else{window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.setStart(a.childNodes[0],0);b.setEnd(a,a.childNodes.length);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a),c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())};$(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dd').prepend('<i onClick="selectCode(this)" class="fa fa-clipboard"></i>')});

Adicione em sua folha de estilo css:

Código:

dl.codebox:not(.spoiler) {background-color: #272822!important;padding-right: 0!important;text-shadow: 1px 1px 0 #1B1C18;}
dl.codebox .fa.fa-clipboard {color: #fff;cursor: pointer;float: right;left: -35px;position: relative;}
.fa-paste:before, .fa-clipboard:before {content: "\f0ea";}
dl.codebox code {color:#fff;font-size: 12pt;font-style: normal;font-variant: normal;font-weight: normal;font-family: monospace;max-height: 200px;overflow: auto;display: block;}
dl.codebox:not(.spoiler) dt {display: none;}

Até mais.

[IsmaelS.]

Como podes ver neste tópico:
http://master-publicitario.forumeiros.com/t759-asdasdasdads#2797

O font awsome ainda não instalei no fórum pois até uma dúvida sobre isso:
https://ajuda.forumeiros.com/t108317-instalacao-de-font-awesome

Será que conseguia deixar as setas "<>" em branco ?

[while]

Olá novamente.

Adicione esse código em sua folha de estilo css:

Código:

dl.codebox:before {color:#fff!important;}
        dl.codebox .fa.fa-clipboard {margin-right:25px!important;}

Quanto ao font-awesome depois leio e lhe respondo naquele tópico. Tem algo a mais que falta?

Até mais.

[IsmaelS.]

Resultou, obrigado!

[Kyo Panda]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".