Caixas de notificação brilhantes

LIVE PREVIEWBUY FOR $4

Vídeo

Assista ao vídeo

Características

  • 8 cores bonitas: verde, amarelo, laranja, vermelho, rosa, azul escuro, azul claro e branco.
  • 7 Efeitos impressionantes: piscar, desaparecer, esbelto, fixo, link, título e negrito.
  • Animado usando jQuery.
  • Nenhuma imagem é usada, tudo é CSS.
  • Um PSD está incluído.

Exemplo

<div class="notification_green">
   <strong>Success!</strong>The message has been sent.
</div>

Caixa de notificação

Informações importantes

O CSS3 é usado para os gradientes e sombras, mas a ópera apenas renderizará uma cor de fundo. O fundo do gradiente funciona com o IE porque usa filtros. Este item também é compatível com o Chrome 7 e 8.
As caixas de notificação são apenas divididas com classes, por isso é muito fácil de implementar. Existem apenas 2 arquivos a serem incluídos na cabeça: notification.css e notification.js. Você também precisa de jQuery.
Este item vem com uma documentação muito detalhada com muitos exemplos. Um PSD está incluído. Você também pode assistir o screencast.

Changelog

1.1.1 (Feb 6 2011)
* Live preview added
* Updated demo file
* Some comment mistakes fixed

1.1.0 (Feb 1 2011)
* Comments in the JS file
* IE6 Support
* Gradients in IE6, IE7, IE8

1.0.0 (Jan 11 2011)
* First version


Source


Posted

in

by