Icone no quote

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

Resolvido Icone no quote

Mensagem por pecktovit em 11/08/11, 01:36 pm

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
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Icone no quote

Mensagem por seender em 11/08/11, 02:06 pm

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'
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Icone no quote

Mensagem por pecktovit em 11/08/11, 02:13 pm

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, 02:22 pm, editado 1 vez(es)
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum
  • 0

Resolvido Re: Icone no quote

Mensagem por seender em 11/08/11, 02:21 pm

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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Icone no quote

Mensagem por pecktovit em 11/08/11, 02:23 pm

@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)
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum