Fundo de mensagens Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Fundo de mensagens

5 participantes

Ir para baixo

Tópico resolvido Fundo de mensagens

Mensagem por LeandroNeto 11.02.15 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:

Fundo de mensagens XrwRKHv

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 20:03, editado 1 vez(es)
LeandroNeto
LeandroNeto
***

Membro desde : 28/12/2014
Mensagens : 114
Pontos : 186

http://cbfaic.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por ShaDownS 11.02.15 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 11.02.15 18:05, editado 1 vez(es) (Motivo da edição : erro ortográfico)
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto 11.02.15 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
LeandroNeto
LeandroNeto
***

Membro desde : 28/12/2014
Mensagens : 114
Pontos : 186

http://cbfaic.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por ShaDownS 11.02.15 18:20

Refere-se à aparência da mensagem?
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto 11.02.15 18:25

Isso.

As bordas, sombras, cor de fundo da mensagem , tamanho das bordas, tamanho das sombras
LeandroNeto
LeandroNeto
***

Membro desde : 28/12/2014
Mensagens : 114
Pontos : 186

http://cbfaic.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por ShaDownS 11.02.15 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/
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por Thoth 11.02.15 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,
Thoth
Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto 11.02.15 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
LeandroNeto
LeandroNeto
***

Membro desde : 28/12/2014
Mensagens : 114
Pontos : 186

http://cbfaic.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por Thoth 11.02.15 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,
Thoth
Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto 12.02.15 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
LeandroNeto
LeandroNeto
***

Membro desde : 28/12/2014
Mensagens : 114
Pontos : 186

http://cbfaic.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por Sennior 13.02.15 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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por LeandroNeto 13.02.15 20:03

Obrigado amigo!
LeandroNeto
LeandroNeto
***

Membro desde : 28/12/2014
Mensagens : 114
Pontos : 186

http://cbfaic.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de mensagens

Mensagem por EuficoLoko 13.02.15 20:08

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos