Como mudar a imagem do chat box

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

Resolvido Como mudar a imagem do chat box

Mensagem por NarutodeKonoha em 30/06/12, 10:42 pm

Qual é minha questão:
Queria saber como mudar a imagem do chatbox

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://animessoul.forumeiros.com/

Versão do meu fórum:
PHPBB2


Última edição por NarutodeKonoha em 01/07/12, 04:45 pm, editado 1 vez(es)
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

Ver perfil do usuário http://animessoul.forumeiros.com/

Resolvido Re: Como mudar a imagem do chat box

Mensagem por Napolitano em 30/06/12, 10:47 pm

Olá Autor,

Sugestiono ao senhor ler o seguinte tutorial:
Flecha ajudeiros http://ajuda.forumeiros.com/t22416-

Melhores Cumprimentos! Envergonhado
avatar

Napolitano
Nível 9

Masculino
Inscrito dia : 30/06/2012
Mensagens : 176
Pontos Ativos : 215

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como mudar a imagem do chat box

Mensagem por NarutodeKonoha em 30/06/12, 10:48 pm

muito obrigado! Belo avatar rsrsrs
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

Ver perfil do usuário http://animessoul.forumeiros.com/

Resolvido Re: Como mudar a imagem do chat box

Mensagem por Marciobcv em 30/06/12, 10:49 pm

jQuery(document).ready(function(){s="jQuery('#chatboxpop').animate({width:'toggle'},1200);

jQuery('#chatboxopen,#chatboxclose').toggle();";jQuery('body').prepend('<div
style="overflow: visible; position: fixed; bottom: 30px; height: 350px;
right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop"
scrolling="yes" style="height: 350px; float: right; overflow-x:
visible; overflow-y: visible; display: none; width:700px"
marginwidth="0" marginheight="0"
frameborder="0"></iframe><div onclick="'+s+'"
style="margin-top: 10px; cursor :pointer; float:left"><img
src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png"
id="chatboxopen" style="display: inline; "><img
src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png"
id="chatboxclose" style="cursor: pointer; display: none;
"></div></div>')});

Basta mudar os links em destaque para os quais desejar.

Abraços.
avatar

Marciobcv
Nível 9

Masculino
Inscrito dia : 25/02/2012
Mensagens : 191
Pontos Ativos : 269

Ver perfil do usuário

Resolvido Re: Como mudar a imagem do chat box

Mensagem por NarutodeKonoha em 30/06/12, 11:06 pm

eu queria mudar a imagem de dentro
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

Ver perfil do usuário http://animessoul.forumeiros.com/

Resolvido Re: Como mudar a imagem do chat box

Mensagem por Marciobcv em 30/06/12, 11:10 pm

Se já há uma imagem dentro, procure em seu CSS por #chatbox e modifique o link após background-image (que estará logo abaixo).

Se ainda não há uma imagem dentro, você deverá colocá-la com o seguinte código:

#chatbox {
background-image: url(URLDAIMG);
background-repeat: no-repeat;
background-position: bottom right;
}

Alterando o URLDAIMG para a url da sua imagem.

Abraços.
avatar

Marciobcv
Nível 9

Masculino
Inscrito dia : 25/02/2012
Mensagens : 191
Pontos Ativos : 269

Ver perfil do usuário

Resolvido Re: Como mudar a imagem do chat box

Mensagem por NarutodeKonoha em 30/06/12, 11:22 pm

valeu!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

Ver perfil do usuário http://animessoul.forumeiros.com/

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