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

3 participantes

Ir para baixo

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

Mensagem por IsmaelS. 12.03.17 20:44

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?


Última edição por IsmaelS. em 13.03.17 1:58, editado 1 vez(es)
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a caixa de códigos do fórum?

Mensagem por while 13.03.17 1:19

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a caixa de códigos do fórum?

Mensagem por IsmaelS. 13.03.17 1:42

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 ?
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a caixa de códigos do fórum?

Mensagem por while 13.03.17 1:47

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a caixa de códigos do fórum?

Mensagem por IsmaelS. 13.03.17 1:58

Resultou, obrigado!
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a caixa de códigos do fórum?

Mensagem por Kyo Panda 13.03.17 12:53

Como personalizar a caixa de códigos do fórum? Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos