Personalizar chatbox

2 participantes

Ir para baixo

Tópico resolvido Personalizar chatbox

Mensagem por Rafusqui_ 11.09.15 18:33

Detalhes da questão


Endereço do fórum: http://gtasavdl.forumeiros.com/
Versão do fórum: PunBB

Descrição


bom pessoal,tou com problema no meu chat,eu puis as imagens,mas não aparece...

poderiam me ajudar? logo abaixo estará uma print do problema e o codigo que estou utilizando.

Personalizar chatbox U0aCcH4

Código:
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://i21.servimg.com/u/f21/19/31/42/18/text_s10.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
Rafusqui_
Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Fraise 11.09.15 18:39

Olá,

Veja se com estes códigos funciona:
Código:
label[for='format-bold'] {
background: url('http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png') no-repeat;
}

label[for="format-italic"] {
background: url('http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png') no-repeat;
}

label[for="format-underline"] {
background: url('http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png') no-repeat;
}

label[for="format-strike"] {
background: url('http://i21.servimg.com/u/f21/19/31/42/18/text_s10.png') no-repeat;
}

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Rafusqui_ 11.09.15 18:52

Funcionou,mas teria como centraliza-los igual ao icone de smiles e adicionar um fundo preto em cada imagem por favor igual a do smiles

Personalizar chatbox 3fHjge8
Rafusqui_
Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Fraise 11.09.15 18:54

Olá novamente,

Basta adicionar 50% 50% no final de cada código como no exemplo abaixo:
label[for='format-bold'] {
background: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png) no-repeat 50% 50%;
}

Lembrando que deverá ficar antes do ; e depois do no-repeat.

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Rafusqui_ 11.09.15 19:12

Muito bom,pode fechar o topico! obrigado!
Rafusqui_
Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Rafusqui_ 12.09.15 17:48

@Fraise fechar o topico por favor, desde ontem que pedi
Rafusqui_
Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Fraise 12.09.15 17:49

Mantenha a calma rapaz! Não tinha visto. Rindo

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos