Yêu cầu [Hàng hot] Notifications 1.6

Thảo luận trong 'Add-on Quesions' bắt đầu bởi ntycle, 24/5/13.

1votes
5/5, 1 vote

  1. ntycle

    ntycle New Member

    Bài viết:
    54
    Likes :
    9
    NOTIFICATIONS:

    This add-on is entirely managed from the Admin CP almost identically to how you manage Notices.

    This allows you to display notifications to your users when certain criteria is met.

    Let's say you want to display a "Welcome" notification to your new users. You could set it up like this:

    Admin CP > List Notifications

    Ảnh : http://xenforo.com/community/attachments/adminnotifications1-png.31582/

    Click on + Create New Notification

    This is the management screen for Notifications:

    Ảnh : http://xenforo.com/community/attachments/adminnotifications2-png.31583/
    Ảnh : http://xenforo.com/community/attachments/adminnotifications3-png.31584/

    With the options specified above, the notification (seen below), a dark style notification, will display a welcome message (note {name} will be replaced by the user's name or "Guest") for 6 seconds (6000ms).

    Also, the notification is active, it can't be dismissed (so it will be shown all the time the criteria is met), and the user's avatar will be shown.

    The notification is not a sticky. If the notification is a sticky then it would not fade out, and it would stay on the screen until it is closed regardless of what time is set in the "Time to show notification".

    If you use the Notices feature, you will recognise the Criteria tabs - you manage the criteria for Notifications in exactly the same was as Notices.

    This particular notification I want to show on every page (so I'll leave the Page Criteria blank) but to users who have no more than 10 messages:

    Ảnh : http://xenforo.com/community/attachments/adminnotifications4-png.31585/

    I also specified to only show it to Registered members (not guests). Ok, so with all that set, this is what the Notification looks like if you are on any page and have no more than 10 messages:

    [​IMG]

    The javascript required to show the notification is from a jQuery plugin called Gritter which I have customised (http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/).

    But the notification itself can be customised using CSS. I have included a template called GritterEXTRA.css.

    Here you can add custom classes for your notifications. For no particular reason, let's show an orange notification to Guests only.

    In GritterEXTRA.css you can add this code:

    Code:
    .gritter-orange .gritter-item {
    color: #black;
    background:rgba(255,150,0,0.855);
    }

    .gritter-orange .gritter-item a{
    color: black;
    text-decoration: underline;
    }
    The rgba syntax above is standard RGB colours. 255,150,0 is orange. The 0.855 is the opacity.

    Now if you set up the notification like this:

    Ảnh : http://xenforo.com/community/attachments/adminnotifications5-png.31589/

    (notice style is Custom and gritter-orange - this matches the class name in the CSS we just added) and in User Criteria specify to show to Guests only. I specified not to show the avatar this time.

    Guests now see this:

    Ảnh : http://xenforo.com/community/attachments/notifications2-png.31590/

    One last demonstration. This will be a dismissible notification. If the notification is not dismisible it will always be shown.

    I'm going to add some more custom CSS (why not?) and a notification that only shows while the Help nav tab is selected.

    You know what this will look like by now, but there's one last thing. What if you wanted to change the position of the notification? This is a global setting that can either be found in Options > Notifications or on the List Notifications screen. The default is bottom right, but I'm now changing it to Top Left.

    And here's what that looks like with the final notification:

    Ảnh : http://xenforo.com/community/attachments/notifications3-png.31595/

    The last notification you will notice says "Dismiss Notification". This allows a user to dismiss the notification so it never shows again.

    If a user wishes, they can restore dismissed Notifications in Account > Preferences.

    Ảnh : http://xenforo.com/community/attachments/dismiss-png.31596/

    HOW TO BUY:

    This add on has been set at a cost of £10.

    You can buy it here: http://deemit.fetchapp.com/sell/oxaidawa

    The download will be automatically delivered once you have purchased via PayPal.

    Contact me if you need other purchase options.

    HOW TO INSTALL

    1) Download the zip file. Extract its contents.
    2) Upload the contents of the upload folder to the root of your XenForo installation.
    3) Install using the XML file provided.

    ENHANCEMENTS

    The wonderful Shelley has created some fantastic graphics to enhance this add-on further with more on the way:
    BÁC NÀO LEECH VỀ GIÚP VỚI NHÉ !!
    CÁM ƠN RẤT NHIỀU
    Link :http://xenforo.com/community/resources/notifications.870/
     
    Đang tải...
  2. Lê Tí

    Lê Tí Well-Known Member

    Bài viết:
    1,450
    Likes :
    620
    xiền đâu :D
     
  3. levanteo1221

    levanteo1221 New Member

    Bài viết:
    49
    Likes :
    6
    ảnh không thấy gì hết vậy :eek:
     
  4. quangmd

    quangmd Verified User

    Bài viết:
    30
    Likes :
    4
    View ảnh toàn Fobiden. KHông biết do host hay do forum :eek:
     
  5. Kid

    Kid VIP Member

    Bài viết:
    863
    Likes :
    947
    Do là file đính kèm của xenforo.com, chưa đăng nhập tại xenforo.com nên chưa xem dc ảnh bạn ạ
     
    Mạnh Cường and quangmd like this.
  6. Mạnh Cường

    Mạnh Cường New Member

    Bài viết:
    13
    Likes :
    1
    đặt tiêu đề làm ham hố lao vào nhận được dòng chữ đỏ...vãi bác quá, beep thật
     
  7. p3iu18

    p3iu18 Member

    Bài viết:
    298
    Likes :
    123
    Mấy cái paid thì thôi rồi :D
     
  8. Mr.Ip

    Mr.Ip Active Member

    Bài viết:
    286
    Likes :
    198
  9. Mạnh Cường

    Mạnh Cường New Member

    Bài viết:
    13
    Likes :
    1
comments powered by Disqus

Chia sẻ trang này

Đang tải...