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

K!LLeR

admin

6 مشترك

الابداع العربي :: تطوير المنتديات :: التقنيات المتقدمة :: أكواد التومبلايت

الأربعاء مايو 30, 2018 6:37 pm
admin
الإدارة العليا

غير متواجد: الملف الشخصي
رقــــم العضويــــــــة :

تاريــخ التسجيــــــــــل : 03/02/2018
مجموع المشاركـــات : 677

اضافه دردشة احترافية للمنتدى لجميع النسخ
السلام عليكم ورحمة الله وبركاته
صورة للدردشة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
طريقه التركيب اذهب الى لوحة الادارة. عناصر اضافية. علبة الدردشة
تشكيل . ظهار علبة الدردشة : اختار عدم اظهار
ثم سجل ..
ثم اذهب الى 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/>  <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>

ثم غير رقم h13 برقم صفحة html الذي قمت بعملها ثم سجل
ثم اضغط علامة صح امام اسم القالب
ومبروك عليك الدردشة المطورة ^_^
منقول

الخميس يونيو 14, 2018 1:39 am
K!LLeR
نائب الإدارة

غير متواجد: الملف الشخصي
رقــــم العضويــــــــة :

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

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

السبت يونيو 30, 2018 1:11 pm
تشان
عضو جديد

غير متواجد: الملف الشخصي
رقــــم العضويــــــــة :

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

لقد واجهتني مشكلة و اتت الدردشة هكذا ارجوا حل سبب

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