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

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

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

Mensagem por BackEmanuel em Sex 20 Abr 2012 - 17:24

Qual é minha questão:
Gostaria de saber como eu copio o
Código:
Code
e o
Spoiler:
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
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

Ver perfil do usuário http://wowciclone.forumeiros.com

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

Mensagem por Troubleshoot em Sex 20 Abr 2012 - 17:29

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

É só isso que deseja?

Até mais.
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2197
Pontos Ativos : 2940

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

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

Mensagem por BackEmanuel em Sex 20 Abr 2012 - 17:32

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...
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

Ver perfil do usuário http://wowciclone.forumeiros.com

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

Mensagem por Troubleshoot em Sex 20 Abr 2012 - 17:35

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?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2197
Pontos Ativos : 2940

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

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

Mensagem por BackEmanuel em Sex 20 Abr 2012 - 17:47

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?
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

Ver perfil do usuário http://wowciclone.forumeiros.com

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

Mensagem por Troubleshoot em Sex 20 Abr 2012 - 17:50

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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2197
Pontos Ativos : 2940

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

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

Mensagem por BackEmanuel em Sex 20 Abr 2012 - 17:57

Tópico Enviado e Aguardando Resposta.
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

Ver perfil do usuário http://wowciclone.forumeiros.com

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

Mensagem por Troubleshoot em Sex 20 Abr 2012 - 18:01

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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2197
Pontos Ativos : 2940

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

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

Mensagem por BackEmanuel em Sex 20 Abr 2012 - 18:07

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 Feliz
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

Ver perfil do usuário http://wowciclone.forumeiros.com

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

Mensagem por Luciano98 em Sex 20 Abr 2012 - 21:47

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 02/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário 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