Como personalizar o quote
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Como personalizar o quote
Qual é minha questão:
Olá , vejam a print de como esta o quote :
Como quero que fique :
Aguardo.
Até mais.
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
Olá , vejam a print de como esta o quote :
Como quero que fique :
Aguardo.
Até mais.
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
Mtv
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}
Re: Como personalizar o quote
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;
}
Re: Como personalizar o quote
Obrigado @Coper e MateusV.
Podem fechar.
Até mais.
Podem fechar.
Até mais.
Re: Como personalizar o quote
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:
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)
Re: Como personalizar o quote
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!
pode fechar o 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 ^^
Tópicos semelhantes
» Personalizar o quote
» Personalizar o quote
» Personalizar o quote
» Personalizar o quote
» Personalizar o quote
» Personalizar o quote
» Personalizar o quote
» Personalizar o quote
» Personalizar o quote
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos