اضافه دردشة احترافية للمنتدى لجميع النسخ

+2
K!LLeR
admin
6 مشترك

6 مشترك close
zoro1
المحب للجميع
Amjedamir
تشان
K!LLeR
admin
اذهب الى الأسفل
الأربعاء مايو 30, 2018 6:37 pm
admin
admin
الإدارة العليا
  •  


  • الإدارة العليا 

    غير متواجد

    رقــــم العضويــــــــة :
    تاريــخ التسجيــــــــــل : 03/02/2018
    مجموع المشاركـــات : 677
    ذكر
    http://www.midosat2018.com




    اضافه دردشة احترافية للمنتدى لجميع النسخ
    السلام عليكم ورحمة الله وبركاته
    صورة للدردشة 
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    طريقه التركيب اذهب الى لوحة الادارة. عناصر اضافية.  علبة الدردشة
    تشكيل . ظهار علبة الدردشة : اختار عدم اظهار 
    ثم سجل ..
    ثم اذهب الى HTML و JAVASCRIPT
    ادارة اكواد html 
    انشاء صفحة جديدة 
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    ثم نجعل الأعداد الصفحة كما هو ونضيف فالمحتوى الكود الاتي 
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    الكود:


     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
     <meta charset="utf-8" />
     <title>دردشة المنتدى</title>
     <link rel="stylesheet" type="text/css" href="http://baivong.github.io/cdn/zzchat/0.2/zzchat.min.css" />
    </head>
     
    <body>
     
     <div id="chatbox-forumvi">
     
     <div id="chatbox-header">
     <div id="chatbox-me">
     <h2>...</h2>
     <div id="chatbox-action-logout"></div>
     <div class="chatbox-action-checkbox autologin">
     <input type="checkbox" id="chatbox-input-autologin" name="autologin" checked />
     <label for="chatbox-input-autologin">سجل الشخصي</label>
     </div>
     <div id="chatbox-hidetab" class="show"></div>
     </div>
     <div id="chatbox-title" data-id="publish">
     <h2>الأعضاء النشيطين</h2>
     <div class="chatbox-action-group edit"></div>
     <div class="chatbox-action-group add"></div>
     <div class="chatbox-action-group close chatbox-action" data-action="/out"></div>
     <div class="chatbox-action-checkbox refresh">
     <input type="checkbox" id="chatbox-input-autorefesh" name="autorefesh" checked />
     <label for="chatbox-input-autorefesh">التحديث التلقائي</label>
     </div>
     </div>
     </div>

     <div id="chatbox-tabs">
     <div id="chatbox-list">
     <div class="chatbox-change active" data-id="publish">
     <h3>الأعضاء النشطين</h3>
     <span class="chatbox-change-mess" data-mess="0"></span>
     </div>
     </div>
     <div id="chatbox-members"></div>
     <div id="chatbox-copyright">©️ 2014 - devs forumvi</div>
     </div>
     
     <div id="chatbox-main">
     <div id="chatbox-wrap">
     <div class="chatbox-content" data-id="publish">
     </div>
     </div>
     <div id="chatbox-messenger-form">
     <form id="chatbox-form" data-key="">
     <input type="hidden" name="sbold" id="chatbox-input-bold" value="0" />
     <input type="hidden" name="sitalic" id="chatbox-input-italic" value="0" />
     <input type="hidden" name="sunderline" id="chatbox-input-underline" value="0" />
     <input type="hidden" name="sstrike" id="chatbox-input-strike" value="0" />
     <input type="hidden" name="scolor" id="chatbox-input-color" value="333333" />
     <div id="chatbox-messenger">
     <input type="text" name="message" id="chatbox-messenger-input" data-id="publish" maxlength="1024" autocomplete="off" />
     </div>
     <div id="chatbox-option">
     <div id="chatbox-option-bold">B</div>
     <div id="chatbox-option-italic">I</div>
     <div id="chatbox-option-underline">U</div>
     <div id="chatbox-option-strike">S</div>
     <div id="chatbox-option-color" style="background: #333333;"></div>
     <div id="chatbox-option-smiley"></div>
     <div id="chatbox-option-buzz">تنبيهه</div>
     <div id="chatbox-option-submit">
     <input type="submit" value="ارسال رسالة" id="chatbox-submit" />
     </div>

     </div>
     </form>
     </div>
     </div>
     
     </div>
     
     <audio id="chatbox-buzz-audio">
     <source src="http://baivong.github.io/cdn/zzchat/sound/buzz.ogg" type="audio/ogg" />
     <source src="http://baivong.github.io/cdn/zzchat/sound/buzz.mp3" type="audio/mpeg" />
     </audio>
     
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
     
     <script type="text/javascript" src="http://baivong.github.io/cdn/zzchat/0.2/zzchat.min.js"></script>
    </body>
     
    </html>
    ثم سجل .. ونحفظ رقم رابط الصفحة html
    نذهب الان الى مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب indox_body
    ونبحث عن 
    الكود:

    {CHATBOX_BOTTOM}
    ونضيف اعلى منه هالكود 
    الكود:


    <br/>
    <!-- BEGIN switch_user_logged_in -->
     
     <div class="main-content chatbox clearfix">
     <div id="chatbox_top" style="height: 420px; border: 1px solid #DDD;">
     <iframe src="/h13-chatbox" id="frame_chatbox" scrolling="auto" frameborder="0" height="100%" width="100%"></iframe>
     </div>
     <div style="resize">
     <img src="http://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_top');" alt="" style="cursor:se-resize; float: right;" />
     </div>
     </div>
             
    <!-- END switch_user_logged_in -->
    ثم غير رقم h13 برقم صفحة html الذي قمت بعملها ثم سجل 
    ثم اضغط علامة صح امام اسم القالب 
    ومبروك عليك الدردشة المطورة ^_^
    منقول
    الخميس يونيو 14, 2018 1:39 am
    K!LLeR
    K!LLeR
    نائب الإدارة
  •  



  • غير متواجد

    رقــــم العضويــــــــة :
    تاريــخ التسجيــــــــــل : 13/06/2018
    مجموع المشاركـــات : 318




    أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ
    السبت يونيو 30, 2018 1:11 pm
    تشان
    تشان
    عضو جديد



    غير متواجد

    رقــــم العضويــــــــة :
    تاريــخ التسجيــــــــــل : 23/06/2018
    مجموع المشاركـــات : 6




    لقد واجهتني مشكلة و اتت الدردشة هكذا ارجوا حل سبب
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    السبت يونيو 30, 2018 2:41 pm
    Amjedamir
    Amjedamir
    عضو جديد



    غير متواجد

    رقــــم العضويــــــــة :
    تاريــخ التسجيــــــــــل : 24/06/2018
    مجموع المشاركـــات : 8




    وانا مثله Sad
    الأحد يوليو 01, 2018 12:42 am
    المحب للجميع
    المحب للجميع
    عضو جديد



    غير متواجد

    رقــــم العضويــــــــة :
    تاريــخ التسجيــــــــــل : 24/06/2018
    مجموع المشاركـــات : 45




    وفقكم الله جميعا ان شاء الله
    الأربعاء يوليو 04, 2018 8:21 am
    zoro1
    zoro1
    الإدارة العليا
  •  


  • الإدارة العليا 

    غير متواجد

    رقــــم العضويــــــــة :
    تاريــخ التسجيــــــــــل : 14/03/2018
    مجموع المشاركـــات : 383





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