Borda arredondada nas mensagens do tópico

3 participantes

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

Tópico resolvido Borda arredondada nas mensagens do tópico

Mensagem por ZeMuhammad 09.09.12 15:38

Qual é minha questão:
Gostaria de arredondar as bordas das mensagens de um tópico, há como? E também colocar um contorno nela.

Obrigado!

EDIT: Gostaria também de colorir o background do título do tópico, e também colorir a parte do menu do usuário >>>>>> Esta parte (do FDF) (onde se encontra foto de perfil, quantidade de mensagens, reputação, etc)

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://battlefieldplay4free.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por ZeMuhammad em 09.09.12 16:16, editado 1 vez(es)
ZeMuhammad

ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por Shankz 09.09.12 15:42

Olá,

Adicione em seu css
Código:
.postprofile {
    padding-top: 20px;
    padding-bottom: 0px;
    border: 1px solid #000000;
    width: 170px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

Até mais Piscada
Shankz

Shankz
****

Membro desde : 07/09/2012
Mensagens : 273
Pontos : 406

http://gztest.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por Sennior 09.09.12 15:46

Olá,

Com o código dado pelo nosso amigo Shankz, coloque o CSS abaixo:

div.post {-moz-border-radius: 10px;-webkit-border-radius: 10px;
background: white url(https://i.servimg.com/u/f66/11/66/91/15/bg_mer10.png) left top repeat-x;border-radius: 10px;display: table;padding-bottom: 15px;width: 100%;}}

Até mais.
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: Borda arredondada nas mensagens do tópico

Mensagem por ZeMuhammad 09.09.12 15:58

Skylize escreveu:Olá,

Com o código dado pelo nosso amigo Shankz, coloque o CSS abaixo:

div.post {-moz-border-radius: 10px;-webkit-border-radius: 10px;
background: white url(https://i.servimg.com/u/f66/11/66/91/15/bg_mer10.png) left top repeat-x;border-radius: 10px;display: table;padding-bottom: 15px;width: 100%;}}

Até mais.

Com este código o plano de fundo ficou branco, como altero esta cor?
ZeMuhammad

ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por Shankz 09.09.12 16:00

Modifique o valor em negrito
div.post {-moz-border-radius: 10px;-webkit-border-radius: 10px;
background: white url(https://i.servimg.com/u/f66/11/66/91/15/bg_mer10.png) left top repeat-x;border-radius: 10px;display: table;padding-bottom: 15px;width: 100%;}

Até logo Piscada
Shankz

Shankz
****

Membro desde : 07/09/2012
Mensagens : 273
Pontos : 406

http://gztest.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por ZeMuhammad 09.09.12 16:02

Shankz escreveu:Modifique o valor em negrito
div.post {-moz-border-radius: 10px;-webkit-border-radius: 10px;
background: white url(https://i.servimg.com/u/f66/11/66/91/15/bg_mer10.png) left top repeat-x;border-radius: 10px;display: table;padding-bottom: 15px;width: 100%;}

Até logo Piscada

Ah obrigado, não tinha visto Feliz
ZeMuhammad

ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por ZeMuhammad 09.09.12 16:03

Agora, por ultimo, tem como aumentar o espaço entre cada resposta?
ZeMuhammad

ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por Shankz 09.09.12 16:11

Boa tarde!

Adicione o código abaixo em seu css
.post {margin-bottom: 35px;}

Até logo Piscada
Shankz

Shankz
****

Membro desde : 07/09/2012
Mensagens : 273
Pontos : 406

http://gztest.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por ZeMuhammad 09.09.12 16:16

Obrigado!
ZeMuhammad

ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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