Código para o código

Qual é minha questão:
eu tenho códigos para modificar o spoiler e também a Citação mais o Código esta muito simples (não o codigo da ccs mas sim o código que aparece no fórum).
e quero deixar o código igual a do FDF mais modificado para ficar parecido com o Spoiler do meu forum: http://narutogeneration.ativoforum.com/t206-regras-de-conduta#1649
Se não entenderem eu entendo (não sei explicar direito)

Medidas que eu tomei para corrigir o problema:
nada

Links e imagens do meu problema:
nada

Endereço do meu fórum:
http://narutogeneration.ativoforum.com/forum

Versão do meu fórum:
PHPBB2

Olá, aceda ao Painel de controle >> Módulos >> HTML >> Gestão das páginas HTML

Código:

// DEVELOPED BY MR SUPERO AND DIKK
function selectCode(a)
{
  // Get ID of code block
  var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
 
  // Not IE
  if (window.getSelection)
  {
      var s = window.getSelection();
      // Safari
      if (s.setBaseAndExtent)
      {
        s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      // Firefox and Opera
      else
      {
        // workaround for bug # 42885
        if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
        {
            e.innerHTML = e.innerHTML + ' ';
        }
 
        var r = document.createRange();
        r.selectNodeContents(e);
        s.removeAllRanges();
        s.addRange(r);
      }
  }
  // Some older browsers
  else if (document.getSelection)
  {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
  }
  // IE
  else if (document.selection)
  {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
  }
}
if(text){}else{ var text = 'Selecionar todos';}
jQuery(document).ready(function(){
  jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">--------------------------------------------------------------------------------------------</font>Selecionar conteúdo</a>');
});

O título indefere na funcionalidade.

Nos campos de utilização como página inicial e, a utilização do inicio e fim de seu fórum, deverá ser marcado "não".



Agora, aceda à:

Painel de Controle >> Geral >> Fórum >> Configurações >> Descrição do site

<script src="ENDERECO-DA-PAGINA-HTML"></script>

ENDERECO-DA-PAGINA-HTML >> Deverá ser o endereço da página HTML anteriormente criada.
Até mais

Acho que você não me entendeu eu quero o código para emplementar o Code

E não uma pagina HTML (A culpa foi minha por não ter explicado direito)

Código:

para ficar igual a este igual do FDF mais eu quero uma coisa diferente

Sombras Laranja








Obrigado pela atenção ^^

Olá, sim eu sei, teste o meu procedimento, caso não leia este topico
https://ajuda.forumeiros.com/t52325-
Até mais

não mudou nada

eu copiei e colei certo, mais a segunda parde eu não entendi nada

você poderia me explicar direito

mais detalhadamente

Olá, veja que toda pagina HTML tem um link

<script src="ENDERECO-DA-PAGINA-HTML"></script>

Coloque o link no "ENDERECO-DA-PAGINA-HTML" apos isso aceda ao seu Painel de Controle >> Geral >> Fórum >> Configurações, procure por " Descrição do site" la antes da descrição do seu site cole o codigo com o endereço da pagina HTML, até mais

Fiz oque você escreveu mais não aconteceu nada

mais estava lento um outro tópico e descobri uma coisa:

Apenas PHPBB3, Invisione punBB! podem ter isso

isso e verdade ?

Olá, aceda ao Painel de controle Visualização Imagens e Cores Cores Aba "Folha de estilo CSS" cole o codigo e salve

Código:

.code div.cont_code {
color: seaGreen;
display: block;
font-family: Courier,CourierNew,sans-serif;
font-size: .9em;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 1.3em;
margin: 2px 0;
max-height: 200px;
overflow: auto;
padding-top: 5px;
white-space: normal;
}
.code {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
border-image: initial;
}

Até mais

agora esse codigo mudou mas não esta igual ada FDF e tambem não esta com sombras laranjas

eu não sei meche em codigos então pode me agudar em deixar Sombras laranjas e colocar um botão que selecione tudo dentro ?

e o HTML que vc mandou anterior mente posso apagar ?

Olá, pode apagar o HTML, e o codigo, troque por este

Código:

.code div.cont_code {
color: seaGreen;
display: block;
font-family: Courier,CourierNew,sans-serif;
font-size: .9em;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 1.3em;
margin: 2px 0;
max-height: 200px;
overflow: auto;
padding-top: 5px;
white-space: normal;
text-shadow: 0px 0px 4px orange !important;
}
.code {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
border-image: initial;
text-shadow: 0px 0px 4px orange !important;
}

Resulta? Até mais

sei que estou sendo inconveniente mas não esta igual a da FDF que tem um botão que seleciona o conteúdo do CODE, também a sombra esta nas letras e não envolta do CODE veja esse Link: http://narutogeneration.ativoforum.com/t206-regras-de-conduta#1683

la em baixo terá o CODE e você pode-rá ver o resultado eu quero que a sombra fique igual do Spoiler

Obrigado e ao mesmo tempo desculpas por ser inconveniente

Olá, não entendi, onde você deseja a sombra?Mas leia este topico
https://ajuda.forumeiros.com/t44426-
Até mais

Li e esta escrito:
/!\ Este código somente funcionará para as versões: PhpBB 3, Invision e PunBB. Isso acontece pois o PhpBB 2 possui uma estrutura que não permite este tipo de modificação, nem mesmo através dos templates.

tudo bem então quer dizer que não da para colocar isso de selecionar.

mais eu ainda procuro um código que deixe Sombras envolta do CODE
você disse que não entendeu

então olhe esse link: http://narutogeneration.ativoforum.com/t206-regras-de-conduta#1683

Eu queria uma Sombra Igual a que esta envolta do Spoiler
(O spoiler esta la embaixo)

EU não mandei uma peint pois meu teclado esta ruim logo na área da Print Screen

espero que entenda agora

Olá, aqui está o spoiler do fórum que você citou.

Código:

..spoiler{-moz-box-shadow:0 0 10px #ff8c00;-webkit-box-shadow:0 0 10px #ff8c00;background-color:#ebebeb;background-image:url(http://img.ragnabr-files.net/storage/box98/q31631arrow-down_stickerm187.png);background-position:top right;background-repeat:no-repeat;border:1px solid #ff8c00;border-style:double;padding-top:3px}.spoiler_content{background-color:#ebebeb;background-image:url();background-position:top left;background-repeat:no-repeat;color:#ff8c00!important}

Resultou?

Até mais

Desculpe mais o fórum que citei e meu =/

e estou a procura de um código que deixe o CODE com a mesma borda desse Spoiler que você viu

Código:



quero que isso fique com bordas igual ao Spoiler citado ^^

(não as letras  mais sim envolta do CODE)



Olá, adicione este codigo em seu CSS

Código:

.code div.cont_code {-moz-box-shadow:0 0 10px #ff8c00;-webkit-box-shadow:0 0 10px #ff8c00;background-color:#ebebeb;background-image:url(http://img.ragnabr-files.net/storage/box98/q31631arrow-down_stickerm187.png);background-position:top right;background-repeat:no-repeat;border:1px solid #ff8c00;border-style:double;padding-top:3px}.spoiler_content{background-color:#ebebeb;background-image:url();background-position:top left;background-repeat:no-repeat;color:#ff8c00!important}

.code {-moz-box-shadow:0 0 10px #ff8c00;-webkit-box-shadow:0 0 10px #ff8c00;background-color:#ebebeb;background-image:url(http://img.ragnabr-files.net/storage/box98/q31631arrow-down_stickerm187.png);background-position:top right;background-repeat:no-repeat;border:1px solid #ff8c00;border-style:double;padding-top:3px}.spoiler_content{background-color:#ebebeb;background-image:url();background-position:top left;background-repeat:no-repeat;color:#ff8c00!important}


Resulta? Até mais

obrigado a todos os que me ajudarão e principalmente o MateusV. ^^

o codigo funcionou ^^

vicou perfeito MateusV. estou clicando no obrigado aqui para vc ^^

Podem fechar aqui por favor ^^