[Code] Notifications thông báo khi có trả lời bài viết và nhắn tin riêng

Code Notifications thông báo khi có trả lời bài viết và nhắn tin riêng

Để cho nhẹ mình sử dụng thanh Toolbar của forumotion vì vây các bạn phải bật nó lên

[Code] Notifications thông báo khi có trả lời bài viết và nhắn tin riêng Yfxv8uH

Sau đó cho code dưới đây vào vị trí cần hiện. Thường thì mình tạo menu bên phải cho nó vào cho nó giống xenforo :)

Code:

<div class="notihotrofm"></div>                                                 
<script type="text/javascript">
 //<![CDATA[          
$(document).ready(function(){
$("#fa_notifications").appendTo(".notihotrofm");
$("#notif_list").appendTo(".notehotrofm");                                                                                                                                                                               
});
$(function() {
    $("#fa_notifications")
        .click(function() {
            $('#notif_list').toggle();
        });
})
  
//]]>
</script>
<style type="text/css">
#notif_list {
    font-size: 11px;
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    border: 1px solid #333333;
    border-top: 0px solid #FFFFFF;
    z-index: 10000;
} 
#notif_list:before {
    content: url(https://i18.servimg.com/u/f18/18/21/41/30/arrow11.png);
    position: absolute;
    right: 10%;
    top: -10px;
}  
#notif_list {
    background: #FFF!important;
    border: 1px solid #DDD!important;
    border-radius: 3px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    margin-top: 25px!important;
    right: 0px !important;
    left: initial !important;
}  
#fa_notifications{
    float: right;
}  
#notif_list li {
    padding: 5px;
}
#fa_toolbar {
    display: none;
}
</style>

Tags: #code #forumotion