More & other graphics can be found at BBSmiley.com
Summary You will need to have Notifications - powered by Gritter - Developed by Chris Deeming to use this.
Important Note: This Notification was designed to make use of the full width so if you display avatar image it may screw up the layout you will have to adjust and add the css accordingly. This notification was designed for no image to be used.
Install Upload the images in the archive and put that in your /gradients folder. You will then have to create your notification and use the custom field and insert "bbsmileyabnotification" without the quotes. and then paste the following into your Extra.css template and done.
Code:
/*Angry Bird NOTIFICATION ENHANCEMENT*/
.bbsmileyabnotification .gritter-item {
background: url("@imagePath/xenforo/gradients/angrybird_notification.png") no-repeat scroll center bottom transparent !important;
width: 300px;
height: 215px; }
.bbsmileyabnotification .gritter-title {
color: #e1fcfd;
text-shadow: 0 0 0 transparent, 0 1px 2px #003a3c;
padding-top: 37px;
text-align: center; }
.bbsmileyabnotification .gritter-item p { width: 260px; padding-left: 25px; }
.bbsmileyabnotification .gritter-close {
background: url("@imagePath/xenforo/gradients/bbsmiley_close_angrybirdnotification.png") no-repeat scroll left top transparent;
right: 140px !important;
top: 10px !important;
width: 50px; }
.bbsmileyabnotification .gritter-dismiss { right: 110px !important; bottom: 5px !important; font-size: 9px;}
.bbsmileyabnotification .gritter-dismiss a { color: #01a5ac;}
.bbsmileyabnotification .gritter-dismiss a:hover { color: #55dae0; }
/*Angry Bird NOTIFICATION ENHANCEMENT*/Conditions of use: This pack may be used on forums, websites but cannot be redistributed or repackaged in any way shape or form for any reason without prior consent of the author.
