Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Gaaratsu
 
iScroll
 
Daniel Yan
 
Ketholy
 
Eduardo Lima
 
Shek
 
ranzatti
 
Lost154
 
cocas20
 

Quem está conectado
256 usuários online :: 14 usuários cadastrados, 1 Invisível e 241 Visitantes :: 2 Motores de busca

Daniel Yan, Gaaratsu, gangablue, GustavoDM11, iScroll, juleic1123, Ketholy, Lemon~, Lost154, Luiz, Maiicinhu, MateusAnjosV, RenatoFPW, zGalaxyIIZBII

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 13:05

Personalizar caixa de código (code)

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

Resolvido Personalizar caixa de código (code)

Mensagem por YouTube3 em Qui 9 Jun 2016 - 20:18

Detalhes da questão


Endereço do fórum: http://demotd2.forumeiros.com/
Versão do fórum: PunBB

Descrição


Bom, quero saber como mudo minha caixa de códigos.

Atualmente ela está assim:

Quero deixar ela mais elegante etc... é possível?


Última edição por YouTube3 em Qui 9 Jun 2016 - 22:59, editado 1 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1085
Pontos Ativos : 1552

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar caixa de código (code)

Mensagem por while em Qui 9 Jun 2016 - 20:32

Olá amigo, sua duvida é apenas saber se é possível?
Sim... é possível!

Se quiser posso lhe ajudar a aplicar um novo "designer" nela, mas preciso saber como queres.

Atenciosamente,
While.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3118
Pontos Ativos : 4531

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar caixa de código (code)

Mensagem por YouTube3 em Qui 9 Jun 2016 - 21:52

Bom, While queria um que combinasse com fórum. Tipo barra da esquerda meia azul uns botãozinho ali pra copiar o código etc... sou sem criatividade pra essas coisas um meio elegante já ta de bom tamanho Muito feliz
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1085
Pontos Ativos : 1552

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar caixa de código (code)

Mensagem por while em Qui 9 Jun 2016 - 22:05

Olá , crie um novo javascript com investimento em todas as paginas com esse código:
Código:
$(function(){window.codeTranslate={selectContent:"Selecionar tudo",showLineNumber:"Mostrar numéros das linhas",hideLineNumber:"Ocultar numéros das linhas",gotoLine:"Ir para a linha ...",gotoLineOffsetTop:5};$("code").length&&$.getScript("http://baivong.github.io/cdn/devsforumvi/js/35300.js")});

Atenciosamente,
While.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3118
Pontos Ativos : 4531

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar caixa de código (code)

Mensagem por YouTube3 em Qui 9 Jun 2016 - 22:36

Fico bom teria como mudar a cor da barra? para azul.
e botar essa barra na caixa de código que eu esqueci o nome.

Barra: http://i.imgur.com/7k4mP8G.jpg
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1085
Pontos Ativos : 1552

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar caixa de código (code)

Mensagem por while em Qui 9 Jun 2016 - 22:50

Certo, adicione esse código na sua folha de estilo css:
Código:
dl.codebox > dt {background:url(//i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center blue!important;}
dl.codebox > dt {background:url(//i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center blue!important;}
        dl.codebox code {overflow: auto!important;max-height: 1900px!important;}
        div.lineNumber {max-height:1900px!important;}

Resulta?

Atenciosamente,
While.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3118
Pontos Ativos : 4531

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar caixa de código (code)

Mensagem por YouTube3 em Qui 9 Jun 2016 - 22:58

Opá, obrigado pode fechar.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1085
Pontos Ativos : 1552

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Personalizar caixa de código (code)

Mensagem por while em Qui 9 Jun 2016 - 23:11

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3118
Pontos Ativos : 4531

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum