كود الاشعارات

<iframe name="ChatBox" style="width:99%;height:450px;margin-top:5px;border:none" src="/chatbox/?" onload="chatcount();"></iframe>

<div align="center">
   <style>
.alertTap_block.hidden {
    background: #ffffff;
    padding: 4px;
    border: solid 1px #4caf50;
}
.alertTap_block.hidden a {
    color: #005ea9;
    padding-left: 4px;
}
.alertTap {
    background: #3f51b5;
    padding: 4px;
    color: azure;
}

li.see_all {
    background: black;
    padding: 4px;
    margin: 0px -44px -4px -3px;
}
li.see_all a {
    color: white !important;
}
.dropbtn {
  background-color: #3f51b5;
  color: white;
  padding: 6px;
  font-size: 16px;
  border: solid #2196f3 2px;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}



.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
</style>    
 <div style="float:none;" class="dropdown">
                              
 <button class="dropbtn">
          aljohry        
 </button>
                              
 <div class="dropdown-content">
        <script>
$(function() {
    $(function() {
        if (document.querySelector('#fa_notifications')) {
            if (document.querySelector('#fa_toolbar')) {
                $('#fa_notifications').appendTo(".alertTap");
                $(".alertTap_block").html($('#notif_list'));
                $('#fa_notifications').addClass('menuTap');
            }
            $('.alertTap').click(function(){
                $('.alertTap_block').toggleClass('hidden');
            });
        }
    });
});
</script>      
 <div class="alertTap">
          
 </div>
          
 <div class="alertTap_block hidden">
          
 </div>
            
 </div>
    
 </div>
</div>