Icone no quote

2 participantes

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

Tópico resolvido Icone no quote

Mensagem por pecktovit 11.08.11 17:36

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:
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: Icone no quote Document_quote
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
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Icone no quote

Mensagem por seender 11.08.11 18:06

Olá!

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}
Adicione em:
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'
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Icone no quote

Mensagem por pecktovit 11.08.11 18:13

aeee vlw, funcionou como eu queria, eu usei o meu css emplementando um pedaços do seu e deu certinho. Feliz Muito feliz Muito feliz Muito feliz Muito feliz Muito feliz Feliz Feliz Feliz Tive uma idéia! Muito feliz

vlw - pode fechar


Última edição por pecktovit em 11.08.11 18:22, editado 1 vez(es)
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Icone no quote

Mensagem por seender 11.08.11 18:21

Olá!

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;
}
Resolve?

Melhores cumprimentos,
seender
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Icone no quote

Mensagem por pecktovit 11.08.11 18:23

seender escreveu:Olá!

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;
}
Resolve?

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 Feliz OBRIGADO... (ler a mensagem acima que editei e pode fechar)
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

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