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
» [Addon] Plugin /mute no chatbox
Hoje à(s) 12:12 pm por Tripa_Grossa

» Modificação do nome dos usuários
Hoje à(s) 11:36 am por FreedoM'

» Avatar Gif
Hoje à(s) 09:34 am por Yeshua

» Sobre o portal
Hoje à(s) 08:48 am por Kyo Panda

» Gerir assinatura nos tópicos
Hoje à(s) 08:37 am por Necr0

» Pintar ícones
Ontem à(s) 10:09 pm por Tiger

» Modificar cor de fundo e ícone
Ontem à(s) 10:07 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Shek
 
Sennior
 
Sovereign
 
Chrono Trigger
 
Harleen
 
Cannabis._.
 
Tiger
 
CAI0
 

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

[SRD]JimClark, Br_SP_Rodrigo, Kyo Panda, LanternaV2, Luiz~, Ramon Rodrigues, rlmac, sandra51, Tripa_Grossa, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 8

Masculino
Inscrito dia : 10/01/2017
Mensagens : 128
Pontos Ativos : 210

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


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3511
Pontos Ativos : 4762

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 8

Masculino
Inscrito dia : 10/01/2017
Mensagens : 128
Pontos Ativos : 210

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/


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3511
Pontos Ativos : 4762

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 8

Masculino
Inscrito dia : 10/01/2017
Mensagens : 128
Pontos Ativos : 210

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".


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3511
Pontos Ativos : 4762

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