Created Metro style

2014-01-17 13:15:09 -02:00
parent 27eea96855
commit 1b111dfcfa
4 changed files with 116 additions and 0 deletions
@@ -0,0 +1,37 @@
+<html>
+<body>
+<head>
+	<link href="../dist/styles/metro/notify-metro.css" rel="stylesheet" />
+
+	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+	<script src="../dist/notify.js"></script>
+	<script src="../dist/styles/metro/notify-metro.js"></script>
+</head>
+
+<h2>Index</h2>
+
+<button onclick="notify('white')">White</button>
+<button onclick="notify('black')">Black</button>
+<button onclick="notify('error')">Err</button>
+<button onclick="notify('success')">Success</button>
+<button onclick="notify('warning')">Warning</button>
+<button onclick="notify('info')">Info</button>
+
+<div style="background-image:url('/Content/mail.png')"></div>
+
+<script type="text/javascript">
+    function notify(style) {
+        $.notify({
+            title: 'Email Notification',
+            text: 'You received an e-mail from your boss. You should read it right now!',
+            image: "<img src='images/Mail.png'/>"
+        }, {
+            style: 'metro',
+            className: style,
+            autoHide: false,
+            clickToHide: true
+        });
+    }
+</script>
+</body>
+</html>