Editar o "quote"

Qual é minha questão:
Gostaria de saber se há como editar a citação/quote do fórum IPB Forumeiros para que fique com um aspecto desta forma:



A imagem usada na quote, ao invés daquelas aspas " " seria esta:


A cor da parte de cima da citação (onde fica o nome do usuário citado, etc.) eu gostaria que ficasse na seguinte cor: #990000
E a da citação (Texto e afins) que ficasse: #F8F8FF

Desde já agradeço.

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

Versão do fórum:
INVISION

Olá ponhe no seu css :

blockquote cite { background-color: #990000; background-image: url(https://2img.net/i/fa/invision/css_img_quote.gif); background-position: top right; background-repeat: no-repeat; color: #000; display: block; font-size: 11px; font-style: normal; margin: -8px -8px 8px; padding: 3px; } blockquote { background-color: #F8F8FF; border-bottom: 1px dotted #000; border-left: 5px solid #d1d1d1; border-right: 1px dotted #000; border-top: 1px dotted #000; margin: 8px; padding: 8px; }:

Olá!

Poderia fornecer o site que viu tal função?

Até!

Olá, Bom Dia!

Peço ao senhor que adicione este código em sua Folha de estilo CSS:

Código:

.codebox {
font-size: 12px;
padding: 10px;
border: 1px solid #e0e4e9;
line-height: 170%;
overflow: auto;
background: #fcfcfc;
color: #9f9f9f;
margin-bottom: 5px;
}
.codebox dt {
font-size: 12px;
padding: 8px 10px;
background: #edeff1 url('http://i80.servimg.com/u/f80/18/37/38/98/linha_10.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-left: -10px;
width: 774px;
margin-top: -11px;
border-bottom: 1px solid #e0e4e9;
}
.codebox dd {
background-color: #fcfcfc;
margin: .5em;
padding: 0px;
}

Nota que está branco não preto como o senhor quer mais mim fornecer o endereço da onde você viu tal efeito que eu troco os background para o senhor.

Resulta?

Até mais,
Passar bem...  

Saudações cordial membro!

Aceda a: Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.

Código:

.postmain blockquote {
background-color: #fff;
border: 1px solid #ddd;
padding: .5em 1em;
}
blockquote {
-ms-border-radius: 5px;
-ms-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px #fff;
-o-border-radius: 5px;
-o-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px #fff;
-webkit-border-radius: 5px;
-webkit-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px #fff;
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
box-shadow: inset 0 0 10px #DDD, 1px 1px 2px #fff;
color: gray;
padding: .5em 1em;
word-break: break-word;
}


<li> Coloque o código no inicio de teu CSS.

Valide e veja o resultado.

Abraços,
Sheldon!

Resolvido, agradeço.