Learn and share. The simplest harmony.

 

jGrowl Theme : Mono & Basic

Posted on January 12, 2010 and got 5 shouts so far

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 :

  1. Redistribute it as yours.
  2. Sell it.
  3. 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 ;)

 

This Post Tags :

Bookmark Post :

Pin It
  • Drop me an e-mail if you would like to get these integrated into the jGrowl package.

  • @Stan It’s a pleasure :)

  • Very nice. Thanks for sharing.

    Spotted a typo in the readme “Reditribute”

  • Do the regular jgrowl options work with this? like sticky?

  • @Ken Hawkins Thanks! :)

    @Paul Unfortunately it can’t you need my script to animate the content.