notifIt!1.2

Notify what you want!

Step 1 - Try it! #done

notif({
  msg: "<b>Success:</b> In 5 seconds i'll be gone",
  type: "success"
});
notif({
  msg: "<b>Oops!</b> A wild error appeared!",
  type: "error",
  position: "center"
});
notif({
  type: "warning",
  msg: "<b>Warning:</b> Be patient my friend.",
  position: "left"
});
notif({
  type: "info",
  msg: "<b>Info:</b> Some info here.",
  width: "all",
  height: 100,
  position: "center"
});
notif({
  type: "error",
  msg: "This error will stay here until you click it.",
  position: "center",
  width: 500,
  height: 60,
  autohide: false
});
notif({
  type: "warning",
  msg: "Opacity is cool!",
  position: "center",
  opacity: 0.8
});
notif({
  type: "info",
  msg: "Testing a multiline text. Testing, one, two.. yep.",
  position: "center",
  width: 100,
  autohide: false,
  multiline: true
});
notif({
  type: "success",
  msg: "Fade mode activated.",
  position: "right",
  fade: true
});
notif({
  msg: "Customize with your favourite color!",
  position: "left",
  bgcolor: "#294447",
  color: "#F19C65"
});
notif({
  msg: "Customize the timeout!",
  position: "left",
  time: 1000
});

Step 2 - Download it!

Now!

Step 3 - Plug

// Include this in the <head>
<script type="text/javascript" src="js/notifIt.js">
<link rel="stylesheet" type="text/css" href="css/notifIt.css">

Step 4 - & play #first

notif({
	msg: "<b>Oops!</b> A wild error appeared!",
	type: "error",
	position: "center"
});