Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Widget novidades não funciona
Hoje à(s) 01:07 pm por Kyo Panda

» Sub-Menu de Login
Hoje à(s) 01:07 pm por Kyo Panda

» Painel moderativo para moderadores
Hoje à(s) 12:16 pm por iScroll

» Ajustar widget de últimos assuntos
Hoje à(s) 10:58 am por Kyo Panda

» Mensagens de aviso quebradas
Hoje à(s) 10:04 am por Kyo Panda

» Efeito hover avatar
Hoje à(s) 10:03 am por Kyo Panda

» Aparência do fórum
Hoje à(s) 10:02 am por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
259 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 248 Visitantes :: 2 Motores de busca

Carlos Rodrigues, Gmtp, Herbert Silva, iScroll, Kokoro, Kyo Panda, LeoziN_WallkeR, Luiz, SetRaiden, virus, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Personalizar chatbox

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

Resolvido Personalizar chatbox

Mensagem por Rafusqui_ em 11/09/15, 02:33 pm

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.



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://illiweb.com/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

Ver perfil do usuário https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Resolvido Re: Personalizar chatbox

Mensagem por Fraise em 11/09/15, 02:39 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar chatbox

Mensagem por Rafusqui_ em 11/09/15, 02:52 pm

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

avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

Ver perfil do usuário https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Resolvido Re: Personalizar chatbox

Mensagem por Fraise em 11/09/15, 02:54 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar chatbox

Mensagem por Rafusqui_ em 11/09/15, 03:12 pm

Muito bom,pode fechar o topico! obrigado!
avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

Ver perfil do usuário https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Resolvido Re: Personalizar chatbox

Mensagem por Rafusqui_ em 12/09/15, 01:48 pm

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

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

Ver perfil do usuário https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Resolvido Re: Personalizar chatbox

Mensagem por Fraise em 12/09/15, 01:49 pm

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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