Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Your question is a little vague as a "cool looking success message" is not much to go with. </p> <p>If you are interested, however, through answering questions here I have replicated the functionality of two of Stackoverflow's "notification" features that people seem to enjoy: the banner at the top of the page that comes up when you get a new badge, etc. and the red boxes around the site whenever something goes wrong with an action. I've used techniques similar to these to show success messages in my applications and my clients have loved them.</p> <ul> <li><a href="https://stackoverflow.com/questions/659199/how-to-show-popup-message-like-in-stackoverflow/659243#659243">To show the top banners</a> - <a href="http://jsbin.com/owuje" rel="nofollow noreferrer">demo</a></li> <li><a href="https://stackoverflow.com/questions/758906/how-would-i-implement-stackoverflows-hovering-dialogs/759062#759062">To show the red boxes</a> - <a href="http://jsbin.com/oqale" rel="nofollow noreferrer">demo</a></li> </ul> <p>The examples are very simple, as all it is doing is showing a DIV somewhere in the document and fading it in and out depending on the situation. That's all you really need to get started.</p> <p>In addition to this, if you are a Mac fan (and even if you're not) there is the <a href="http://plugins.jquery.com/project/Growl" rel="nofollow noreferrer">jQuery Growl</a> plugin which is based on the OS X notification system. I am also a big fan of using the <a href="http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html" rel="nofollow noreferrer">BeautyTips</a> plugin to show messages near an element, as the bubbles are very nice and easy to style.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload