• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Animated falling snow notification.

Animated falling snow notification. v1

No permission to download
xmas4.gif


Summary You will need to have Notifications - powered by Gritter - Developed by Chris Deeming to use this.

Additonal Notes: Because this is animated it's in .gif format therefore i've had to save using a specific matte so it won't suit all backgrounds, sorry this is just the limitations with the gif format. If you have a dark style I'll post a black matted version but I'll post the most common white matte.

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 "xmas4" without the quotes. and then paste the following into your Extra.css template and done.

Code:
/* XMAS 4 NOTIFICATION ENHANCEMENT */

.xmas4 .gritter-item {
    background: url("@imagePath/xenforo/gradients/xmas4.gif") no-repeat scroll center bottom transparent !important;
    width: 300px;
    height: 250px; }

.xmas4 .gritter-with-image {
    width: 200px;
    padding-right: 25px;
    padding-top: 50px;
    color: #d4e5fd; }

.xmas4 .gritter-without-image {
    width: 260px;
    padding-left: 20px;
    padding-top: 50px;
    color: #d4e5fd; }

.xmas4 .gritter-with-image .gritter-title {
   color: #ffeca8 !important;
   font-size: 14px !important; }

.xmas4 .gritter-without-image .gritter-title {
   color: #ffeca8 !important;
   font-size: 14px !important;
   text-align: center; }

.xmas4 .gritter-with-image  a, .tablet .gritter-without-image a {
   color: #921717 !important; }

.xmas4 .gritter-with-image  a:hover { opacity: 0.6; }

.xmas4 .gritter-image {
   padding-left: 18px;
   padding-top: 85px; }

.xmas4 .gritter-dismiss {
   padding-bottom: 15px;
   padding-right: 20px;
   font-size: 10px; }

.xmas4 .gritter-dismiss a { color: #ffeca8 !important; }

.xmas4 .gritter-dismiss a:hover { opacity: 0.6; }

.xmas4 .gritter-close  {
    background: url("@imagePath/xenforo/gradients/xmas4close.png") no-repeat scroll top left transparent;
    right: 150px !important;
    top: 35px !important; }

/* XMAS 4 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.
Author
Shelley
Downloads
35
First release
Last update
Rating
5.00 star(s) 1 ratings

More resources from Shelley

Latest reviews

Very nice design! Thanks for the share.