منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
ahd allah
 
Mohamed Nsr
 
MĨĎŐ
 
muslmasan
 
a.sat65
 
DeLeTe
 
MiSho
 
{عذآب}
 
JAR7
 
mustafa ali
 

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف وهبة الساحر في الجمعة 3 أبريل 2015 - 16:04



كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة


كود جديد يضع عدد المتواجون بدردشة +انه يعرض الدردشة بشكل مصغر ويمكنك التحكم به,فى شريط الاشعارات
عمل الكود هو: يمكنك مشاهدة عدد المتواجدون فى الدردشة فى شريط الاشعارات
ويمكنك ايضا التحدث فى الدردشة فى نفس المكان عند شريط الاشعارات
ملاحظة
: هذه التقنية تعمل على جميع النسخ
صورة للمعاينه
صورة عند ظهوره على الرئيسية

http://i19.servimg.com/u/f19/19/08/62/30/2015-015.png
عند الضغط عليه يظهر بشكل مصغر على الرئيسية ويمكنك التحدث عن طريق النسخة المصغرة
صورة له عند الضغط..؟


http://i19.servimg.com/u/f19/19/08/62/30/22222211.png

الأن نتوجه الى:

لوحة الاداره >> عناصر إضافيه >> HTML و JAVASCRIPT

إدارة أكواد Javascript
تفعيل نظام إدارة أكواد Javascript : نعم
إنشاء كود جديد
العنوان * : أي شيء تريد
أضف الكود الى: جميع الصفحات
ثم نضع الكود التالي:

   
الرمز:
$(function(){$(function(){
      var config = {
        width : '700px',
        height : '350px',
        mod_icon : 'default',
        msgnotif : true,
        timestamp : true,
        connection_logs : true
      },
    
     fa_chat = cre('IFRAME'),
    fa_button = cre('A'), fa_members =
    cre('SPAN'), fa_style = cre('STYLE'),
    fa_right = getId('fa_right'),
    frame,
          css = '#fa_chat_button{line-height:30px;padding:0
    5px;color:#FFF;cursor:pointer;} .fa_actif{background:#FFF
    !important;color:#000 !important;} .fa_new{background:#FF8
    !important;color:#000 !important;}
    #fa_chat{background:#FFF;width:'+config.width+';
    height:'+config.height+';border:1px
     solid #000;border-top:none;
    position:absolute;top:30px;right:39px;}';

      if (!fa_right || !_userdata.session_logged_in) return;
    
      // set stylesheet
      fa_style.type = 'text/css';
      if (fa_style.styleSheet) fa_style.styleSheet.cssText = css;
      else fa_style.appendChild(document.createTextNode(css));
      document.getElementsByTagName('HEAD')[0].appendChild(fa_style);
    
      // members attributes
      fa_members.id = 'fa_members';
      fa_members.innerHTML = '(0)';
    
      // fa_button attributes
      fa_button.innerHTML = '(علبة الدردشه) ';
      fa_button.id = 'fa_chat_button';
      fa_button.className = 'rightHeaderLink';
      fa_button.appendChild(fa_members);
      fa_right.insertBefore(fa_button,fa_right.lastChild);
    
      // fa_chat attributes
      fa_chat.id = 'fa_chat';
      fa_chat.src = '/chatbox';
      fa_chat.style.display = 'none';
      fa_right.insertBefore(fa_chat,fa_right.lastChild);
    
      fa_chat.onload = function() {
        if (fa_chat.contentDocument) frame = fa_chat.contentDocument;
        else if (fa_chat.contentWindow) frame = fa_chat.contentWindow.document;
        var memb_thn = getLength('chatbox_members','LI'), memb_now = memb_thn,
            msg_thn = getLength('chatbox','P'), msg_now = msg_thn;
      
        // set some data..
        fa_members.innerHTML = '('+memb_thn+')';
      
        // kill the interval if archives are enabled
        var a = frame.getElementsByTagName('A');
    
       for (i=0; i<a.length; i++) if (/archives/.test(a[i].href))
    a[i].onclick = function() { window.clearInterval(fa_chat_refresh) };
      
        // execute code in an interval
        fa_chat_refresh = window.setInterval(function() {
          // START chat members
           memb_now = getLength('chatbox_members','LI'),
    msg_now = getLength('chatbox','P');
          if (memb_now > memb_thn || memb_now < memb_thn) {
            memb_thn = memb_now;
            fa_members.innerHTML = '('+memb_now+')'
          }
          // END chat members
        
          // START chat notification
          if (config.msgnotif) {
            if (msg_now > msg_thn || msg_now < msg_thn) {
    
             if (!/fa_new/.test(fa_button.className) &&
    chatState(/none/) &&
    !/none/.test(frame.getElementById
    ('chatbox_option_autorefresh').style.display))
     fa_button.className += ' fa_new';
              msg_thn = msg_now;
            }
          }
          // END chat notification
        
          // START timestamp
          if (!config.timestamp) {
            var date = frame.getElementsByTagName('SPAN'),i;
    
           for (i=0; i<date.length; i++) if
    (/date-and-time/.test(date[i].className) &&
    date[i].style.display != 'none') date[i].style.display = 'none';
          }
          // END timestamp
        
          // START connection logs
          if (!config.connection_logs) {
            var logs = frame.getElementsByTagName('SPAN'),i;
    
           for (i=0; i<logs.length; i++) if
    (/red/i.test(logs[i].style.color) || /green/i.test(logs[i].style.color))
     if (!/none/.test(logs[i].parentNode.parentNode.style.display))
    logs[i].parentNode.parentNode.style.display = 'none';
          }
          // END connection logs
        
          // START mod icon
          if (config.mod_icon.toLowerCase() != 'default') {
            var s = frame.getElementsByTagName('STRONG'),i;
    
           for (i=0; i<s.length; i++) if (/@/.test(s[i].innerHTML)
    && s[i].innerHTML.length === 1 &&
    !/msg/.test(s[i].parentNode.parentNode.className)) s[i].innerHTML =
    config.mod_icon;
          }
          // END mod icon
        },1);
      };

      // toggle chat display
      fa_button.onclick = function() {
        if (/welcome/.test(fa_right.className)) removeClass(fa_right, /welcome/);
        if (/notification/.test(fa_right.className)) removeClass(fa_right, /notification/);
        if (chatState(/none/)) {
          fa_chat.style.display = 'block';
          fa_button.className += ' fa_actif';
          if (/fa_new/.test(fa_button.className)) removeClass(fa_button, /fa_new/);
          frame.getElementById('chatbox').scrollTop = 99999;
        } else hideChat();
      };
    
      // hide chat when toolbar options clicked
      getId('fa_welcome').onclick = function() { hideChat() };
      getId('fa_notifications').onclick = function() { hideChat() };
      getId('fa_hide').onclick = function() { hideChat() };
    
      // chatbox functions
      function hideChat() { if (chatState(/block/)) fa_chat.style.display = 'none';
    removeClass(fa_button, /fa_actif/) };
      function chatState(reg) { return reg.test(fa_chat.style.display) };
      function getLength(id, tag) {
    return frame.getElementById(id).getElementsByTagName(tag).length };
    
      // basic functions
      function getId(id) { return document.getElementById(id) };
      function cre(el) { return document.createElement(el) };
      function removeClass(el, reg) { el.className = el.className.replace(reg,''); };
    })});


ويمكنك التحكم بالعرض والطول كما تشاء !! 
الرمز:
width : '700px',
 height : '350px',



تم الشرح بواسطتى
وهبة الساحر
المتطوع المساعد

ارجوا ان اكون قد افدتكم
انتهي الموضوع


tongue



عدل سابقا من قبل وهبة الساحر في السبت 4 أبريل 2015 - 16:25 عدل 3 مرات

وهبة الساحر
 
 

ذكر
عدد المساهمات : 9498
معدل النشاط : 11377

http://3arb-way.a7larab.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى