Personalizar caixa de código nas mensagens

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

Resolvido Personalizar caixa de código nas mensagens

Mensagem por Jhool em 27/01/17, 10:39 pm

Detalhes da questão


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

Descrição


Olá, gostaria de ajuda nisto:

- Tentei diversos tutoriais e nenhum resultou no meu fórum eu gostaria de personalizar está caixa de code deixar ela mais bonitinha.
http://prntscr.com/e19uis
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 180
Pontos Ativos : 294

Ver perfil do usuário http://familiawarning.forumeiros.com/forum

Resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Kyo Panda em 28/01/17, 07:23 am

Olá,

O senhor terá que ser um pouco mais específico sobre o "bonitinha", citando cores e efeitos que gostaria. Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Jhool em 28/01/17, 04:01 pm

No meu fórum está assim:
http://prntscr.com/e1icrp

Poderia ser como está abaixo.
http://i13.servimg.com/u/f13/17/73/56/99/print111.jpg

só que a onde está vermelho eu colocase uma cor configuravel minha
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 180
Pontos Ativos : 294

Ver perfil do usuário http://familiawarning.forumeiros.com/forum

Resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Kyo Panda em 31/01/17, 12:50 pm

Adicione ao seu CSS:

Código:
.codebox {
  background-color: #f3f3f3;
  border-left: 8px #ea4141 solid;
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
}

.codebox dt {
  text-align: left;
  padding: 10px;
}

.codebox dd {
  background-color: transparent;
}

Você pode configurar a cor da borda em:

Código:
border-left: 8px #ea4141 solid;

o/
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Jhool em 31/01/17, 11:47 pm

Resultou, obrigado !
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 180
Pontos Ativos : 294

Ver perfil do usuário http://familiawarning.forumeiros.com/forum

Resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Kyo Panda em 01/02/17, 10:44 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

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