Editar o "quote"

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

Resolvido Editar o "quote"

Mensagem por Galileu em 23/08/13, 12:22 am

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


Última edição por Gramamas em 23/08/13, 01:30 pm, editado 1 vez(es)
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

Resolvido Re: Editar o "quote"

Mensagem por Balv-xD em 23/08/13, 12:44 am

Olá ponhe no seu css :
blockquote cite { background-color: #990000; background-image: url(http://illiweb.com/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; }:
avatar

Balv-xD
Nível 3

Masculino
Inscrito dia : 22/08/2013
Mensagens : 17
Pontos Ativos : 33

Ver perfil do usuário http://all-star.foruns.com.pt/

Resolvido Re: Editar o "quote"

Mensagem por MateusA em 23/08/13, 08:37 am

Olá!

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

Até!
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Editar o "quote"

Mensagem por First em 23/08/13, 09:22 am

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... Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Editar o "quote"

Mensagem por Sennior em 23/08/13, 12:43 pm

Saudações cordial membro! Muito feliz

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. Piscada

Valide e veja o resultado.

Abraços,
Sheldon! De bem com a vida
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: Editar o "quote"

Mensagem por Galileu em 23/08/13, 01:51 pm

Resolvido, agradeço.
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

Ver perfil do usuário http://cidadezumbi.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