Codebox para meu forum

Qual é minha questão:
Eu gostaria do code box igual ao do FDF

Links e imagens do meu problema:


Endereço do meu fórum:
http://forumazure.alianceforum.com

Versão do meu fórum:
PUNBB

Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets do fórum ->> Crir um widget personalizado ->>
Cole o seguinte código:

Código:

<script>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('Código: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">--------------------------------------------------------------------------------------------</font>Selecionar conteúdo</a>');
});
</script>

Resolve?

Abraços.

Não funcionou!

Oh! Perdão, é para você pode o código aqui:

Painel de Controle >> Módulos >> Gestão dos códigos >> JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento Em todas as páginas

aconteceu nda novamente!

Olá,

Aceda á :

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

E adicione isto :

Código:

dl.codebox{
background-color:#FFF;
border:1px solid #C9D2D8;
font-size:1em;
padding:3px
}
dl.codebox dt{
border-bottom:1px solid #CCC;
display:block;
font-size:.8em;
font-weight:700;
margin-bottom:3px;
text-transform:uppercase
}
blockquote dl.codebox{
margin-left:0
}
dl.codebox code{
color:#2E8B57;
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
}
.blog .codebox dt{
width:92%
}
.blog .codebox dt, .blog .codebox dt{
width:100%
}
.codebox{
display:block
}
dl.codebox dt{
background:url(http://i45.servimg.com/u/f45/12/05/75/97/script10.png) no-repeat scroll 0 0 transparent;
border:0 none;
color:#0372BE;
font-size:.9em;
padding-left:22px;
text-transform:none
}
.postbody dl.codebox dd code{
cursor:text
}
.postbody dl.codebox dd{
max-height:200px;
overflow-x:auto;
overflow-y:auto
}
.postbody dl.codebox pre{
border-right:3px solid #6CE26C;
color:#A8A5A5;
display:block;
float:left;
font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';
font-size:12px;
line-height:15.199999809265px;
margin-right:5px;
margin-top:2px;
padding:5px 8px 5px 5px
}
.postbody dl.codebox code{
background:url(http://i.imgur.com/eHvfR.png) repeat 0 0;
font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';
margin-left:35px;
margin-top:7px;
max-height:none;
overflow-x:auto;
overflow-y:hidden;
padding-top:0
}
dl.codebox{
background-color:#FFF;
border:1px solid #C9D2D8;
font-size:1em;
padding:3px
}
dl.codebox dt{
border-bottom:1px solid #CCC;
display:block;
font-size:.8em;
font-weight:700;
margin-bottom:3px;
text-transform:uppercase
}
blockquote dl.codebox{
margin-left:0
}
dl.codebox code{
color:#2E8B57;
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
}

Cordialmente ...

é quase isso fico faltando essa numeração do lado!

Boas,
troque por este

Código:

dl.codebox{
background-color:#FFF;
border:1px solid #C9D2D8;
font-size:1em;
padding:3px
}
dl.codebox dt{
border-bottom:1px solid #CCC;
display:block;
font-size:.8em;
font-weight:700;
margin-bottom:3px;
text-transform:uppercase
}
blockquote dl.codebox{
margin-left:0
}
dl.codebox code{
color:#2E8B57;
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
}
.blog .codebox dt{
width:92%
}
.blog .codebox dt, .blog .codebox dt{
width:100%
}
.codebox{
display:block
}
dl.codebox dt{
background:url(http://i45.servimg.com/u/f45/12/05/75/97/script10.png) no-repeat scroll 0 0 transparent;
border:0 none;
color:#0372BE;
font-size:.9em;
padding-left:22px;
text-transform:none
}
.postbody dl.codebox dd code{
cursor:text
}
.postbody dl.codebox dd{
max-height:200px;
overflow-x:auto;
overflow-y:auto
}
.postbody dl.codebox pre{
border-right:3px solid #6CE26C;
color:#A8A5A5;
display:block;
float:left;
font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';
font-size:12px;
line-height:15.199999809265px;
margin-right:5px;
margin-top:2px;
padding:5px 8px 5px 5px
}
.postbody dl.codebox code{
background:url(http://i.imgur.com/eHvfR.png) repeat 0 0;
font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';
margin-left:35px;
margin-top:7px;
max-height:none;
overflow-x:auto;
overflow-y:hidden;
padding-top:0
}
dl.codebox{
background-color:#FFF;
border:1px solid #C9D2D8;
font-size:1em;
padding:3px
}
dl.codebox dt{
border-bottom:1px solid #CCC;
display:block;
font-size:.8em;
font-weight:700;
margin-bottom:3px;
text-transform:uppercase
}
blockquote dl.codebox{
margin-left:0
}
dl.codebox code{
color:#2E8B57;
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
number-riget:Finitivo
}

Olá senhor , cheque esse tópico .

https://ajuda.forumeiros.com/t62434-

Não é isso que eu quero!

Boas,
tente este

Código:

dl.codebox{
background-color:#FFF;
border:1px solid #C9D2D8;
font-size:1em;
padding:3px
}
dl.codebox dt{
border-bottom:1px solid #CCC;
display:block;
font-size:.8em;
font-weight:700;
margin-bottom:3px;
text-transform:uppercase
}
blockquote dl.codebox{
margin-left:0
}
dl.codebox code{
color:#2E8B57;
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
}
.blog .codebox dt{
width:92%
}
.blog .codebox dt, .blog .codebox dt{
width:100%
}
.codebox{
display:block
}
dl.codebox dt{
background:url(http://i45.servimg.com/u/f45/12/05/75/97/script10.png) no-repeat scroll 0 0 transparent;
border:0 none;
color:#0372BE;
font-size:.9em;
padding-left:22px;
text-transform:none
}
.postbody dl.codebox dd code{
cursor:text
}
.postbody dl.codebox dd{
max-height:200px;
overflow-x:auto;
overflow-y:auto
}
.postbody dl.codebox pre{
border-right:3px solid #6CE26C;
color:#A8A5A5;
display:block;
float:left;
font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';
font-size:12px;
line-height:15.199999809265px;
margin-right:5px;
margin-top:2px;
padding:5px 8px 5px 5px
}
.postbody dl.codebox code{
background:url(http://i.imgur.com/eHvfR.png) repeat 0 0;
font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';
margin-left:35px;
margin-top:7px;
max-height:none;
overflow-x:auto;
overflow-y:hidden;
padding-top:0
}
dl.codebox{
background-color:#FFF;
border:1px solid #C9D2D8;
font-size:1em;
padding:3px
}
dl.codebox dt{
border-bottom:1px solid #CCC;
display:block;
font-size:.8em;
font-weight:700;
margin-bottom:3px;
text-transform:uppercase
}
blockquote dl.codebox{
margin-left:0
}
dl.codebox code{
color:#2E8B57;
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
number-riget:Finitivo
}

Olá querido,

O mesmo necessita de um código Java Script, que por hora não damos suporte à está linguagem, lamento.

Até mais.

pera ai o codigo e de voces nao vem me inrolar n

eu não desrespeitei voce vou abrir uma reclamação formal para o administrador contra voce por essa atitudes que voce tem|!

Novamente eu torno a dizer se nao que ajudar td bem mas nao vem me enrolar tbm n!

sou um membro bem mais antigo que voce sei coisas q voce talvez nao saiba sobre regras!

Olá querido,

Poderá mandar para o senhor Cream, ele é meu superior, mande uma MP para ele com a queixa contra mim. Quanto á tua dúvida, está aqui o Java script:

Código:

jQuery(document).ready(function(){jQuery('.postbody dl.codebox dd code').each(function(){t=1;if(this.innerHTML.indexOf('<br>')!=-1){t='';i=1;while(i<=this.innerHTML.split('<br>').length){t+='\n'+i;i++};jQuery(this).before('<pre>'+t+'</pre>')}})});

É logo abaixo o CSS:

Código:

.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}

Graciosamente,
Mikéé - Ajudeiro.

obrigado resolveu!