Code/Spoiler, como eu deixo do mesmo jeito do daqui ?

Qual é minha questão:
Gostaria de saber como eu copio o

Código:

Code

e o

Spoiler:

daqui, de forma que tenha a opção de selecionar conteúdo no code. Obrigado.

Medidas que eu tomei para corrigir o problema:
.

Links e imagens do meu problema:
.

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3

olá, para adicionar o efeito 'Selecionar conteúdo', veja este tutorial:

https://ajuda.forumeiros.com/t56727-tutorial-adicionando-selecionar-tudo-a-tag-code

É só isso que deseja?

Até mais.

Se você ler a dúvida, eu quero saber como copio o Spoiler e o Code daqui, não só colocar a opção de selecionar conteúdo.
Deixar com a mesma imagem mesma cor, mesmo estilo. Intendeu? Obrigado...

Adicione este código em sua 'Folha de estilo CSS':

Código:

dl.codebox dt{background:url(http://i42.servimg.com/u/f42/09/02/12/09/script10.png) no-repeat scroll 0 0 transparent;border:0 none;color:#0372BE;font-size:.9em;padding-left:22px;text-transform:none}

Resulta?

Fiz tudo, o único problema é que a opção de selecionar conteúdo não ficou como aqui, ficou no meio do code, aqui é na ponta esquerda, como mover?

Poderia me passar algum tópico que contenha o código [CODE]?

Tópico Enviado e Aguardando Resposta.

Você fez alguma edição no código Se não, tente troca-lo por este:

Código:

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>');
});

2 Problemas encontrados, ainda não está tão para a esquerda como eu queria, e outra, a cor do botão de selecionar está diferente do nome Code, e eu queria como aqui, da mesma cor

Olá!

Só pode ter uma dúvida por tópico.
Para que sua outra dúvida seja respondida, crie um novo tópico.

Até mais.