Adicionar aviso no chatbox

Este CSS permite-nos adicionar uma mensagem no fundo das mensagens do chat. Com ela, podemos colocar breve regras sobre o funcionamento do mesmo ou então outra mensagem ao gosto.

--> Tutoriais, dicas e astúcias <--
Adicionar aviso no chatbox

1º - Conhecendo o código CSS:

Código:

#chatbox:after {
content: 'MENSAGEM' !important;
background: url('http://i.imgur.com/QWzWG1j.png') left center no-repeat !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
background-color: transparent !important;
border: 1px solid green !important;
color: green !important;
display: block !important;
font-size: 12px !important;
padding: 10px !important;
padding-left: 35px !important;
}

MENSAGEM -> No código modifique esta palavra para a frase que desejar, adicionando um aviso no chatbox.

2º - Aplicando o código CSS:
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel administrativo -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

• Resultado:
  
  

---

:copyright: Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Adicionar aviso no chatbox