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

Notifications - Gamer Fluid GREY v2 2013-07-02

Notifications - Gamer Fluid GREY v2

  1. Shelley
    notificationgreygamerfluid1.png notificationgreygamerfluid2.png

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

    This is based off the design found here except I made some changes to warrant it being released separately. This is another notifications which will expand with the amount of text you add so it's another fluid notification. What differs with the design is that I re-worked the avatar area, Removed the orbs and re-designed the ribbons curls. As well as that I created and added a carbon pattern to the background and tweaked some of the css up by adding some text-shadowing.

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

    .gamerfluidgrey2 .gritter-top {
      background: url("@imagePath/xenforo/icons/gamefluidgrey2_notifications_top.png") no-repeat scroll transparent;
      width: 250px;
      height: 137px; }
    .gamerfluidgrey2 .gritter-item {
      background: url("@imagePath/xenforo/icons/gamefluidgrey2_notifications_center.png") repeat-y scroll transparent;
      border-radius: 0;
      margin: 0 0 0;
      padding-top: 0;}
    .gamerfluidgrey2 .gritter-bottom {
      background: url("@imagePath/xenforo/icons/gamefluidgrey2_notifications_bottom.png") no-repeat scroll transparent;
      width: 250px;
      height: 43px; }
    .gamerfluidgrey2 .gritter-image {
      margin-left: 65px;
      width: 96px;
      height: 96px;
      border: 0px solid #242424;
      background-color: transparent;
      border-radius: 3px;
      position: absolute;
      top: -117px; }
    .gamerfluidgrey2 .gritter-with-image {
      width: 220px;
      margin-right: 55px;
      padding-top: 10px; }
    .gamerfluidgrey2 .gritter-dismiss {
      padding-right: 105px;
      font-size: 11px;
      font-weight: bold;
      position: absolute;
      bottom: -30px;
      text-shadow: 0 0 0 transparent, 0 1px 0 #dcdcdc; }
    .gamerfluidgrey2 .gritter-dismiss a { color: #404040; text-decoration: none; }
    .gamerfluidgrey2 .gritter-dismiss:hover {opacity: 0.6;}
    .gamerfluidgrey2 .gritter-title {
      color: #a32121;
      font-size: 12px;
      text-align: center;
      text-shadow: 0 0 0 transparent, 0 1px 0 #cbcbcb; }
    .gamerfluidgrey2 .gritter-item p { color: #414141; }
    .gamerfluidgrey2 .gritter-close {
      background: url("@imagePath/xenforo/icons/gamerfluidgrey2close.png") no-repeat scroll left top transparent;
      width: 99px;
      height: 25px;
      right: 128px;
      top: -161px;}
    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.
    ManuTdi, Lisa, Chris D and 1 other person like this.

Recent Reviews

  1. Lisa
    Version: 2013-07-02
    Another great notification style!
  2. Chris D
    Chris D
    Version: 2013-07-02
    Loving these Shelley, well done :)
  3. Tracy Perry
    Tracy Perry
    Version: 2013-07-02
    And yet ANOTHER fantastic styling for Chris Deeming's notifications by Shelley.
    She brings the notifications add-on to a whole new level with her fantastic talents.