Deixa o quote exatamente assim

Qual é minha questão:
Gostaria de deixa o ''quote'' igual ao dessa imagem :

https://i.servimg.com/u/f44/17/14/15/45/imagem30.jpg

Tema : http://pt.hitskin.com/buscar-um-tema/revoart-168602.htm

só para lembra esse fórum eh phpBB3 e o meu é punBB

gostaria do codigo para punbb

Medidas que eu tomei para corrigir o problema:
nenhuma

Imagens do meu problema:


Endereço do meu fórum:
http://skcheats.forumais.com/

Versão do meu fórum:
PUNBB

Olá,

Vá em: Painel de controle Visualização Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  border-color: #3485C7;
  background: #EBEADD url(http://2img.net/i/fa/prosilver/quote.gif) 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
border-image: initial;
}

blockquote div {
margin-left: 20px;
}

Salve e visualize seu fórum.
Até mais.
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Olá,

Tente este

Código:

.postmain blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  border-color: #3485C7;
  background: #EBEADD url(http://2img.net/i/fa/prosilver/quote.gif) 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
border-image: initial;
}

.postmain blockquote{
margin-left: 20px;
}

Até mais

Usei o código passado pelo King, deu certo, porém ocorreu um bug :

https://i.servimg.com/u/f44/17/14/15/45/imagem31.jpg

O simbolo ('') fica por cima das letra

Olá,

Substitua por este

Código:

.postmain blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  border-color: #3485C7;
  background: #EBEADD url(http://2img.net/i/fa/prosilver/quote.gif) 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 17px;
border-image: initial;
}

.postmain blockquote{
margin-left: 20px;
}