Tag hide com a mesma função do code

Qual é minha questão:
Saudações!

Houve um problema em que o código "hide" está como o código "code". Aqui tenho uma imagem para ilustrar o meu problema:


Eu me lembro que li um tópico semelhante a este problema que estou tendo:
https://ajuda.forumeiros.com/t49493-

Segundo o Coleman, não há uma solução para isto, porém esse tópico foi criado em 2011. Creio que possam ter encontrado uma solução para tal nesses "2 anos" que se passaram.

Até!

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

Versão do fórum:
PHPBB3

Em que tópico você está usando esse BBCode? Me passe o link.

Até mais!

Saudações!

Aqui está a folha de Estilo CSS:

Código:

.LGlike {
  background: #105289;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 4px;
 }
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 } .chatbox_row_1, .chatbox_row_2, .chatbox_row_3{background-color:transparent}
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}
.post_field {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 3px 0 3px 0;
margin: 0;
margin-top: 2px;
}
.secondarytitle {
display: none;
}
.forabg {
background-repeat: repeat;
}
.forumbg {
background-repeat: repeat;
}
.blog_cal-content {
color: rgb(253, 252, 252);
}
p.author {
margin: 0 15em 2em 0;
}
body{display:block!important;}
.chatbox .forabg {
 margin: 0;
 border: none;
 padding: 0;
 margin: 0;
 background-image: url('http://i.imgur.com/bJTiLo2.png')!important;
 }
#chatbox_members

.member-title {
  background-image: url('http://i.imgur.com/Kkd6rHu.png')!important;
}
.forumbg {
   background-image: url('http://i.imgur.com/nZ0b5UT.png')!important;
   }
.forabg {
   background-image: url('http://i.imgur.com/nZ0b5UT.png')!important;
   }
table.forumline {
   background-image: url('http://i.imgur.com/nZ0b5UT.png')!important;
   }
ul.topiclist li.header {
   background-image: url("http://i.imgur.com/pm7m1La.png")!important;
   }
 /* O trecho abaixo é utilizado para alterar as cores das fontes no chatbox*/
#chatbox_main_options a {
    color: #333333;
   }

#chatbox_footer label {
     color: #333333;
   }

#chatbox_option_disco {
     color: #333333;
   }
#chatbox_option_co {
     color: #333333;
   }

h2.chatbox-title a.chat-title {
   color: #333333 !important;
   }
.chatbox-options li a, .chatbox-options li label {
     color: #333333;

E o tópico aonde está sendo utilizado:
http://www.forumnarutoshippuuden.com/t24110-
O código está aonde diz: "menu".

Até!

Boa tarde,

O senhor fez alguma alteração antes deste erro ocorrer? Colocou alguma JavaScript, CSS ou até mesmo um Widget ou HTML que ocorreu este problema, ou começou do nada?

Até logo!

Saudações!

Eu tinha adicionado o código de selecionar conteúdo. Além disto, mais nenhuma modificação.

Até!

Olá,

Tente retirar este código que o senhor adicionou e veja se o problema persiste. No mais, me mande o código que o senhor colocou.

Até mais.

Saudações!

Retirei o código de selecionar conteúdo e era ele mesmo que estava ocasionando este problema. No caso, gostaria que ele continuasse no fórum, visto que auxilia demais na hora de copiar algo que esteja dentro da tag code. Por isso, irei passar o código utilizado:

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

Até!

Boas!

Altere por este:

Código:

function selectCode(a)
{
  // Get ID of code block
  var e = a.parentNode.parentNode.getElementsByTagName('codebox')[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(".codebox").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">--------------------------------------------------------------------------------------------</font>Selecionar conteúdo</a>');
});

Até mais!

Saudações!

O código funcionou. Muito obrigado, Sheldon. Já recebeu meu obrigado!

Podem fechar.

Até!