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
» RANK E AJUDA PRA BOTAR O RANK NO MEU FORUM
Hoje à(s) 6:18 por PESS_dodo

» viewtopic_body personalizado
Hoje à(s) 5:32 por Luiz~

» Queria botar meu forum assim
Hoje à(s) 3:37 por Luiz~

» Rank para meu fórum
Hoje à(s) 3:00 por Railison Ramon

» formulário de postagem
Hoje à(s) 2:34 por Luiz~

» Problema com JS
Hoje à(s) 2:04 por Luiz~

» Gestão da logo do fórum
Ontem à(s) 22:28 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
191 usuários online :: 2 usuários cadastrados, 1 Invisível e 188 Visitantes :: 2 Motores de busca

Luiz~, PESS_dodo

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Fundo de mensagens

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

Resolvido Fundo de mensagens

Mensagem por LeandroNeto em Qua 11 Fev 2015 - 17:59

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 Sex 13 Fev 2015 - 20:03, editado 1 vez(es)
avatar

LeandroNeto
Nível 8

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

http://cbfaic.forumeiros.com/

Resolvido Re: Fundo de mensagens

Mensagem por ShaDownS em Qua 11 Fev 2015 - 18:04

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 Qua 11 Fev 2015 - 18:05, editado 1 vez(es) (Razão : erro ortográfico)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 09/03/2014
Mensagens : 907
Pontos Ativos : 2632

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto em Qua 11 Fev 2015 - 18:10

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 : 1040

http://cbfaic.forumeiros.com/

Resolvido Re: Fundo de mensagens

Mensagem por ShaDownS em Qua 11 Fev 2015 - 18:20

Refere-se à aparência da mensagem?
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 09/03/2014
Mensagens : 907
Pontos Ativos : 2632

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto em Qua 11 Fev 2015 - 18:25

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 : 1040

http://cbfaic.forumeiros.com/

Resolvido Re: Fundo de mensagens

Mensagem por ShaDownS em Qua 11 Fev 2015 - 18:33

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 : 09/03/2014
Mensagens : 907
Pontos Ativos : 2632

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Fundo de mensagens

Mensagem por Thoth em Qua 11 Fev 2015 - 18:53

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 : 2156
Pontos Ativos : 4749

http://suportedesign.forumeiros.com https://www.facebook.com/https://www.facebook.com/Suportedesign https://twitter.com/https://twitter.com/suportedesign

Resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto em Qua 11 Fev 2015 - 21:44

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 : 1040

http://cbfaic.forumeiros.com/

Resolvido Re: Fundo de mensagens

Mensagem por Thoth em Qua 11 Fev 2015 - 23:47

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 : 2156
Pontos Ativos : 4749

http://suportedesign.forumeiros.com https://www.facebook.com/https://www.facebook.com/Suportedesign https://twitter.com/https://twitter.com/suportedesign

Resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto em Qui 12 Fev 2015 - 21:25

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 : 1040

http://cbfaic.forumeiros.com/

Resolvido Re: Fundo de mensagens

Mensagem por Sennior em Sex 13 Fev 2015 - 5:02

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16260
Pontos Ativos : 22911

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto em Sex 13 Fev 2015 - 20:03

Obrigado amigo!
avatar

LeandroNeto
Nível 8

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

http://cbfaic.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

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