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
» Barra de Categorias
Hoje à(s) 8:08 por Claudio Arthur

» Avatar Gif
Hoje à(s) 5:12 por [K]oke

» Notificações
Hoje à(s) 2:22 por Luiz~

» Alinhamento botão curtir
Ontem à(s) 21:31 por Luiz~

» Remover a tag da página inicial do fórum
Ontem à(s) 20:27 por Luiz~

» Tipos de layout e ativação através de perfil de usuário
Ontem à(s) 18:47 por Harleen

» Correção codigo aparecer abaixo do avatar
Ontem à(s) 17:41 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Flames
 
Holkis
 
Blackfyre
 
wlweslley
 

Quem está conectado
217 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 215 Visitantes :: 2 Motores de busca

Sennior, ThallesAmagami

[ 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 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 Sab 28 Jan 2017 - 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
avatar

Jhool
Nível 8

Masculino
Inscrito dia : 11/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 Sab 28 Jan 2017 - 9:23

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 : 3470
Pontos Ativos : 4743

http://ajuda.forumeiros.com

Resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Jhool em Sab 28 Jan 2017 - 18:01

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 : 11/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 Ter 31 Jan 2017 - 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/


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 : 3470
Pontos Ativos : 4743

http://ajuda.forumeiros.com

Resolvido Re: Personalizar caixa de código nas mensagens

Mensagem por Jhool em Qua 1 Fev 2017 - 1:47

Resultou, obrigado !
avatar

Jhool
Nível 8

Masculino
Inscrito dia : 11/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 Qui 2 Fev 2017 - 0:44

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 : 3470
Pontos Ativos : 4743

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