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
» Banner BTI...
Hoje à(s) 22:55 por GustavoDM11

» Pedindo de Ranks
Hoje à(s) 22:39 por Tiger

» Imagem de "NEW" ao criar novo tópico
Hoje à(s) 22:38 por iScroll

» [LOGO] Pra forum....
Hoje à(s) 22:36 por Tiger

» Logo Móvel
Hoje à(s) 22:09 por iScroll

» Widget TeamSpeak3
Hoje à(s) 22:04 por Luiz~

» Melhorar o estilo da caixa de login
Hoje à(s) 20:52 por juleic1123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
263 usuários online :: 7 usuários cadastrados, 1 Invisível e 255 Visitantes :: 1 Motor de busca

Biel_Staff, iScroll, Jhool, juleic1123, Kyo Panda, Luiz~, wendellknupp

[ Ver toda a lista ]


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

Código da "codebox" FdF

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

Resolvido Código da "codebox" FdF

Mensagem por IsmaelS. em Dom 19 Abr 2015 - 12:03

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.suportedesign.forumeiros.com

Descrição do problema

Olá!

Gostava de saber se é possível ter o código da codebox da FdF:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2758
Pontos Ativos : 5437

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

Resolvido Re: Código da "codebox" FdF

Mensagem por Reset em Dom 19 Abr 2015 - 23:12

Olá!

Adicione este código em sua folha de estilo:
Código:
.punbbtop {
  background-color: #FFDEAD !important;
  color: #1D3652;
  font-size: 10px;
  font-weight: bold;
  line-height: 100%;
  margin-top: 5px;
  padding: 2px 1px 2px 3px;
}

Até mais!
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1089
Pontos Ativos : 2350

http://ajuda.forumeiros.com/

Resolvido Re: Código da "codebox" FdF

Mensagem por Sennior em Seg 20 Abr 2015 - 2:48

Saudações,

O senhor já viu este tópico?
Seta http://ajuda.forumeiros.com/t71275-

E aí, resultou? Muito feliz
Até mais.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22870

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Código da "codebox" FdF

Mensagem por IsmaelS. em Seg 20 Abr 2015 - 17:42

Olá!

@Reset, infelizmente não resultou nada amigo.
@Sennior, já sei disso, mas eu queria colocar a aparência ou seja a .CSS se possível!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2758
Pontos Ativos : 5437

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

Resolvido Re: Código da "codebox" FdF

Mensagem por IsmaelS. em Qua 22 Abr 2015 - 12:14

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2758
Pontos Ativos : 5437

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

Resolvido Re: Código da "codebox" FdF

Mensagem por Pastrana em Qua 22 Abr 2015 - 12:34

@IsmaelS

Crie um código JavaScript com investimento nos tópicos

Código:
   jQuery(function () {
        var sCSS = '<style>' + '/***' + '* Syntax Highlighter funtionality for Forumotion!' + '* CSS: .codebox dd.cont_code' + '* (c) http://balupton.github.io' + '* Version: 1.28082013-jq1.9.1' + '* Made by JScript - 2013/12/16' + '*/' + 'code.punbb_block, pre.punbb_block {' + '  background-color: #FAFAFA !important;' + '  border: 1px solid #C9C9C9 !important;' + '  color: #000000;' + '  font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;' + '  font-size: 11px !important;' + '  line-height: 110% !important;' + '  max-height: 250px !important;' + '  overflow: auto !important;' + '  padding: 5px !important;' + '  white-space: pre-wrap !important;' + '  width: auto !important;' + '}' + '.punbbtop {' + '  background-color: #FFDEAD !important;' + '  color: #1D3652;' + '  font-size: 10px;' + '  font-weight: bold;' + '  line-height: 100%;' + '  margin-top: 5px;' + '  padding: 2px 1px 2px 3px;' + '}' + '.punbbtop button {' + '  background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' + '  border: 1px solid #BBBBBB;' + '  border-radius: 3px 3px 3px 3px;' + '  color: #1D3652;' + '  cursor: pointer;' + '  display: inline-block;' + '  font-size: 10px;' + '  padding: 0 6px;' + '  text-decoration: none;' + '}' + '.punbbtop button:hover {' + '  background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' + '  border-color: #9A9A9A;' + '  color: #3D70A3;' + '}' + '.punbbtop button:active {' + '  position: relative;' + '  top: 1px;' + '}' + 'pre.punbb_block.expand, code.punbb_block.expand {' + '  max-height: 100% !important;' + '}' + '.prettyprint ol.linenums {' + '  padding-left: 15px !important;' + '}' + '</style>';
        document.head.insertAdjacentHTML('beforeEnd', sCSS);
        if (jQuery('.cont_code').length) {
            var tagCode = jQuery('.cont_code')
        } else {
            if (jQuery('.cont_code').length) {
                var tagCode = jQuery('.code')
            } else {
                var tagCode = jQuery('code')
            }
        }
        tagCode.each(function () {
            var sContent = jQuery(this).html();
            var codebox = jQuery(this).parent().parent();
            codebox.before('<div class="punbbtop">Código        <button onclick="punbbExpand(this); return false;">Expandir</button><button style="display: none" onclick="punbbCollapse(this); return false;">Diminuir</button>  <button onclick="punbbSelect(this); return false;">Selecionar</button>  <button onclick="punbbPopup(this); return false;">Pop-up</button>  </div><pre class="highlight punbb_block">' + sContent + '</pre>');
            codebox.remove()
        });
        jQuery.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function () {
            jQuery.SyntaxHighlighter.init({
                'wrapLines': false
            })
        })
    });

    function punbbExpand(oThis) {
        jQuery(oThis).css('display', 'none');
        jQuery(oThis).next().css('display', '');
        jQuery(oThis).parent().next('pre.punbb_block').addClass('expand')
    }

    function punbbCollapse(oThis) {
        jQuery(oThis).css('display', 'none');
        jQuery(oThis).prev().css('display', '');
        jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand')
    }

    function punbbPopup(oThis) {
        var content = jQuery(oThis).parent().next('pre.punbb_block').html();
        var my_window = window.open("", "PunBB code - Para selecionar o código: [Ctrl] + [A]", "scrollbars=1toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");
        my_window.document.write('<pre>' + content + '</pre>')
    }

    function punbbAbout(oThis) {
        alert('Simple code to add Syntax Highlighter fuctionality for Forumotion\n\nBy JScript FROM Brazil - 2013/12/16\n')
    }

    function punbbSelect(oThis) {
        var doc = document;
        var text = jQuery(oThis).parent().next('pre.punbb_block')[0];
        if (doc.body.createTextRange) {
            var range = doc.body.createTextRange();
            range.moveToElementText(text);
            range.select()
        } else if (window.getSelection) {
            var selection = window.getSelection();
            var range = doc.createRange();
            range.selectNodeContents(text);
            selection.removeAllRanges();
            selection.addRange(range)
        }
    }

Pastrana
avatar

Pastrana
Nível 5

Masculino
Inscrito dia : 15/04/2015
Mensagens : 50
Pontos Ativos : 810

http://pastranatemplates.forumeiros.com/

Resolvido Re: Código da "codebox" FdF

Mensagem por IsmaelS. em Qua 22 Abr 2015 - 17:35

Olá!

Resultou nas perfeições amigo muito obrigado, resolvido!!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2758
Pontos Ativos : 5437

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

Resolvido Re: Código da "codebox" FdF

Mensagem por Shaman em Qua 22 Abr 2015 - 17:51

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

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 3602

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

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