Anúncio no chatbox

Nome do Arquivo: Anúncio no chatbox
Autor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Olá,
este é um tutorial simples, onde iremos ensiná-los a adicionar uma mensagem no chatbox para os membros como na imagem do tutorial.

Primeiro iremos aceder em Painel de controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

#chatbox:after {
content: 'O chat é um lugar para diversão e descontração, não poste dúvidas e links de outros sites.';
background: url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
border: 1px solid #ebb962;
box-shadow: 0 1px 4px #fde5bb;
color: #b85f1d;
font-size: 13px;
display: block;
line-height: 140%;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.55);
}

Procure esta parte:

Código:

O chat é um lugar para diversão e descontração, não poste dúvidas e links de outros sites.

E edite o texto da forma que mais lhe agradar.


Se tiver alguma dúvida em relação a este tutorial crie um tópico de mesmo nome.

Boa emo u-u :3
#Rept.

Muito Show. Parabéns seria melhor ficasse em cima.

Abraços!

Belo tutorial. Funcionou legal!

Para colocar em cima é bem simples!

Altere-o está parte do código:

#chatbox:after

Para:

#chatbox:before

Talvez seja necessário colocar position:fixed; para que fique fixo.
Então, temos o código:

Código:


#chatbox:before {
position: fixed;
content: 'O chat é um lugar para diversão e descontração, não poste dúvidas e links de outros sites.';
background: url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
border: 1px solid #ebb962;
box-shadow: 0 1px 4px #fde5bb;
color: #b85f1d;
font-size: 13px;
display: block;
line-height: 140%;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.55);
}


Até mais.

Show, mais para colocar mais de uma mensagem como é ?

buen tutorial

Muito bom o tutorial... Curtido

Olá,
Este codigo eu ja sabia hehe,
Bom Tutorial :p

Olá,
Este codigo eu ja sabia hehe,
Bom Tutorial :p