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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» [Addon] Plugin /mute no chatbox
Hoje à(s) 12:12 pm por Tripa_Grossa

» Modificação do nome dos usuários
Hoje à(s) 11:36 am por FreedoM'

» Avatar Gif
Hoje à(s) 09:34 am por Yeshua

» Sobre o portal
Hoje à(s) 08:48 am por Kyo Panda

» Gerir assinatura nos tópicos
Hoje à(s) 08:37 am por Necr0

» Pintar ícones
Ontem à(s) 10:09 pm por Tiger

» Modificar cor de fundo e ícone
Ontem à(s) 10:07 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Shek
 
Sennior
 
Sovereign
 
Chrono Trigger
 
Harleen
 
Cannabis._.
 
Tiger
 
CAI0
 

Quem está conectado
256 usuários online :: 10 usuários cadastrados, 1 Invisível e 245 Visitantes :: 2 Motores de busca

[SRD]JimClark, Br_SP_Rodrigo, Kyo Panda, LanternaV2, Luiz~, Ramon Rodrigues, rlmac, sandra51, Tripa_Grossa, ZombieW

[ 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 : 2768
Pontos Ativos : 3863

http://master-publicitario.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 : 3105
Pontos Ativos : 4494

http://www.ajuda.forumeiros.com https://www.facebook.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 : 2768
Pontos Ativos : 3863

http://master-publicitario.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 : 3105
Pontos Ativos : 4494

http://www.ajuda.forumeiros.com https://www.facebook.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 : 2768
Pontos Ativos : 3863

http://master-publicitario.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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3512
Pontos Ativos : 4762

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