Como personalizar o quote

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

Resolvido Como personalizar o quote

Mensagem por Troubleshoot em 13/03/12, 07:10 pm

Qual é minha questão:
Olá , vejam a print de como esta o quote :

Como quero que fique :


Aguardo.

Até mais.Piscada


Medidas que eu tomei para corrigir o problema:
--

Links e imagens do meu problema:
--

Endereço do meu fórum:
www.rb-forum.net

Versão do meu fórum:
PHPBB3
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Mtv

Mensagem por MateusV. em 13/03/12, 07:13 pm

Olá, aqui esta o codigo
Código:
blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
Cordialmente. Café
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como personalizar o quote

Mensagem por iPrompt em 13/03/12, 07:14 pm

Ponha este código em seu CSS

Código:
blockquote, blockquote blockquote, blockquote blockquote blockquote {
-moz-border-radius: 5px;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.15);
-webkit-border-radius: 5px 5px;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
background: none;
background-color: #F9F9F9;
background-image: -webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));
border: 1px solid #DEDEDE;
border-radius: 5px 5px;
box-shadow: 0 1px 5px rgba(0,0,0,.15);
padding: 10px 20px;
}
blockquote {
background: #EBEADD url(http://illiweb.com/fa/prosilver/quote.gif) 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
}
blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}
.content blockquote {
color: #536482;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como personalizar o quote

Mensagem por Troubleshoot em 13/03/12, 08:02 pm

Obrigado @Coper e MateusV.

Podem fechar.

Até mais.Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Como personalizar o quote

Mensagem por Dominyk em 13/03/12, 11:24 pm

Eu usei o código e funcionou legal, porém, não consigo mudar a cor de fundo do quote. Podem ajudar?

http://rpg-saintseiya.forumeiros.com/t25-hello-people

eu coloquei assim:

Código:
blockquote blockquote{
  background:-webkit-linear-gradient(#616161,#0000000)
}
blockquote blockquote blockquote{
  background:-webkit-linear-gradient(#616161,#000000)
}
blockquote blockquote{
  background:-webkit-linear-gradient(#616161,#0000000)
}
blockquote blockquote blockquote{
  background:-webkit-linear-gradient(#616161,#000000)
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{
  -moz-border-radius:6px;
  -moz-box-shadow:2px 2px 2px #BEBEBE;
  -webkit-border-radius:6px;
  -webkit-box-shadow:2px 2px 2px #BEBEBE;
  background:-moz-linear-gradient(#616161,#000000);
  background-color:#C6C6C6;
  background-image:-webkit-linear-gradient(#616161,#000000);
  border:1px solid #f2f2f2;
  border-radius:6px;
  box-shadow:2px 2px 2px #BEBEBE;
  font-size:11px;
  margin:0;padding-bottom:-30px;
  padding-left:-30px;
  padding-top:-30px;width:90%}
blockquote img{max-width:100%!important
}
.spoiler{
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px
}dl
.codebox{
  background:none;
  background-image:url(http://i26.servimg.com/u/f26/14/56/85/28/novida10.png);
  width:92%
}
.codebox .spoiler_content{
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  background:-moz-linear-gradient(#616161,#000000);
  background-color:#616161;
  background-image:none;
    -webkit-linear-gradient(#616161,#000000);
  border:1px solid #BEBEBE;
  border-radius:6px;font-size:11px;
  margin-left:0
    padding:5px 10px 10px
}


Última edição por Dominyk em 14/03/12, 01:14 pm, editado 1 vez(es)

Dominyk
Nível 3

Feminino
Inscrito dia : 04/05/2009
Mensagens : 17
Pontos Ativos : 21

Ver perfil do usuário http://rpg-saintseiya.forumeiros.com/rpg_sheet_edit?u=1

Resolvido Re: Como personalizar o quote

Mensagem por Dominyk em 14/03/12, 12:28 am

Resolvi meu problema com este tópico:

http://ajuda.forumeiros.com/t51319-quote-spoiler-como-narutorpg?highlight=Quote

Só troquei as cores e consegui um efeito degradé, com bordas arredondadas e sombreado. ficou melhor do que esperado. Muito obrigado!

Spoiler:

pode fechar o tópico ^^

Dominyk
Nível 3

Feminino
Inscrito dia : 04/05/2009
Mensagens : 17
Pontos Ativos : 21

Ver perfil do usuário http://rpg-saintseiya.forumeiros.com/rpg_sheet_edit?u=1

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