Codebox para meu forum

+2
Alan797
Azure
6 participantes

Ir para baixo

Tópico resolvido Codebox para meu forum

Mensagem por Azure 08.10.12 2:21

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

Links e imagens do meu problema:
Codebox para meu forum K4azus

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

Versão do meu fórum:
PUNBB
Azure
Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Alan797 08.10.12 2:24

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.
Alan797
Alan797
***

Membro desde : 01/07/2011
Mensagens : 126
Pontos : 186

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Azure 08.10.12 2:59

Não funcionou!
Azure
Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Alan797 08.10.12 3:04

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 Seta Escolha o título que quiser
Investimento Seta Em todas as páginas
Alan797
Alan797
***

Membro desde : 01/07/2011
Mensagens : 126
Pontos : 186

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Azure 08.10.12 3:59

aconteceu nda novamente!
Azure
Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por [F]lames 08.10.12 12:16

Olá,

Aceda á :
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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 ...
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Azure 08.10.12 19:17

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

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Convidado 08.10.12 19:28

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
}
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Hyouki 08.10.12 20:34

Olá senhor , cheque esse tópico .
Piscada
Hyouki
Hyouki
Super Membro

Membro desde : 10/02/2012
Mensagens : 1495
Pontos : 1981

http://www.forum-dix.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Azure 09.10.12 3:39

Não é isso que eu quero!
Azure
Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Convidado 09.10.12 15:35

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
}
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Sennior 09.10.12 16:43

Olá querido,

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

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Azure 09.10.12 16:46

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

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por azure1 09.10.12 16:53

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!
azure1
azure1
Novo Membro

Membro desde : 09/10/2012
Mensagens : 4
Pontos : 4

http://v0-0.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por Sennior 10.10.12 1:09

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Codebox para meu forum

Mensagem por azure1 10.10.12 2:33

obrigado resolveu!
azure1
azure1
Novo Membro

Membro desde : 09/10/2012
Mensagens : 4
Pontos : 4

http://v0-0.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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