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

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


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

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

اذهب الى الأسفل 
انتقل الى الصفحة : 1, 2  الصفحة التالية
كاتب الموضوعرسالة
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126401
نقاط النشاط : 142115
السٌّمعَة : 3004
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Saudi-10
العمر : 34

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالسبت يوليو 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://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 الذي قمت بعملها ثم سجل
ثم اضغط علامة صح امام اسم القالب
ومبروك عليك الدردشة المطورة ^_^


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


عدل سابقا من قبل JoryAbdallah في السبت يوليو 15, 2017 10:51 am عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
محمود السيد
عضو 

محمود السيد

ذكر
الثور
عدد المساهمات : 97
نقاط النشاط : 147
السٌّمعَة : 5
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Egypt10
العمر : 24

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

شكرا لكي اختي ولاكن بعد تركيبها ظهرت علامات استفهام مكان الكلام
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126401
نقاط النشاط : 142115
السٌّمعَة : 3004
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Saudi-10
العمر : 34

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالسبت يوليو 15, 2017 10:52 am

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


اضافه دردشة احترافية للمنتدى لجميع النسخ Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Youcef Abdo
عضو فعال 

Youcef Abdo

ذكر
الجوزاء
عدد المساهمات : 236
نقاط النشاط : 378
السٌّمعَة : 16
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Algeri10
العمر : 103

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالسبت يوليو 15, 2017 12:36 pm

انها تظهر علامات غير مفهومة ما المشكلة؟
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Youcef Abdo
عضو فعال 

Youcef Abdo

ذكر
الجوزاء
عدد المساهمات : 236
نقاط النشاط : 378
السٌّمعَة : 16
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Algeri10
العمر : 103

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالسبت يوليو 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>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126401
نقاط النشاط : 142115
السٌّمعَة : 3004
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Saudi-10
العمر : 34

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالسبت يوليو 15, 2017 10:35 pm

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


اضافه دردشة احترافية للمنتدى لجميع النسخ Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
محمود السيد
عضو 

محمود السيد

ذكر
الثور
عدد المساهمات : 97
نقاط النشاط : 147
السٌّمعَة : 5
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Egypt10
العمر : 24

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

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

فعلا تم حل الخطأ اختي شكرا لكي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126401
نقاط النشاط : 142115
السٌّمعَة : 3004
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Saudi-10
العمر : 34

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالسبت يوليو 15, 2017 11:49 pm

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


اضافه دردشة احترافية للمنتدى لجميع النسخ Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Mr. Loay
سوبر الإبداع 

Mr. Loay

ذكر
الجوزاء
عدد المساهمات : 6242
نقاط النشاط : 7090
السٌّمعَة : 65
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Saudi-10
العمر : 17

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالسبت يوليو 22, 2017 11:04 pm

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


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

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


اضافه دردشة احترافية للمنتدى لجميع النسخ Uia_io10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126401
نقاط النشاط : 142115
السٌّمعَة : 3004
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Saudi-10
العمر : 34

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالأحد يوليو 30, 2017 1:48 pm

منورين جميعا


اضافه دردشة احترافية للمنتدى لجميع النسخ Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
K!LLeR
عضو خبير 

K!LLeR

ذكر
عدد المساهمات : 757
نقاط النشاط : 872
السٌّمعَة : 10
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Ioao10

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالخميس أغسطس 03, 2017 3:13 pm

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

JoryAbdallah

انثى
السمك
عدد المساهمات : 126401
نقاط النشاط : 142115
السٌّمعَة : 3004
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Saudi-10
العمر : 34

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالخميس أغسطس 31, 2017 8:40 am

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


اضافه دردشة احترافية للمنتدى لجميع النسخ Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
DaRk Kn!GhT
سوبر الإبداع 

DaRk Kn!GhT

ذكر
الدلو
عدد المساهمات : 27069
نقاط النشاط : 31714
السٌّمعَة : 194
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Egypt10
العمر : 20

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالخميس أغسطس 31, 2017 4:05 pm

دردشة مميزة جدا
شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://rom2o.ahlamontada.com
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126401
نقاط النشاط : 142115
السٌّمعَة : 3004
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Saudi-10
العمر : 34

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالأحد سبتمبر 24, 2017 12:22 am

منور الموضوع


اضافه دردشة احترافية للمنتدى لجميع النسخ Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Derraz Boujemaa
عضو ذهبي 

Derraz Boujemaa

ذكر
عدد المساهمات : 3399
نقاط النشاط : 6145
السٌّمعَة : 121
بلد العضو : اضافه دردشة احترافية للمنتدى لجميع النسخ Morocc10

اضافه دردشة احترافية للمنتدى لجميع النسخ Empty
مُساهمةموضوع: رد: اضافه دردشة احترافية للمنتدى لجميع النسخ   اضافه دردشة احترافية للمنتدى لجميع النسخ Emptyالثلاثاء مارس 27, 2018 3:04 am

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


اضافه دردشة احترافية للمنتدى لجميع النسخ OhiHHcI
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اضافه دردشة احترافية للمنتدى لجميع النسخ
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 2انتقل الى الصفحة : 1, 2  الصفحة التالية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  جاليري قوالب التومبيلات الجاهزة ::  جاليري قوالب التومبيلات الجاهزة :: جاليري قوالب التومبيلات الاخرى-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020