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
» Logo Móvel
Hoje à(s) 3:56 por Biel_Staff

» [LOGO] Transparente
Hoje à(s) 2:08 por Tiger

» Modificar cor de banner
Hoje à(s) 1:47 por Tiger

» Personalizar chatbox
Hoje à(s) 1:43 por Sr.Oliveira

» Cabeçalho de tabela personalizado
Hoje à(s) 0:36 por iScroll

» Imagem de "NEW" ao criar novo tópico
Hoje à(s) 0:29 por Luiz~

» Personalizar chatbox
Hoje à(s) 0:12 por YouTube3

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
193 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 192 Visitantes :: 2 Motores de busca

juleic1123

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Dom 12 Mar 2017 - 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 Seg 13 Mar 2017 - 1:58, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2759
Pontos Ativos : 5439

http://master-publicitario.forumeiros.com/

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

Mensagem por while em Seg 13 Mar 2017 - 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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3103
Pontos Ativos : 4827

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 Seg 13 Mar 2017 - 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:
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 : 2759
Pontos Ativos : 5439

http://master-publicitario.forumeiros.com/
  • 0

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

Mensagem por while em Seg 13 Mar 2017 - 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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3103
Pontos Ativos : 4827

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 Seg 13 Mar 2017 - 1:58

Resultou, obrigado!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2759
Pontos Ativos : 5439

http://master-publicitario.forumeiros.com/

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

Mensagem por Kyo Panda em Seg 13 Mar 2017 - 12:53

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 : 2882
Pontos Ativos : 6060

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