Codebox para meu forum

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

Resolvido Codebox para meu forum

Mensagem por Azure em 07/10/12, 10:21 pm

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
avatar

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

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

Resolvido Re: Codebox para meu forum

Mensagem por Alan797 em 07/10/12, 10:24 pm

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

Alan797
Nível 8

Masculino
Inscrito dia : 01/07/2011
Mensagens : 126
Pontos Ativos : 186

Ver perfil do usuário

Resolvido Re: Codebox para meu forum

Mensagem por Azure em 07/10/12, 10:59 pm

Não funcionou!
avatar

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

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

Resolvido Re: Codebox para meu forum

Mensagem por Alan797 em 07/10/12, 11:04 pm

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
avatar

Alan797
Nível 8

Masculino
Inscrito dia : 01/07/2011
Mensagens : 126
Pontos Ativos : 186

Ver perfil do usuário

Resolvido Re: Codebox para meu forum

Mensagem por Azure em 07/10/12, 11:59 pm

aconteceu nda novamente!
avatar

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

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

Resolvido Re: Codebox para meu forum

Mensagem por [F]lames em 08/10/12, 08:16 am

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

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Codebox para meu forum

Mensagem por Azure em 08/10/12, 03:17 pm

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

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

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

Resolvido Re: Codebox para meu forum

Mensagem por Convidado em 08/10/12, 03:28 pm

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
}

Convidado
Convidado


Resolvido Re: Codebox para meu forum

Mensagem por Hyouki em 08/10/12, 04:34 pm

Olá senhor , cheque esse tópico .
Piscada
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Codebox para meu forum

Mensagem por Azure em 08/10/12, 11:39 pm

Não é isso que eu quero!
avatar

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

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

Resolvido Re: Codebox para meu forum

Mensagem por Convidado em 09/10/12, 11:35 am

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
}

Convidado
Convidado


Resolvido Re: Codebox para meu forum

Mensagem por Sennior em 09/10/12, 12:43 pm

Olá querido,

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

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Codebox para meu forum

Mensagem por Azure em 09/10/12, 12:46 pm

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

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

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

Resolvido Re: Codebox para meu forum

Mensagem por azure1 em 09/10/12, 12:53 pm

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

azure1
Nível 1

Masculino
Inscrito dia : 09/10/2012
Mensagens : 4
Pontos Ativos : 4

Ver perfil do usuário http://v0-0.forumeiros.com

Resolvido Re: Codebox para meu forum

Mensagem por Sennior em 09/10/12, 09:09 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Codebox para meu forum

Mensagem por azure1 em 09/10/12, 10:33 pm

obrigado resolveu!
avatar

azure1
Nível 1

Masculino
Inscrito dia : 09/10/2012
Mensagens : 4
Pontos Ativos : 4

Ver perfil do usuário http://v0-0.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