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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Widget TeamSpeak3
Hoje à(s) 4:57 por HittFire

» [Sugestão] Mensagem automática ao mover tópico
Hoje à(s) 2:46 por VitorC.

» Nome do usuário
Hoje à(s) 2:37 por Biel_Staff

» Borda do Perfil
Hoje à(s) 2:36 por Biel_Staff

» Fundo do tópico
Hoje à(s) 2:33 por Biel_Staff

» Em memória de João Carlos (JScript)
Hoje à(s) 2:03 por VitorC.

» Formulário que não gera mensagem
Hoje à(s) 2:00 por IsmaelS.

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
187 usuários online :: 7 usuários cadastrados, 1 Invisível e 179 Visitantes :: 2 Motores de busca

Biel_Staff, Expecty, HittFire, IsmaelS., juleic1123, Monkey.D.Luffy, Thomazinny

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15: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 Sex 10 Jun 2016 - 0: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 Sex 10 Jun 2016 - 2:59, editado 1 vez(es)
avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 965
Pontos Ativos : 2193

http://Ajuda.Forumeiros.com
  • 0

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

Mensagem por while em Sex 10 Jun 2016 - 0: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3100
Pontos Ativos : 4816

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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

Mensagem por YouTube3 em Sex 10 Jun 2016 - 1: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
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 965
Pontos Ativos : 2193

http://Ajuda.Forumeiros.com
  • 0

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

Mensagem por while em Sex 10 Jun 2016 - 2: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3100
Pontos Ativos : 4816

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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

Mensagem por YouTube3 em Sex 10 Jun 2016 - 2: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
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 965
Pontos Ativos : 2193

http://Ajuda.Forumeiros.com
  • 0

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

Mensagem por while em Sex 10 Jun 2016 - 2: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3100
Pontos Ativos : 4816

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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

Mensagem por YouTube3 em Sex 10 Jun 2016 - 2:58

Opá, obrigado pode fechar.
avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 965
Pontos Ativos : 2193

http://Ajuda.Forumeiros.com

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

Mensagem por while em Sex 10 Jun 2016 - 3: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3100
Pontos Ativos : 4816

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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