home الرئيسيةpeople_outline الأعضاء vpn_key دخول


chatالمواضيع الأخيرة
كلمات لهــا معنى access_timeالأحد يناير 20, 2019 10:42 pmpersonمحمد فهمي يوسف
طلب بتصميم غلافaccess_timeالأحد يناير 20, 2019 3:01 pmpersonAhmed Alshiqaqi
طلب كتابه علي شعارaccess_timeالأحد يناير 20, 2019 2:39 pmpersonمودي الشرقاوي
طلب بعمل غلاف فيس بوكaccess_timeالأحد يناير 20, 2019 9:37 ampersonAhmed Alshiqaqi
اريد تصميم غلاف لصفحة فيس access_timeالسبت يناير 19, 2019 11:05 pmpersonAhmed Alshiqaqi
تصميم بنر access_timeالسبت يناير 19, 2019 6:21 pmpersonرؤوف
1طلب بتغيير لون access_timeالجمعة يناير 18, 2019 3:18 pmpersonAhmed Alshiqaqi
طلب بتصميم شبيه باحترافيهaccess_timeالجمعة يناير 18, 2019 3:11 pmpersonAhmed Alshiqaqi
طلب تصميم شعارaccess_timeالجمعة يناير 18, 2019 11:26 ampersonAhmed Alshiqaqi
new_releasesأفضل 10 أعضاء في هذا الأسبوع

طريقة عرض الأقسام

لونك المفضل



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

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

https://i.servimg.com/u/f11/19/61/68/63/screen22.png
طريقه التركيب اذهب الى لوحة الادارة. عناصر اضافية.  علبة الدردشة
تشكيل . ظهار علبة الدردشة : اختار عدم اظهار
ثم سجل ..
ثم اذهب الى HTML و JAVASCRIPT
ادارة اكواد html
انشاء صفحة جديدة

https://i.servimg.com/u/f11/19/61/68/63/screen23.png
ثم نجعل الأعداد الصفحة كما هو ونضيف فالمحتوى الكود الاتي

https://i.servimg.com/u/f11/19/61/68/63/screen24.png

الكود:



 <!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 الذي قمت بعملها ثم سجل
ثم اضغط علامة صح امام اسم القالب
ومبروك عليك الدردشة المطورة ^_^

عدل سابقا من قبل JoryAbdallah في السبت يوليو 15, 2017 10:51 am عدل 1 مرات


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

شكرا لكي اختي ولاكن بعد تركيبها ظهرت علامات استفهام مكان الكلام

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

تم تعديل صفحة 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>


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

هل وضحت ماهو تعديل الذي قمت به واين خطا ؛؟


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

@JoryAbdallah كتب:
تم تعديل صفحة html لكي يقبل جميع متصفحات
اعد تعديل صفحة بارك الله فيك


فعلا تم حل الخطأ اختي شكرا لكي

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

حياك الله منور الموضوع


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

كود روووووووووعهه =)


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين



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

منورين جميعا


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

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

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

الجميل والرائع مروركم
دمتم بخير


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

دردشة مميزة جدا
شكرا لك


الناس عايزه اللى يخدعهم بمزاجهم وكل ما اللعبه كانت قويه ومحبوكه وبتتصدق كل مانجحت كل مابقيت موجود واستمريت وسيطرت  وردة حمراء 

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

منور الموضوع


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

موضوع في قمة الروعه لطالما كانت مواضيعك متميزة لا عدمنا التميز و روعة الاختيار دمت لنا ودام تالقك الدائم


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

كود اكثر من رائع
لك منى كل تحية وردة حمراء


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

شكرا لك





ارسال رد

هــــــام

ندعوك للتسجيل في المنتدى لتتمكن من ترك رد أو تسجيل الدخول اذا كنت من اسرة المنتدى

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