Icone no quote
2 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
Icone no quote
Qual é minha questão:
Quero mudar a posição do icone do quote para ficar igual a esse: http://debobeira.forumeiros.com/t845-parceria-d-bobeira-x-fenix-arts#2988
tipo, com o texto meio pra la > e o icone não muito colado no lado < já que no outro tópico que fiz não tive resposta de outra coisa vou deixar assim mesmo... MEU CSS:
no lugar da imagem desse fórum eu quero essa imagem:
http://server2.iconfinder.com/data/icons/fatcow/32x32/document_quote.png
So que eu quero que fique o mesmo quote do meu fórum, so mude a posição do icone para deixar igual ao do http://debobeira.forumeiros.com/t845-parceria-d-bobeira-x-fenix-arts#2988 ... AGUARDANDO RESPOSTAS
Aqui um tópico do meu fórum que ficou para ver: http://transfor-mj.forumeiros.com/t21-teste-12312321#36
Endereço do meu fórum:
http://transfor-mj.forumeiros.com/
Versão do meu fórum:
PHPBB3
Quero mudar a posição do icone do quote para ficar igual a esse: http://debobeira.forumeiros.com/t845-parceria-d-bobeira-x-fenix-arts#2988
tipo, com o texto meio pra la > e o icone não muito colado no lado < já que no outro tópico que fiz não tive resposta de outra coisa vou deixar assim mesmo... MEU CSS:
- Código:
body {
background-repeat: repeat-y;
background-position: center;
min-height: 101%;
}
#wrap {
padding: 25px;
margin-top: -35px;
margin-bottom: -60px;
background-repeat: no-repeat;
background-position: bottom center;
background-image: url('http://a.imagehost.org/0164/bg_footer.png');
width: 911px;
min-width: 800px;
}
/* Header-------------------------------------------------*/
.headerbar {
height: 200px;
background-image: url('http://img847.imageshack.us/img847/9751/bgheaderd.jpg');
background-position: top right;
background-repeat: no-repeat;
margin-top: 1px;
}
#page-body {
margin-left: 20px;
width: 871px;
}
div.navbar {
margin-left: 20px;
width: 851px;
}
blockquote {
border: 1px solid #C9D2D8;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.post {
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.button2, .button3{
border: 2px solid #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
cite {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}
.spoiler {
border: 2px solid #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.spoiler dt {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}
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:#fff url(http://server2.iconfinder.com/data/icons/fatcow/32x32/document_quote.png) top right no-repeat;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:-15px -15px;box-shadow:0 5px 5px rgba(0,0,0,.15);padding:10px 20px;}
.codebox.spoiler dt{background:url(http://i66.servimg.com/u/f66/11/96/49/61/new20d10.png) no-repeat top right}.codebox dd{margin-top:-18px}.codebox.spoiler dd{margin-top:-15px}code{color:#536482!important;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}.codebox{-moz-border-radius:5px;-webkit-border-radius:5px;background:#FFF!important;border-radius:5px;text-shadow:1px 1px 0 #fff;}
.codebox dt{background:url(http://i66.servimg.com/u/f66/11/96/49/61/page_w10.png) no-repeat top right;border:0;border-bottom:0px solid RoyalPurple;font-size:1.2em;font-weight:600;height:20px;padding-top:15px;position:relative;top:-15px;}.codebox.hidecode dd{margin-top:-40px;position:relative;z-index:99;}
no lugar da imagem desse fórum eu quero essa imagem:
http://server2.iconfinder.com/data/icons/fatcow/32x32/document_quote.png
So que eu quero que fique o mesmo quote do meu fórum, so mude a posição do icone para deixar igual ao do http://debobeira.forumeiros.com/t845-parceria-d-bobeira-x-fenix-arts#2988 ... AGUARDANDO RESPOSTAS
Aqui um tópico do meu fórum que ficou para ver: http://transfor-mj.forumeiros.com/t21-teste-12312321#36
Endereço do meu fórum:
http://transfor-mj.forumeiros.com/
Versão do meu fórum:
PHPBB3
Re: Icone no quote
Olá!
Utilize este código:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Utilize este código:
- Código:
blockquote{-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff url(http://cdn5.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/32/comment2.png) no-repeat 5px;blockquotedivmargin-left:40px;border:1px solid #000;border-radius:5px;margin-left:0;padding:25px;text-shadow:1px 1px 0 #fff}
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Re: Icone no quote
aeee vlw, funcionou como eu queria, eu usei o meu css emplementando um pedaços do seu e deu certinho.
vlw - pode fechar
vlw - pode fechar
Última edição por pecktovit em 11.08.11 18:22, editado 1 vez(es)
Re: Icone no quote
Olá!
Retire o código que lhe dei e adicione este:
Melhores cumprimentos,
seender
Retire o código que lhe dei e adicione este:
- Código:
blockquote{
background-image:url(http://cdn5.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/32/comment2.png);
padding-left: 30px;
background-repeat: no-repeat;
background-position: 5px;
}
Melhores cumprimentos,
seender
Re: Icone no quote
seender escreveu:Olá!
Retire o código que lhe dei e adicione este:Resolve?
- Código:
blockquote{
background-image:url(http://cdn5.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/32/comment2.png);
padding-left: 30px;
background-repeat: no-repeat;
background-position: 5px;
}
Melhores cumprimentos,
seender
kk na hora que eu consegui você também postou, eu para não dar doble post eu editei, mas foi na mesma hora... mas vlw mesmo assim OBRIGADO... (ler a mensagem acima que editei e pode fechar)
Tópicos semelhantes
» Quote igual ao fdf + icone
» Queria colocar um ícone no quote
» Quote igual ao fdf
» Quote do fdf
» Quote do fdf
» Queria colocar um ícone no quote
» Quote igual ao fdf
» Quote do fdf
» Quote do fdf
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