Personalização chatbox

[Devilmy]

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

[Ace]

Olá,

Pode nos enviar o código utilizado?

Cordialmente.

[Devilmy]

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

[Ace]

Olá,

Mas a imagem está fixa...

Até Mais!

[Devilmy]

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

[Ace]

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.

[Devilmy]

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

[Sennior]

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.

[Devilmy]

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

[Sennior]

Olá!

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

Código:

#chatbox{background-image:url(https://i.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éé