Borda arredondada nas mensagens do tópico

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

Resolvido Borda arredondada nas mensagens do tópico

Mensagem por ZeMuhammad em 09/09/12, 11:38 am

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, 12:16 pm, editado 1 vez(es)
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

Ver perfil do usuário http://battlefieldplay4free.forumeiros.com

Resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por Shankz em 09/09/12, 11:42 am

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
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

Ver perfil do usuário http://gztest.forumeiros.com/forum
  • 0

Resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por Sennior em 09/09/12, 11:46 am

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(http://i66.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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por ZeMuhammad em 09/09/12, 11:58 am

@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(http://i66.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?
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

Ver perfil do usuário http://battlefieldplay4free.forumeiros.com
  • 0

Resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por Shankz em 09/09/12, 12:00 pm

Modifique o valor em negrito
div.post {-moz-border-radius: 10px;-webkit-border-radius: 10px;
background: white url(http://i66.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
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

Ver perfil do usuário http://gztest.forumeiros.com/forum

Resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por ZeMuhammad em 09/09/12, 12:02 pm

@Shankz escreveu:Modifique o valor em negrito
div.post {-moz-border-radius: 10px;-webkit-border-radius: 10px;
background: white url(http://i66.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
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

Ver perfil do usuário http://battlefieldplay4free.forumeiros.com

Resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por ZeMuhammad em 09/09/12, 12:03 pm

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

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

Ver perfil do usuário http://battlefieldplay4free.forumeiros.com

Resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por Shankz em 09/09/12, 12:11 pm

Boa tarde!

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

Até logo Piscada
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

Ver perfil do usuário http://gztest.forumeiros.com/forum

Resolvido Re: Borda arredondada nas mensagens do tópico

Mensagem por ZeMuhammad em 09/09/12, 12:16 pm

Obrigado!
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

Ver perfil do usuário http://battlefieldplay4free.forumeiros.com

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