Queria colocar um ícone no quote

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

Resolvido Queria colocar um ícone no quote

Mensagem por Yukiyo Takeshi em 27/03/14, 03:42 pm

Qual é minha questão:
Quero colocar um ícone no canto superior esquerdo do quote.
Tipo esse:

Endereço do meu fórum:
http://narutocrazy.forumeiros.eu

Versão do fórum:
PHPBB2


Última edição por Yukiyo Takeshi em 27/03/14, 05:06 pm, editado 1 vez(es)
avatar

Yukiyo Takeshi
Nível 2

Masculino
Inscrito dia : 15/03/2014
Mensagens : 14
Pontos Ativos : 24

Ver perfil do usuário http://narutocrazy.forumeiros.eu/ https://www.facebook.com/frank.uzumakikonoha

Resolvido Re: Queria colocar um ícone no quote

Mensagem por Hancki em 27/03/14, 03:55 pm

Olá!

Teria como nos enviar a página onde viu isso ou o link do ícone?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Queria colocar um ícone no quote

Mensagem por Yukiyo Takeshi em 27/03/14, 04:18 pm

avatar

Yukiyo Takeshi
Nível 2

Masculino
Inscrito dia : 15/03/2014
Mensagens : 14
Pontos Ativos : 24

Ver perfil do usuário http://narutocrazy.forumeiros.eu/ https://www.facebook.com/frank.uzumakikonoha

Resolvido Re: Queria colocar um ícone no quote

Mensagem por Hancki em 27/03/14, 04:40 pm

Se você quiser exatamente igual, use este código CSS na sua folha de estilos:
Código:
.quote {
padding-left: 30px !important;
background: url(http://i40.tinypic.com/34dlag4.png) .3em .3em no-repeat;
border: 1px solid #F36!important;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-color: #ff2010;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 4px 4px 3px #a0a0a0;
max-width: 1300px;
overflow: auto;
padding: 10px 10px 10px 30px;
word-wrap: break-word;
}
Resultado: http://prntscr.com/34ng5q

Se quer apenas o ícone, use este:
Código:
.quote {
padding-left: 30px !important;
background: url(http://i40.tinypic.com/34dlag4.png) .3em .3em no-repeat;
overflow: auto;
}
Resultado: http://prntscr.com/34ngoo

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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