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

Notification Card (Gamer) v2

Notification Card (Gamer)

  1. Shelley


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

    #gritter-notice-wrapper.bottom-right .gamer{
        bottom: 30px !important;
        left: auto;
        right: 40px !important;
        top: auto;
    .gamer .gritter-item{
        background: url("@imagePath/xenforo/gradients/notification4.png") no-repeat scroll center bottom transparent !important;
        width: 250px;
        height: 300px;
    .gamer .gritter-with-image {
        width: 190px;
        margin-right: 30px;
        padding-top: 20px;
    .gamer .gritter-image {
      margin-left: 70px !important;
      margin-top: 30px;
      width: 96px !important;
      height: 96px !important;
      border: 1px solid #242424;
      padding: 3px;
      background-color: #383838;
      border-radius: 3px;
    .gamer .gritter-title {
      color: #5c88b0 !important;
      font-size: 11px !important;
    .gamer .gritter-item p {
      color: #bcbcbc;
    .gamer .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.
    nukedi, Alien, yavuz and 8 others like this.

Recent Reviews

  1. xIsabel38
    Version: v2
    A very pretty way to style your Notifications. The only drawback is the length of text restriction. Due to this being a fixed image, if your notification is too long it will completely run off the bottom of the image. If you plan to keep your notifications short, then this is a good design. Thanks!
    1. Shelley
      Author's Response
      If you create a post int he resource discussions side I might have a solution for this. in that it will expand. If you let me know in the thread which colour card your using I'll try to work out a solution.
  2. MOZ
    Version: v1
    Nice, the gamers on my site are going to like this.
  3. MagnusB
    Version: v1
    Very nice
  4. Chris D
    Chris D
    Version: v1
    Top class work from Shelley as always.