Last night i found an interesting stuff, two Growl themes. It’s ‘mono’ and ‘basic’ theme by Christopher Lobay. By using these themes my growl turn beautifully. I remembered jGrowl, a jQuery based notification like growl and i think this will be useful if turn jGrowl default theme into ‘mono’ or ‘basic’ style.
Thing that i’ve done are creating background for ‘mono’ and ‘basic’ style, adding some style to make it more elegant and inject a little animation to move the header and message text. I also created the function (not too good) to call these two themes automatically, it’s simple function that contains an animation, styling and also jGrowl function. So you can use these two themes on your own jGrowl, use this :
jGrowlTheme( 'mono', 'Webstuffshare', 'Howdy, this is a jGrowl theme mono style By Hidayat Sagita', 'images/messi.jpg');
For mono theme, and this :
jGrowlTheme( 'basic', 'Webstuffshare', 'Howdy, this is a jGrowl theme basic style By Hidayat Sagita', 'images/growlicon.png');
For basic theme. You can try the demo below and download the source code for using its on your commercial project or anything but PLEASE DO NOT :
- Redistribute it as yours.
- Sell it.
- Make a mirror download of it.
You can also get regular useful updates about web-stuff by subscribing webstuffshare RSS feed. If you like this post, your sharing and feedback would be very appreciated
jGrowl Theme : Mono & Basic (via @hdytsgt)
[Community News] jQuery Fundamentals
RGraph : HTML5 Canvas Graph Library
jQuery Plugin : jQuery iPhone UI
Pikachoose : Another jQuery Plugin for Image Gallery
HTML5 Security Cheatsheet
[Community News] How to turn any jQuery plugin into a Wordpress one
Zoom Your Element Using Zoomooz.js
[Community News] Build a Flash-like Game With Scripty2
[Community News] CSS3 Transitions available on Firefox 3.7
[Community News] CSS from the Ground Up
- How To Create iPhone-Style Navigation (Part I)
This post has got 23 shouts so far - jQuery Plugin : jConfirmAction
This post has got 33 shouts so far - iPhone-Style Navigation:AJAX + Rotate (Part II)
This post has got 12 shouts so far - Howto Create Mac-like Login Form
This post has got 7 shouts so far - Simple Flip Puzzle Effect with jQuery
This post has got 6 shouts so far - Implement Password Strength Meter & Gauge.js
This post has got 8 shouts so far - Create Animated Navigation Menu From Stratch
This post has got 7 shouts so far - Stylize Your Own Checkboxes
This post has got 15 shouts so far
- nice tut but I am newbie and I wonder how to make more one or two drop-menu
by b52 on Simple CSS3 Dropdown Menu - @andrew : Until now jConfirmAction still in development for...
by Hidayat Sagita on jQuery Plugin : jConfirmAction - sorry i must correct my prev post the links are without href blah blah
by andrew on jQuery Plugin : jConfirmAction - thanks! CSS 3 rulit))
by web desing on Photoshop Effect vs CSS3 Properties - Good!Thanks for share with the resource!
by ChunPIG on Free Web UI Element Pack




Stan
Drop me an e-mail if you would like to get these integrated into the jGrowl package.
Hidayat Sagita
@Stan It’s a pleasure
Ken Hawkins
Very nice. Thanks for sharing.
Spotted a typo in the readme “Reditribute”