Personalização chatbox

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

Resolvido Personalização chatbox

Mensagem por Devilmy em 05/10/12, 03:22 pm

Qual é minha questão:
Tem o tutorial de personalização , e lá tem uma parte que diz que se colocar o code : '' background-attachment: fixed;'' , a imagem não sumiria mesmo que a caixa de mensagem aumente , eu coloquei e quando eu digito uma mensagem , a imagem vai sumindo aos poucos .. Queriam que me ajude a deixar a imagem fixa no fundo , que mesmo digitando a imagem não some .. Por que vi vários fóruns que consegue isso ..

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

Endereço do meu fórum:
http://naruto-alpha.forumeiros.com/

Versão do meu fórum:
PHPBB2
avatar

Devilmy
Nível 2

Masculino
Inscrito dia : 17/04/2012
Mensagens : 12
Pontos Ativos : 18

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

Resolvido Re: Personalização chatbox

Mensagem por Ace em 05/10/12, 04:00 pm

Olá,

Pode nos enviar o código utilizado?

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização chatbox

Mensagem por Devilmy em 05/10/12, 04:03 pm

#chatbox {
background-image: url(http://i33.servimg.com/u/f33/17/33/97/71/naruto19.jpg);
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;
}
avatar

Devilmy
Nível 2

Masculino
Inscrito dia : 17/04/2012
Mensagens : 12
Pontos Ativos : 18

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

Resolvido Re: Personalização chatbox

Mensagem por Ace em 05/10/12, 04:10 pm

Olá,

Mas a imagem está fixa... Louco

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização chatbox

Mensagem por Devilmy em 05/10/12, 04:11 pm

Não está ....... Quando eu digito a mensagem e envio , parte da imagem desaparece D:
avatar

Devilmy
Nível 2

Masculino
Inscrito dia : 17/04/2012
Mensagens : 12
Pontos Ativos : 18

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

Resolvido Re: Personalização chatbox

Mensagem por Ace em 05/10/12, 04:17 pm

Olá,

Tente o seguinte CSS:

Código:
.chatbox_row_1 clearfix{
background-image: url(http://i33.servimg.com/u/f33/17/33/97/71/naruto19.jpg) !important;
}

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização chatbox

Mensagem por Devilmy em 05/10/12, 04:23 pm

É pra tirar o codigo de antes e por esse no lugar ? Ou por o de antes e depois esse ? Por que eu coloquei sosinho e não apareceu imagem nenhuma , depois eu coloquei os dois e não funcionou ..
avatar

Devilmy
Nível 2

Masculino
Inscrito dia : 17/04/2012
Mensagens : 12
Pontos Ativos : 18

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

Resolvido Re: Personalização chatbox

Mensagem por Sennior em 05/10/12, 08:13 pm

Olá,

Troque teu CSS por este:

Código:
#chatbox {background-image:url(http://i33.servimg.com/u/f33/17/33/97/71/naruto19.jpg);background-repeat: no-repeat;background-position: bottom right;position: relative;}

Cordialmente.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização chatbox

Mensagem por Devilmy em 06/10/12, 12:13 am

Não funcionou por que , a imagem desce a cada mensagem ,e o que eu queria mesmo é ela ficar parada e a mensagem aparecer em cima dela ..
avatar

Devilmy
Nível 2

Masculino
Inscrito dia : 17/04/2012
Mensagens : 12
Pontos Ativos : 18

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

Resolvido Re: Personalização chatbox

Mensagem por Sennior em 06/10/12, 11:45 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#chatbox{background-image:url(http://i48.servimg.com/u/f48/16/38/63/03/imagem11.jpg);
background-repeat:repeat;
background-position:left;
background-size:100% 100%;-webkit-background-size:100%;-o-background-size:100%;-khtml-background-size:100%;-moz-background-size:100% 100%}

Salve.

Quer que a escrita dos usuários não fiquem com um fundo branco tapando a imagem?
Código:
p.chatbox_row_1,p.chatbox_row_2,p.chatbox_row_3,p.chatbox_row_4{background:transparent;color:#FFFFFF}span.msg span,.user-msg,span.user a,span.user a span strong{color:#FFFFFF!important}

Até mais.
Mikéé
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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