Tag: boxes

LIVE PREVIEWBUY FOR $4

Video

Features

• 8 Beautiful colors: green, yellow, orange, red, pink, dark blue, light blue and white.
• 7 Awesome effects: blink, fade in, slim, fixed, link, title and bold.
• Animated using jQuery.
• No images are used, everything is CSS.
• A PSD is included.

Example

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

Important Information

CSS3 is used for the gradients and shadows but Opera will just render one background color. The gradient background does work with IE because it uses filters. This item is also compatible with Chrome 7 & 8.

The notification boxes are just div’s with classes so it is very easy to implement. There are only 2 files to include in the HEAD: notification.css and notification.js. You also need jQuery.

This item comes with a very detailed documentation with lots of examples. A PSD is included. You can also watch the 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

Related posts:

Shiny Tooltips Christmas Gift boxes & Ornaments on Desk 4K X-Transition-Boxes – Envato Market – Codecanyon CSS Notification Packing containers – Envato Market place – Codecanyon FOMO Automatic notification plugin for WordPress and WooCommerce – Envato Sector – Codecanyon Notification Buttons – Envato Marketplace – Codecanyon Latest Purchase Notification Magento 2 Extension – Envato Marketplace – Codecanyon Quick Taxi App | Taxi Ride App | Instant Notification | Payment Gateways | SOS Call | Admin Panel – Envato Market – Codecanyon CSS3 Tooltips Pack – Envato Market – Codecanyon Tooltips – Spherical & Oval – Envato Current market – Codecanyon Achievement Unlock 21 Fresh Borders – Envato Market – Codecanyon CSS3 Kind Pack – Envato Market – Codecanyon jQuery CSS3 DropDown Menu Plugin – Envato Marketplace – Codecanyon Pricing Tables for Internet sites (entirely CSS based) – Envato Market – Codecanyon Spark – Android Cell Social Community System – Envato Market place – Codecanyon Tidy CSS3 Pricing Desk – Basic, Thoroughly clean, Adaptable – Envato Marketplace – Codecanyon Chrome-Bar Mega Navigation Program – Envato Sector – Codecanyon Vector Animated Countdown With Development Bar – Envato Sector – Codecanyon Fresh Sorts – Envato Sector – Codecanyon Popover Products Showcase jQuery Plugin – Envato Market place – Codecanyon Website Mail – Envato Sector – Themeforest adPopup Pro for jQuery – Envato Marketplace – Codecanyon CSS3 Accordions – Envato Marketplace – Codecanyon jQuery Item Overlay – Envato Industry – Codecanyon Glowing Circle Loading Animation – Envato Marketplace – Codecanyon Experienced Resume / Portfolio HTML Template – Envato Marketplace – Themeforest CSS3 Neon Sq. Icons – Envato Industry – Codecanyon Zi Social Share – HTML + CS33 – Envato Industry – Codecanyon Launching Soon – Premium Coming Quickly Template – Envato Market place – Themeforest CSS3 Clock Loading Animation Effects – Envato Market – Codecanyon CSS3 Banner Rotator – Envato Current market – Codecanyon CSS3 Button Hover Animation – Envato Marketplace – Codecanyon CSS3 Responsive Pagination – Envato Industry – Codecanyon Scroll Written content Presenter – Envato Current market – Codecanyon Vacation – Top quality HTML Template – Envato Marketplace – Themeforest Pure CSS3 Forms Set + Validation and Masking – Envato Market – Codecanyon Flower Loading Page – Html & Css – Envato Market – Codecanyon jQuery Responsive Quote Rotator – Envato Market – Codecanyon CookieInfo.js – EU Cookie Law Compliance Script – Envato Market – Codecanyon Animated Hover Effects Buttons with CSS3 – Envato Market – Codecanyon Subspace – Portfolio HTML5 Template – Envato Market – Themeforest CC Items Showcase – Envato Market – Codecanyon Responsive Layout – Envato Market – Codecanyon CSS3 Zi-Popup Animated Image Sliders – Envato Market – Codecanyon CSS Gradient Generator – Envato Market – Codecanyon jQuery Super Notice – Envato Market – Codecanyon Bingo – All Purpose Responsive Admin Template CSS3 Circle Loading Animation Effects Adaptionary – Responsive HTML Template