Como mover esta parte da tag?

3 participantes

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

Tópico resolvido Como mover esta parte da tag?

Mensagem por waghcwb 27.12.12 20:37

Qual é minha questão:
Bom creio que isso não seja muito dificil...
Eu li um tutorial de como por o "Selecionar Conteúdo" na tag code.
Porém ele ficou no meio da Tag
Como mover esta parte da tag? WL62V
Gostaria de por ele no canto direito, igual o da Forumeiros...
Alguém pode me passar o código?
Agradeço desde já...
Esse foi o código que eu usei para fazer o efeito
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();
  }
}
jQuery(document).ready(function(){
  jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Código: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">--------------------------------------------------------------------</font>Selecionar conteúdo</a>');
});


Endereço do meu fórum:
http://www.bruniversalgames.com

Versão do fórum:
PHPBB3


Última edição por -wagh- em 27.12.12 21:02, editado 1 vez(es)
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Como mover esta parte da tag?

Mensagem por BrunoH. 27.12.12 20:48

Olá!
Poderia me enviar um tópico que contem a tag [code] para que eu possa verificar melhor? Pois visitei teu fórum, editei uma tag qualquer e funcionou normalmente..

Até mais.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mover esta parte da tag?

Mensagem por waghcwb 27.12.12 20:54

BrunoH. escreveu:Olá!
Poderia me enviar um tópico que contem a tag [code] para que eu possa verificar melhor? Pois visitei teu fórum, editei uma tag qualquer e funcionou normalmente..

Até mais.
Criei um tópico qualquer aqui...
http://www.bruniversalgames.com/t221-teste
Ele está funcionando perfeitamente mesmo, mas eu só queria mover aquela parte onde está escrito "Selecionar Conteúdo" para o canto direito Envergonhado
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Como mover esta parte da tag?

Mensagem por Consolado 27.12.12 21:00

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

dl.codebox dt{text-align:left!important}dl.codebox dt a{float:right!important}
Valide.

Melhores cumprimentos,
Today
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mover esta parte da tag?

Mensagem por waghcwb 27.12.12 21:02

Today escreveu:Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

dl.codebox dt{text-align:left!important}dl.codebox dt a{float:right!important}
Valide.

Melhores cumprimentos,
Today
Olá, resultou e esta funcionando perfeitamente...
Obrigado pela atenção...
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos