XenForo Nulled Community

Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

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

Tablet Notification v1

No permission to download
  • Author XenForo Rocks
  • Creation date
    • You can download only 0 resources in 24 hours
    • You need more than 0 posts to download the resource



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

Shelley Note: The closed icon I am quite positive can be moved to a better location.I'm not happy with the location but it's a rushed design which I'll revisit later.

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. I've tested this and all locations and users who pick with or without avatar this should be displayed fine.

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

Code:
/*TABLET NOTIFICATION ENHANCEMENT*/


.tablet .gritter-item{
    background: url("@imagePath/xenforo/gradients/tablet.png") no-repeat scroll center bottom transparent !important;
    width: 250px;
    height: 300px;
}
.tablet .gritter-with-image {
    width: 190px;
    padding-right: 25px;
    padding-top: 10px;
    color: #6a6a6a;
}
.tablet .gritter-without-image {
    width: 190px;
    padding-left: 30px;
    padding-top: 50px;
    color: #6a6a6a;
}

.tablet .gritter-title {
   color: #3f3f3f !important;
   font-size: 11px !important;
}

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

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


.tablet .gritter-image {
   padding-left: 90px;
   padding-top: 40px;
}

.tablet .gritter-dismiss {
   padding-bottom: 50px;
   padding-right: 75px;
   font-size: 10px;
}

.tablet .gritter-dismiss a {
   color: #a33131 !important;
}

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

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

/*TABLET 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
XenForo Rocks
Downloads
2
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from XenForo Rocks