Personalizar caixa de código nas mensagens

2 participantes

Ir para baixo

Tópico resolvido Personalizar caixa de código nas mensagens

Mensagem por Jhool 28.01.17 0:39

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
Jhool
Jhool
****

Membro desde : 11/01/2017
Mensagens : 379
Pontos : 601

http://familiawarning.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Kyo Panda 28.01.17 9:23

Olá,

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

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Jhool 28.01.17 18:01

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

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

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

Membro desde : 11/01/2017
Mensagens : 379
Pontos : 601

http://familiawarning.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Kyo Panda 31.01.17 14:50

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/
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Jhool 01.02.17 1:47

Resultou, obrigado !
Jhool
Jhool
****

Membro desde : 11/01/2017
Mensagens : 379
Pontos : 601

http://familiawarning.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Kyo Panda 02.02.17 0:44

Personalizar caixa de código nas mensagens Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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