Icone no quote

[pecktovit]

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:
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

[seender]

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'

[pecktovit]

aeee vlw, funcionou como eu queria, eu usei o meu css emplementando um pedaços do seu e deu certinho.

vlw - pode fechar

[seender]

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

[pecktovit]

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