لونك المفضل
الألوان
مجلة الابداع
تصويت
ما هو رأيك في المجله الجديدة؟
ممتازة
38% / 6
جيده
13% / 2
عادية
19% / 3
سيئة
31% / 5
chatالمواضيع الأخيرة
new_releasesأفضل 10 أعضاء في هذا الأسبوع
new_releasesأفضل 10 أعضاء في هذا الشهر

منتدى الابداع العربي

منتدى ابداع وتصميم عربي

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

قريبا تفاصيل جديدة - حملة الإبداع الكبرى

اعلانات المنتدى

كلمات دليلية:

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

JoryAbdallah
بصمة خالدة
 نُشر في في السبت يوليو 15, 2017 12:29 am

اضافه دردشة احترافية للمنتدى لجميع النسخ
السلام عليكم ورحمة الله وبركاته
صورة للدردشة
اضافه دردشة احترافية للمنتدى لجميع النسخ Screen22
https://i.servimg.com/u/f11/19/61/68/63/screen22.png
طريقه التركيب اذهب الى لوحة الادارة. عناصر اضافية.  علبة الدردشة
تشكيل . ظهار علبة الدردشة : اختار عدم اظهار
ثم سجل ..
ثم اذهب الى HTML و JAVASCRIPT
ادارة اكواد html
انشاء صفحة جديدة
اضافه دردشة احترافية للمنتدى لجميع النسخ Screen23
https://i.servimg.com/u/f11/19/61/68/63/screen23.png
ثم نجعل الأعداد الصفحة كما هو ونضيف فالمحتوى الكود الاتي
اضافه دردشة احترافية للمنتدى لجميع النسخ Screen24
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 مرات
التوقيع


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

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

محمود السيد
عضو جديد
 نُشر في في السبت يوليو 15, 2017 1:19 am

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

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

JoryAbdallah
بصمة خالدة
 نُشر في في السبت يوليو 15, 2017 10:52 am

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


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

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

Youcef Abdo
عضو نشيط
 نُشر في في السبت يوليو 15, 2017 12:36 pm

انها تظهر علامات غير مفهومة ما المشكلة؟
التوقيع

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

Youcef Abdo
عضو نشيط
 نُشر في في السبت يوليو 15, 2017 1:17 pm

إخوتي لقد قمت بتعديل الكود وكان هناك خطأ بسيط لم تنتبه له الأخت جوري وهذا هو الكود الصحيح :

الكود:

<!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>
التوقيع

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

JoryAbdallah
بصمة خالدة
 نُشر في في السبت يوليو 15, 2017 10:35 pm

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


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

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

محمود السيد
عضو جديد
 نُشر في في السبت يوليو 15, 2017 10:39 pm

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


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

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

JoryAbdallah
بصمة خالدة
 نُشر في في السبت يوليو 15, 2017 11:49 pm

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


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

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

Mr.LoLo
بصمة خالدة
 نُشر في في السبت يوليو 22, 2017 11:04 pm

كود روووووووووعهه =)
التوقيع


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

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


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

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

JoryAbdallah
بصمة خالدة
 نُشر في في الأحد يوليو 30, 2017 1:48 pm

منورين جميعا
التوقيع


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

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

K!LLeR
عضو فعال
 نُشر في في الخميس أغسطس 03, 2017 3:13 pm

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

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

JoryAbdallah
بصمة خالدة
 نُشر في في الخميس أغسطس 31, 2017 8:40 am

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


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

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

DaRk Kn!GhT
بصمة خالدة
 نُشر في في الخميس أغسطس 31, 2017 4:05 pm

دردشة مميزة جدا
شكرا لك
التوقيع


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

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

JoryAbdallah
بصمة خالدة
 نُشر في في الأحد سبتمبر 24, 2017 12:22 am

منور الموضوع
التوقيع


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

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

ATF-Cleaner
بصمة خالدة
 نُشر في في الثلاثاء مارس 27, 2018 3:04 am

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


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

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

Mohamed Sobhi
عضو محترف
 نُشر في في السبت يوليو 21, 2018 5:40 am

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


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

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة


اعلانات نصية