Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Status do servidor
Hoje à(s) 01:39 am por ranzatti

» Como mudar o tamanho do avatar default ? modernbb
Hoje à(s) 12:30 am por BlueJOkeR

» mEU FORUM ESTA COM POBLEMA !
Ontem à(s) 11:18 pm por Xigncode3

» Member List Grande
Ontem à(s) 10:31 pm por ranzatti

» Top Usuário sem funcionar
Ontem à(s) 10:08 pm por iScroll

» Spoiler tópicos
Ontem à(s) 09:55 pm por Luiz

» Bug pelo slide
Ontem à(s) 09:20 pm por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
187 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 184 Visitantes :: 2 Motores de busca

DespacitoRemix000, weverson lopes, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

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

Mensagem por IsmaelS. em 12/03/17, 05:44 pm

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 12/03/17, 10:58 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2953
Pontos Ativos : 4093

Ver perfil do usuário http://suporte-design.forumeiros.com/

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

Mensagem por while em 12/03/17, 10:19 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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

Mensagem por IsmaelS. em 12/03/17, 10:42 pm

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:
http://ajuda.forumeiros.com/t108317-instalacao-de-font-awesome

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2953
Pontos Ativos : 4093

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

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

Mensagem por while em 12/03/17, 10:47 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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

Mensagem por IsmaelS. em 12/03/17, 10:58 pm

Resultou, obrigado!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2953
Pontos Ativos : 4093

Ver perfil do usuário http://suporte-design.forumeiros.com/

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

Mensagem por Kyo Panda em 13/03/17, 09:53 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4501
Pontos Ativos : 5787

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum