Como eu coloco a caixa de código igual a esta?

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

  • 0

Resolvido Como eu coloco a caixa de código igual a esta?

Mensagem por SkyBlock em 06/09/13, 09:24 pm

Qual é minha questão:
Olá,
Eu queria saber, como coloco a caixa de códigos, igual a esta, da forumeiros mesmo:

se der fail: http://i.imgur.com/wBrNMFW.png

Queria saber o código, e saber também se é pra colocar na folha estilo CSS

Endereço do meu fórum:
http://off-design.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por SkyBlock em 08/09/13, 02:39 pm, editado 1 vez(es)
avatar

SkyBlock
Nível 6

Masculino
Inscrito dia : 02/09/2013
Mensagens : 61
Pontos Ativos : 81

Ver perfil do usuário http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

Resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por Gmtp em 06/09/13, 09:35 pm

Olá, querido.

Quer dizer a cor de dentro do código ?
Se for não podemos lhe ajudar pois envolve código javascripts/jquery

Até mais.
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por SkyBlock em 06/09/13, 09:50 pm

Não, só a caixa de código, que tem os numeros do lado.
assim
====== selecionar conteúdo
1.
2.
3.
======
avatar

SkyBlock
Nível 6

Masculino
Inscrito dia : 02/09/2013
Mensagens : 61
Pontos Ativos : 81

Ver perfil do usuário http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

Resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por First em 06/09/13, 09:55 pm

Olá,

Senhor, crie um novo javascript, com o investimento em todas as páginas, com o seguinte código:
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>')}})});jQuery(document).ready(function(){$("code").prepend("<style>.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}</style>");});

Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por Synister em 06/09/13, 10:17 pm

Olá, !

Aceda a sua CSS:

Código:
dl.codebox dt {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}
Atenciosamente.

Synister
Nível 7

Masculino
Inscrito dia : 06/09/2013
Mensagens : 87
Pontos Ativos : 110

Ver perfil do usuário http://www.forumeiros.com
  • 0

Resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por SkyBlock em 08/09/13, 08:26 am

Sem resultados.
avatar

SkyBlock
Nível 6

Masculino
Inscrito dia : 02/09/2013
Mensagens : 61
Pontos Ativos : 81

Ver perfil do usuário http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

Resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por Sennior em 08/09/13, 01:25 pm

Olá amigo,

Tem muitos códigos JavaScripts em teu fórum? Se sim, retire todos e salve em um editor de texto qualquer, como o próprio bloco de notas, depois vá:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript

Seta Investimento: Nos tópicos.
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>')}})});jQuery(document).ready(function(){$("code").prepend("<style>.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}</style>");});
Abraços!
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: Como eu coloco a caixa de código igual a esta?

Mensagem por [S]herlock em 08/09/13, 01:54 pm

Saudações!

Veja este tópico:
Seta http://ajuda.forumeiros.com/t74955-

Até mais.
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por SkyBlock em 08/09/13, 02:19 pm

Olá, o código que o Sennior postou deu certo, mais aparace os numeros em 2 colinas.
assim:
1|1
2|2
3|3
Olha aqui como ficou: http://off-design.forumeiros.com/t2-

Até mais. Piscada
avatar

SkyBlock
Nível 6

Masculino
Inscrito dia : 02/09/2013
Mensagens : 61
Pontos Ativos : 81

Ver perfil do usuário http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

Resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por Sennior em 08/09/13, 02:29 pm

Olá amigo,

Mas o senhor tem que retirar tudo que lhe passaram aqui neste tópico e usar somente o que eu passei. Retire tudo que lhe passaram e teste apenas o meu, veja também se colocou algum CSS que afeta o código como este:

Código:
dl.codebox dt {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}
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: Como eu coloco a caixa de código igual a esta?

Mensagem por SkyBlock em 08/09/13, 02:39 pm

Obrigado Sennior,
Ajudou-me muito.
Tinha colocado 2 códigos JS idênticos no fórum.
Pode fechar.
Piscada
avatar

SkyBlock
Nível 6

Masculino
Inscrito dia : 02/09/2013
Mensagens : 61
Pontos Ativos : 81

Ver perfil do usuário http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

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