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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Ajustar mensagens do fórum
Hoje à(s) 18:11 por PrisoN†BreaK

» Um ponto branco
Hoje à(s) 18:02 por Vinicius Reis

» Postar em ajax com avisos
Hoje à(s) 16:19 por Lineshooter

» Personalizar botão "Obrigado"
Hoje à(s) 14:14 por EsromG5

» Java Ultimos Temas
Hoje à(s) 14:12 por giancamposm

» Publicidade invadindo o fórum
Hoje à(s) 13:59 por Vinicius Reis

» Mudando a aparência da lista de fóruns
Hoje à(s) 13:57 por Vinicius Reis

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
91 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 88 Visitantes :: 1 Motor de busca

P.H, Vinicius Reis, xBreninho_.

[ 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 - 13: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.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5092

http://suportedesign.forumeiros.com/

Resolvido Re: Código da "codebox" FdF

Mensagem por Reset em Seg 20 Abr 2015 - 0: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!

Reset
Membro do Fórum

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

http://ajuda.forumeiros.com/

Resolvido Re: Código da "codebox" FdF

Mensagem por Sennior em Seg 20 Abr 2015 - 3: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'


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22715

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 - 18: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.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5092

http://suportedesign.forumeiros.com/

Resolvido Re: Código da "codebox" FdF

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

UP!

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5092

http://suportedesign.forumeiros.com/
  • 0

Resolvido Re: Código da "codebox" FdF

Mensagem por Pastrana em Qua 22 Abr 2015 - 13: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

Pastrana
Nível 5

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

http://pastranatemplates.forumeiros.com/

Resolvido Re: Código da "codebox" FdF

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

Olá!

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

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5092

http://suportedesign.forumeiros.com/

Resolvido Re: Código da "codebox" FdF

Mensagem por Shaman em Qua 22 Abr 2015 - 18: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.

Shaman
Membro do Fórum

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

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5