Como personalizar o quote

4 participantes

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

Tópico resolvido Como personalizar o quote

Mensagem por Troubleshoot 13.03.12 22:10

Qual é minha questão:
Olá , vejam a print de como esta o quote :
Como personalizar o quote ExlGu
Como quero que fique :
Como personalizar o quote HkqgL

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
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Mtv

Mensagem por MateusV. 13.03.12 22:13

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é
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar o quote

Mensagem por Roevs 13.03.12 22:14

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://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;
}
blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}
.content blockquote {
color: #536482;
}
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar o quote

Mensagem por Troubleshoot 13.03.12 23:02

Obrigado @Coper e MateusV.

Podem fechar.

Até mais.Piscada
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar o quote

Mensagem por Dominyk 14.03.12 2:24

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

Dominyk
Novo Membro

Membro desde : 04/05/2009
Mensagens : 17
Pontos : 21

http://rpg-saintseiya.forumeiros.com/rpg_sheet_edit?u=1

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar o quote

Mensagem por Dominyk 14.03.12 3:28

Resolvi meu problema com este tópico:

https://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 ^^
avatar

Dominyk
Novo Membro

Membro desde : 04/05/2009
Mensagens : 17
Pontos : 21

http://rpg-saintseiya.forumeiros.com/rpg_sheet_edit?u=1

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos