• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Xmas Notification Card

Xmas Notification Card v1

No permission to download


xmascard.png


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

Additional Notes: Because the notification add-on allows for multiple placements you may need to alter the css a little but these are designed and css for placements in the bottom-right.

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

Code:
#gritter-notice-wrapper.bottom-right .xmasnot{
    bottom: 30px !important;
    left: auto;
    right: 40px !important;
    top: auto;
}
.xmasnot .gritter-item{
    background: url("@imagePath/xenforo/gradients/notification5.png") no-repeat scroll center bottom transparent !important;
    width: 250px;
    height: 300px; 
}
.xmasnot .gritter-with-image {
    width: 190px;
    margin-right: 30px;
    padding-top: 20px;
}
.xmasnot .gritter-image {
   margin-left: 90px !important;
   margin-top: 50px;
   width: 65px !important;
   height: 65px !important;
   border: 1px solid #54707e;
   padding: 0px;
   background-color: #d9e9f1;
   border-radius: 3px;
}
.xmasnot .gritter-title {
   color: #fff2bf !important;
   font-size: 16px !important;
   font-family: 'georgia';
   text-align: center;
}
.xmasnot .gritter-item p {
   color: #e3eef3;
   font-family: 'georgia';
   font-size: 13px;
}

.xmasnot .gritter-item a {
   color: #fff2bf;
}

.xmasnot .gritter-dismiss {
   padding-bottom: 10px;
   padding-right: 75px;
   font-size: 11px;
}
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
56
First release
Last update
Rating
5.00 star(s) 4 ratings

More resources from Shelley

Latest updates

  1. Intially updated this resouce which was the wrong update so this is the correct file

    Initially updated this resource which was the wrong update so this is the correct file. The next...
  2. Added and fixed custom close icon and css fixed.

    updated wrong resource.

Latest reviews

Love it Shelly ;)
Very nice :)
Beautiful, gives me ideas for more occasions.
Absolutely fantastic work :)