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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Menu Mensagem Privada
Hoje à(s) 01:26 am por ranzatti

» Dúvida Smiles
Hoje à(s) 12:41 am por Ketholy123

» Visibilidade das imagens e endereços /site apenas para os usuários registados
Ontem à(s) 10:59 pm por Ketholy123

» Como fixa uma imagem em todas as postagens
Ontem à(s) 08:59 pm por Ketholy123

» Mudar cor da fonte/letra do perfil
Ontem à(s) 08:34 pm por Ketholy123

» [Avatar] Fórum
Ontem à(s) 07:51 pm por Tiger

» Logo para um fórum
Ontem à(s) 07:48 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
T1ag0
 

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

CaioCrisostomo, Ketholy123, ranzatti, tatsuhito, vinicius.ueh00, xDominiC_.

[ Ver toda a lista ]


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

Fundo de mensagens

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

Resolvido Fundo de mensagens

Mensagem por LeandroNeto em 11/02/15, 03:59 pm

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Outro
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Sempre
Endereço do fórum : cbfhabbo.com

Descrição do problema

Olá, gostaria de mudar a cor do fundo das mensagens nos tópicos, juntamente com as bordas, enfim para que fique igual a esse tipo:



O fórum em que as mensagens são do jeito desejado por mim é: aic.rol.com

Quero que fique exatamente igual

(Fundo = cor e as bordas, enfim)

Agradeço desde já


Última edição por LeandroNeto em 13/02/15, 06:03 pm, editado 1 vez(es)
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Fundo de mensagens

Mensagem por ShaDownS em 11/02/15, 04:04 pm

Esta a falar da sombra nas bordas?

Adicione em sua folha de CSS:
Código:
.post {
  box-shadow: 0px 0px 3px #000;
}


Atenciosamente Café


Última edição por Cloud' em 11/02/15, 04:05 pm, editado 1 vez(es) (Razão : erro ortográfico)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto em 11/02/15, 04:10 pm

Cloud' escreveu:Esta a falar da sombra nas bordas?

Adicione em sua folha de CSS:
Código:
.post {
  box-shadow: 0px 0px 3px #000;
}


Atenciosamente Café
Não amigo,

Falo do '' MODELO '' da mensagem (Cor de fundo, bordas)

Por exemplo, quando tiver uma mensagem em qualquer tópico do meu fórum o '' MODELO '' dela seja igual ao da imagem do fórum que passei
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Fundo de mensagens

Mensagem por ShaDownS em 11/02/15, 04:20 pm

Refere-se à aparência da mensagem?
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto em 11/02/15, 04:25 pm

Isso.

As bordas, sombras, cor de fundo da mensagem , tamanho das bordas, tamanho das sombras
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Fundo de mensagens

Mensagem por ShaDownS em 11/02/15, 04:33 pm

Ah sim.
Entendi.

Coloque em sua CSS:
Código:
.post {
background: none #fff;
border: 1px solid gray;
border-radius: 10px;
box-shadow: 0px 0px 5px #000;
margin-left: 7.5px;
margin-right: 7.5px;
}

.postprofile {
border-right: 1px solid gray;
}

Veja se isso chegue perto do que quer Café
Abraços o/
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Fundo de mensagens

Mensagem por Thoth em 11/02/15, 04:53 pm

Olá,

Não consegui reproduzir exatamente o efeito da imagem porém consegui algo similar.
Com o código abaixo, você terá os posts com fundo cinza, cantos arredondados, borda e uma sombra (não igual a da imagem).


Para aplicar o efeito vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta Folha de estilo CSS.
Em seguida, aplique o código e valide.

Código:
div.post {
background-color: #d6d6d6 !important; /*cor do fundo*/
border: 1px solid #adadad; /*tamanho e cor da borda*/
border-radius: 10px; /*arredondamento das quinas*/
box-shadow: 0px 2px 2px;} /*sombra*/

Espero tê-lo ajudado.
Atenciosamente,
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto em 11/02/15, 07:44 pm

Amigo, o do fórum que te mostrei a cor está mais clara e o fundo da cor do perfil também

não tem como colocar igual?

Obrigado pela atenção

@Thoth
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Fundo de mensagens

Mensagem por Thoth em 11/02/15, 09:47 pm

Olá,

Deixei descrito na frente de cada parte do código uma descrição de o que cada parte modifica.
Na parte do código identificada como /*cor do fundo*/, modifique #d6d6d6 por #eeeeee.
Código:
background-color: #eeeeee !important; /*cor do fundo*/
Sempre que você modificar o código depois de # , você mudará a cor do fundo do post.
Veja a legenda de cada parte do código, assim poderá você mesmo modificar cada parte com as cores e formas que desejar.

Abri sua imagem no Photoshop para identificar as cores, e o fundo da parte do perfil é da mesma cor que o fundo do post, a ferramenta do Photoshop identificou o mesmo código de cor para as duas áreas.

Espero tê-lo ajudado.
Atenciosamente,
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto em 12/02/15, 07:25 pm

Obrigado thot, me ajudou muito irmão!

Está vendo aquele risco entre a mensagem e o perfil?

aquele | meio cinza, em evidência..

Só faltou isso, pode me ajudar parceiro?

Obrigado pela atenção
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Fundo de mensagens

Mensagem por Sennior em 13/02/15, 03:02 am

Saudações! Muito feliz

Adicione o código abaixo no INICIO de teu CSS:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
.postprofile {
border-right: 1px solid rgb(208, 208, 208)!important;
border-bottom-right-radius: 0px!important;
border-top-right-radius: 0px!important;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Sofia Pro, sans-serif
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto em 13/02/15, 06:03 pm

Obrigado amigo!
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Fundo de mensagens

Mensagem por EuficoLoko em 13/02/15, 06:08 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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

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