Como eu coloco a caixa de código igual a esta? Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

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

+2
Gmtp
SkyBlock
6 participantes

Ir para baixo

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

Mensagem por SkyBlock 07.09.13 1:24

Qual é minha questão:
Olá,
Eu queria saber, como coloco a caixa de códigos, igual a esta, da forumeiros mesmo:
Como eu coloco a caixa de código igual a esta? WBrNMFW
se der fail: https://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 18:39, editado 1 vez(es)
SkyBlock
SkyBlock
**

Membro desde : 02/09/2013
Mensagens : 61
Pontos : 81

http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por Gmtp 07.09.13 1:35

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.
Gmtp
Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por SkyBlock 07.09.13 1:50

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

Membro desde : 02/09/2013
Mensagens : 61
Pontos : 81

http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por First 07.09.13 1:55

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.
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por Synister 07.09.13 2:17

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

Membro desde : 06/09/2013
Mensagens : 87
Pontos : 110

https://www.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por SkyBlock 08.09.13 12:26

Sem resultados.
SkyBlock
SkyBlock
**

Membro desde : 02/09/2013
Mensagens : 61
Pontos : 81

http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por Sennior 08.09.13 17:25

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!
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: Como eu coloco a caixa de código igual a esta?

Mensagem por [S]herlock 08.09.13 17:54

Saudações!

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

Até mais.
[S]herlock
[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por SkyBlock 08.09.13 18:19

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
SkyBlock
SkyBlock
**

Membro desde : 02/09/2013
Mensagens : 61
Pontos : 81

http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco a caixa de código igual a esta?

Mensagem por Sennior 08.09.13 18:29

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.
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: Como eu coloco a caixa de código igual a esta?

Mensagem por SkyBlock 08.09.13 18:39

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

Membro desde : 02/09/2013
Mensagens : 61
Pontos : 81

http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

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