1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Notifications (fluid Gamer) 2013-06-29

Notification which will expand with the amount of text you add

  1. Shelley
    notification-fluid-close-preview.png notificationfluid-preview.png

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

    What differs from this notification to the other designed notification is this will expand and repeat so you are able to add in as much text as you like (within reason).

    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 images in the archive and put them in your /icons folder. You will then have to create your notification and use the custom field and insert "gamerfluid" without the quotes. and then paste the following into your Extra.css template and done.

    Code:
    /* GAMER FLUID NOTIFICATION */
    
    .gamerfluid .gritter-top {
      background: url("@imagePath/xenforo/icons/game_notifications_top.png") no-repeat scroll transparent;
      width: 250px;
      height: 139px; }
    
    .gamerfluid .gritter-item {
      background: url("@imagePath/xenforo/icons/game_notifications_center.png") repeat-y scroll transparent;
      border-radius: 0;
      margin: 0 0 0;
      padding-top: 0;}
    
    .gamerfluid .gritter-bottom {
      background: url("@imagePath/xenforo/icons/game_notifications_bottom.png") no-repeat scroll transparent;
      width: 250px;
      height: 45px; }
    
    .gamerfluid .gritter-image {
      margin-left: 60px;
      width: 96px;
      height: 96px;
      border: 1px solid #242424;
      padding: 3px;
      background-color: #383838;
      border-radius: 3px;
      position: absolute;
      top: -122px; }
    
    .gamerfluid .gritter-with-image {
      width: 210px;
      margin-right: 60px;
      padding-top: 10px; }
    
    .gamerfluid .gritter-dismiss {
      padding-right: 110px;
      font-size: 11px;
      position: absolute;
      bottom: -35px; }
     
      .gamerfluid .gritter-dismiss:hover {opacity: 0.6;}
    
    .gamerfluid .gritter-title {
      color: #5c88b0;
      font-size: 11px;
      text-align: center; }
     
    .gamerfluid .gritter-item p { color: #bcbcbc; }
    
    .gamerfluid .gritter-close {
      background: url("@imagePath/xenforo/icons/gamerfluidclose.png") no-repeat scroll left top transparent;
      width: 30px;
      height: 30px;
      right: 165px;
      top: -168px;}
       
    /* GAMER FLUID NOTIFICATION */ 
    
    
    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.

Recent Reviews

  1. xIsabel38
    xIsabel38
    5/5,
    Version: 2013-06-29
    Excellent add-on to spice up your Notifications. Even if you aren't a gaming site, the style is still beautifully done. Author deserves a lot of credit for not only all the add-ons provided, but for the quick and professional fixes applied to any add-ons that have any sort of fault in them. Couldn't be happier with the level of care this Author provided.