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

هلا  @فهد الجوهري
ايش رايك بالتعديل 
كما في الصورة
https://i.servimg.com/u/f30/20/35/61/89/frorum24.gif




كلها في كود واحد

فهد الجوهري كتب:اي كونان هاي الاقصدها  بس لو يكون علعلبة شغال افضل

انا عندي لك حيله حلوة لهذا 
اول شيء تنشئ بوابة وتسميها علبة اللشات
ثم تحذف منها كل العناصر وتبقي على عنصر الشات فقط
--
وهكذا تقدر تضيف ازرار كما يحلو لك في علبة الدردشة
مثل اشعارات وغيرها
وكذلك تقدر تتحكم بحجمها
كما في الصورة

فهد الجوهري كتب:احتاج شرح مفصل

اول شيء فعل البوابه
من لوحة الادارة > عناصر اضافية
إعدادات صفحات البوابة
اظهار البوابة : اختر نعم
بعدها اكتب اسم علبة الدردشة في المستطيل ثم اضغط زر انشاء الاخضر
كما في الصورة

------------
ثم اضغط على كلمة (مكونات)
كما في الصورة

واحذف كل العناصر واضغط سجل
ثم اسحب عنصر CHATBOX (علبة الدردشه) الى البوابة
كما في الصورة


لما تنتهي اخبرني لكي اعطيك الكود واخبرك اي تضعه

فهد الجوهري كتب:

كونان كتب كتب:ول شيء فعل البوابه
من لوحة الادارة > عناصر اضافية
إعدادات صفحات البوابة
اظهار البوابة : اختر نعم
بعدها اكتب اسم علبة الدردشة في المستطيل ثم اضغط زر انشاء الاخضر
كما في الصورة

مافي طريقة اضيف الكود حق العلبة بالصفحات الهتمل انا خبير بهاي الامور واستطيع ان اجعلها تلائم الجوال بدل البوابة والاعلانات والحقوق

مالفرق اذا وضعته في صفحات الهتمل او في البوابة

اعتذر اخي والله
انشغلت كثيرا 
---
انتظرني ان شاء الله راح اشوف لك حل

فهد الجوهري كتب:معاك عيوني كونان

تسلم عيونك اخي^^

جرب
ضع الكود التالي في صفحة الهتمل

الكود:

<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>