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

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

#1
Admin
الإدارة العليا
  •  

  • ذكر
    المساهمات : 650

    الأوسمة :



    تاريخ التسجيل : 02/02/2018

    https://puph.yoo7.com
    في الأربعاء مايو 30, 2018 5:37 pm
    اضافه دردشة احترافية للمنتدى لجميع النسخ
    السلام عليكم ورحمة الله وبركاته
    صورة للدردشة 
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    طريقه التركيب اذهب الى لوحة الادارة. عناصر اضافية.  علبة الدردشة
    تشكيل . ظهار علبة الدردشة : اختار عدم اظهار 
    ثم سجل ..
    ثم اذهب الى 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://illiweb.com/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 الذي قمت بعملها ثم سجل 
    ثم اضغط علامة صح امام اسم القالب 
    ومبروك عليك الدردشة المطورة ^_^
    منقول
    التوقــيـــــــــــــــــــــع


    {  أسْتَغْفِرُ اللهَ العَظِيمَ الَّذِي لاَ إلَهَ إلاَّ هُوَ، الحَيُّ القَيُّومُ، وَأتُوبُ إلَيهِ }
    { يَوْمَ تُبَدَّلُ الْأَرْضُ غَيْرَ الْأَرْضِ وَالسَّمَاوَاتُ وَبَرَزُوا لِلَّهِ الْوَاحِدِ الْقَهَّار }

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

    #2
    avatar
    K!LLeR
    نائب الإدارة
  •  

  • المساهمات : 318

    تاريخ التسجيل : 13/06/2018

    في الخميس يونيو 14, 2018 12:39 am
    أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ
    التوقــيـــــــــــــــــــــع


    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

    #3
    avatar
    تشان
    عضو جديد

    المساهمات : 6

    تاريخ التسجيل : 23/06/2018

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

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

    #4
    avatar
    Amjedamir
    عضو جديد

    المساهمات : 8

    تاريخ التسجيل : 24/06/2018

    في السبت يونيو 30, 2018 1:41 pm
    وانا مثله Sad

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

    #5
    avatar
    المحب للجميع
    عضو جديد

    المساهمات : 45

    تاريخ التسجيل : 24/06/2018

    في السبت يونيو 30, 2018 11:42 pm
    وفقكم الله جميعا ان شاء الله

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

    #6
    avatar
    zoro1
    الإدارة العليا
  •  

  • المساهمات : 251

    تاريخ التسجيل : 14/03/2018

    في الأربعاء يوليو 04, 2018 7:21 am

    كل الشكر والتقدير لك اخى الكريم للجهد الطيب وللموضوعات المميزة
    وجزاك الله كل خير اخى الكريم
    وتقبل مرورى يا غالى
    .................
    التوقــيـــــــــــــــــــــع


    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
    صلاحيات هذا المنتدى:
    لاتستطيع الرد على المواضيع في هذا المنتدى
    Top