Modificar codebox

4 participantes

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

Tópico resolvido Modificar codebox

Mensagem por YouTube3 06.03.18 23:22

Detalhes da questão


Endereço do fórum: http://vgnfamily.forumais.com/
Versão do fórum: PunBB

Descrição


Opá!

Estou utilizando o codebox padrão do forumeiros, gostaria de modifica-lo. ^^
Gostaria de deixa-lo igual a deste fórum: http://ugbase.eu/Thread-Request-recorder-onfoot

Até mais.
YouTube3

YouTube3
Super Membro

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Proficiente
  • 0

Tópico resolvido Re: Modificar codebox

Mensagem por Luiz 06.03.18 23:39

Olá,

Poderia postar uma caixa de código neste tópico, em seu fórum?
-> http://vgnfamily.forumais.com/t1-

Ficarei no aguardo.
Luiz

Luiz
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

Ver perfil do usuário https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar codebox

Mensagem por YouTube3 07.03.18 11:57

Luiz escreveu:Olá,

Poderia postar uma caixa de código neste tópico, em seu fórum?
-> http://vgnfamily.forumais.com/t1-

Ficarei no aguardo.
Aqui está: http://vgnfamily.forumais.com/t1-testsdadasdsadas#2
YouTube3

YouTube3
Super Membro

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Proficiente
  • 0

Tópico resolvido Re: Modificar codebox

Mensagem por Roevs 07.03.18 12:06

Olá,

Adiciona esse código na sua Folha de estilo CSS

Código:
.codebox {
    background: #fafaff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-top-left-radius: 3px;
    box-shadow: 0 0 2px 0 #fff inset;
    font-size: 12px;
    padding: 14px;
}
.codebox dt {
  background: #d5eaa1 none repeat scroll 0 0;
    border: 1px solid #b3cc7c;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 0 1px 1px #e9ffa4 inset;
    color: #4f6023;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    margin: -15px -15px 5px;
    padding: 10px 10px 3px;
    text-shadow: 1px 1px 0 #e9ffa4;
}
.codebox dd.cont_code {
      display: block;
    font-size: 12px;
    height: auto;
    max-height: 200px;
    overflow: auto;
    background: transparent;
}

Até,
Roevs

Roevs
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

Ver perfil do usuário https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar codebox

Mensagem por YouTube3 07.03.18 14:37

Perfeito, apenas me tira uma dúvida.

É possível mover a barra de rolagem mais para direita? https://i.imgur.com/ApyadwV.jpg
Também teria como adicionar o botão de "Copiar" Modificar codebox MiEeIWX do codebox da forumeiros no meu?

Até mais.
YouTube3

YouTube3
Super Membro

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Modificar codebox

Mensagem por Roevs 07.03.18 14:40

Olá,

Teria alguma exemplo de tópico que tenha a barra de rolagem no code?
Sobre o botão de Copiar você terá que criar um outro tópico.

Até,
Roevs

Roevs
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

Ver perfil do usuário https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Modificar codebox

Mensagem por virus 07.03.18 16:47

Olá, adicione este código a sua folha de estilo CSS

Código:
.codebox dd.cont_code {
      width: 99%;
}
Até a próxima.
virus

virus
Membro

Masculino
Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ver perfil do usuário

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar codebox

Mensagem por YouTube3 07.03.18 17:25

resolvido obrigado ^^
YouTube3

YouTube3
Super Membro

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Modificar codebox

Mensagem por Luiz 07.03.18 17:27

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

Luiz
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

Ver perfil do usuário https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos