Como fazer notificações ao estilo do Facebook com CSS

Escrito por sara williams | Traduzido por josé fabián
Como fazer notificações ao estilo do Facebook com CSS
Facebook é muito famosa, entre outros motivos, pelas caixas de notificação (Thomas Northcut/Lifesize/Getty Images)

O Facebook usa vários tipos diferentes de notificações, incluindo barras na parte inferior da página. Esse truque não é difícil de implementar no seu próprio site, embora precise de mais códigos além do CSS (folhas de estilo em cascata) para criar o texto para as próprias notificações. É preciso apenas um código HTML simples para criar a caixa e estilizá-la, e uma linha de CSS para fixá-la.

Instruções

  1. 1

    Abra a sua página web no bloco de notas ou em um editor de texto e navegue até um ponto anterior à tag "" e a quaisquer tags "

    Dicas & Advertências

    • As instruções aqui abarcam apenas a criação da caixa de notificações em CSS e não as animações, atualizações ou entregas. Use um script do jQuery para adicionar as animações, e entregue mensagens individuais aos usuários através de um script do lado do servidor. PHP é uma linguagem adequada para isso.
Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível