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
Login

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Fou-Lu
 
Holkis
 
iScroll
 
Sr.Oliveira
 
Harleen
 
while
 
Stewart
 
fiapinho
 

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

1001blogs, Bueno Habbo, Connor R., Fou-Lu, Hancki, Harleen, Holkis, L Mars, Nitram, Shek Crowley

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

LeandroNeto
Nível 8

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

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)

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 09/03/2014
Mensagens : 908
Pontos Ativos : 2572

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

LeandroNeto
Nível 8

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

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?

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 09/03/2014
Mensagens : 908
Pontos Ativos : 2572

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

LeandroNeto
Nível 8

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

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/

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 09/03/2014
Mensagens : 908
Pontos Ativos : 2572

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,

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2156
Pontos Ativos : 4686

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

LeandroNeto
Nível 8

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

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,

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2156
Pontos Ativos : 4686

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

LeandroNeto
Nível 8

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

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

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22837

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!

LeandroNeto
Nível 8

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

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