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
» Botão enviar e pré-visualizar
Hoje à(s) 03:51 am por Harleen

» Barra de anúncio
Hoje à(s) 03:30 am por Harleen

» Widgets Perfil do usuario
Hoje à(s) 03:16 am por Harleen

» Cor texto no SCEditor
Hoje à(s) 03:03 am por Harleen

» Mudar cor dos widgets do portal
Hoje à(s) 02:36 am por Harleen

» Bug inicial do forum
Hoje à(s) 02:24 am por Harleen

» Degrade Topicos
Hoje à(s) 01:20 am por Harleen

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

Baki, GSCode, mrvisible, zHugh

[ 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

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

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

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

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

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

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 : 2150
Pontos Ativos : 2736

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

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 : 2150
Pontos Ativos : 2736

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

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16304
Pontos Ativos : 20795

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

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 : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.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