جعل صندوق الحوار في شريط أسفل الشّاشة

السلام عليكم ورحمة الله سأقوم إن شاء الله بشرح كيفية جعل صندوق الدّردشة الخاص بمنتديات البيبورد على شريط في أسفل الشّا ..


موضوع مغلق


20-09-2013 09:01 مساء
Mr King
PBB Staff
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3210
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 3
يتابعهم : 2
يتابعونه : 30
قوة السمعة : 18610
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
السلام عليكم ورحمة الله

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

مثال على ذلك
NDg3NzMxchat


أوّلا يتوجّب علينا تركيب ملحق صندوق الحوار

بعد الانتهاء وتجربة صندوق الحوار والتّأكد من أنّه يشتغل بكفاءة

نقوم بتحميل الملف  التّالي :
attachchatbox.zip

ثمّ نقوم بفكّ الضغط على الملف

بعد ذلك نقوم بالدخول للمجلّد المستخرج (chatbox) وكذلك ندخل للمجلّد upload

MjExNzIzMQ3434chat2


ونقوم برفع محتوى المجلّد upload  إلى مجلّد المنتدى

MTU2MTg1MQ9999chat3


وفي النهاية نذهب إلى لوحة الإدارة - اعلانات ادسنس - إضافة إعلان جديد
 
اسم الاعلان :  chatbox
أدخل شفرة الإعلان
قابل للكتابة بأكواد Html
(نقوم بإدراج الكود التّالي)

بالنسبة للّي عندهم المنتدى في مجلّد خاص مثل yoursite.com/forums
يستخدم هذا الكود

<style type="text/css" media="all">#myfooter{color: #40290F; background-image : url(././image/header10.jpg); background-repeat : repeat;} #myfooter img{border: 0px; padding-right:10px;}</style><div id="myfooter" style="text-align:right; height: 40px; position: fixed; width:100%; top: auto; right: 0px; margin: 0px auto; bottom: -15px; font-weight: bold;"><div id="fbfcbframe" style="border-top-right-radius: 6px; border-top-left-radius: 6px;  padding: 0px; background:#fff; display: none; position: fixed; bottom: 25px; right: 5px; width: 800px;"><div style="border-top-right-radius: 6px; border-top-left-radius: 6px;  margin: -1px -1px 0px; padding: 4px 8px 5px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; background: #525E7D ; color: #fff ; text-align:center;">دردشة فور ماروك</div><iframe style="border: 0px solid black; margin: -2px -2px 0px; background: #fff; height: 380px; width: 800px;" src="././chatbox.php"></iframe></div><script>function toggleframe(){var x = document.getElementById('fbfcbframe').style;if(x.display=='none'){x.display='block';} else {x.display='none';}}</script><div id="fbfcb" class="unclicked" onclick="toggleframe();if(this.getAttribute('class')=='unclicked'){this.className='clicked'}else{this.className='unclicked'}"><img src="./image/untitl11.png"><font size="4" >الدردشة | فور ماروك</font></div></div>


بالنسبة للّي عندهم مجلّد المنتدى هو نفسه مجلّد الموقع، مثلا رئيسية المنتدى هي yoursite.com/index.php
يستخدم هذا الكود

<style type="text/css" media="all">#myfooter{color: #40290F; background-image : url(/image/header10.jpg); background-repeat : repeat;} #myfooter img{border: 0px; padding-right:10px;}</style><div id="myfooter" style="text-align:right; height: 40px; position: fixed; width:100%; top: auto; right: 0px; margin: 0px auto; bottom: -15px; font-weight: bold;"><div id="fbfcbframe" style="border-top-right-radius: 6px; border-top-left-radius: 6px;  padding: 0px; background:#fff; display: none; position: fixed; bottom: 25px; right: 5px; width: 800px;"><div style="border-top-right-radius: 6px; border-top-left-radius: 6px;  margin: -1px -1px 0px; padding: 4px 8px 5px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; background: #525E7D ; color: #fff ; text-align:center;">دردشة فور ماروك</div><iframe style="border: 0px solid black; margin: -2px -2px 0px; background: #fff; height: 380px; width: 800px;" src="/chatbox.php"></iframe></div><script>function toggleframe(){var x = document.getElementById('fbfcbframe').style;if(x.display=='none'){x.display='block';} else {x.display='none';}}</script><div id="fbfcb" class="unclicked" onclick="toggleframe();if(this.getAttribute('class')=='unclicked'){this.className='clicked'}else{this.className='unclicked'}"><img src="/image/untitl11.png"><font size="4" >الدردشة | فور ماروك</font></div></div>


يظهر في جميع الصفحات  :  "نعم"
"موافق"

 

Mzg2OTQxMQ6262chat4


انتهى الشّرح، بالتّوفيق mf


أخيرا أودّ أن أشكر الأستاذ سليمان على هذه الإضافة الرّائعة إضافة هاك صندوق الحوار في صفحة مستقلّة

 
 



تم تحرير الموضوع بواسطة :Mr King
بتاريخ:19-03-2014 09:53 صباحا


20-09-2013 09:15 مساء
مشاهدة مشاركة منفردة [1]
AHMED
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 18
المشاركات : 2796
الجنس : ذكر
تاريخ الميلاد : 1-10-1981
الدعوات : 25
يتابعهم : 0
يتابعونه : 2
قوة السمعة : 4978
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif جعل صندوق الحوار في شريط أسفل الشّاشة

جزاك الله خيرا اخى مستر كينج للعرض المفصل
بارك الله لك


20-09-2013 09:31 مساء
مشاهدة مشاركة منفردة [2]
Mr King
PBB Staff
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3210
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 3
يتابعهم : 2
يتابعونه : 30
قوة السمعة : 18610
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif جعل صندوق الحوار في شريط أسفل الشّاشة
المشاركة الأصلية كتبت بواسطة: AHMED »
جزاك الله خيرا اخى مستر كينج للعرض المفصل
بارك الله لك


بارك الله فيك أخي 805681


تم تحرير المشاركة بواسطة :Mr King
بتاريخ:20-09-2013 09:32 مساء


20-09-2013 09:46 مساء
مشاهدة مشاركة منفردة [3]
bgnm
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 28-07-2013
رقم العضوية : 3965
المشاركات : 63
الدولة : maroc
الجنس : ذكر
تاريخ الميلاد : 9-6-1995
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 10
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif جعل صندوق الحوار في شريط أسفل الشّاشة

السلام عليكم ورحمة الله 


بارك الله فيك اخي على الطرح الحصري 


والشرح المميز 


في انتظار جديدك دائما وفقك الله 


ودي الخالص


20-09-2013 09:59 مساء
مشاهدة مشاركة منفردة [4]
Mr King
PBB Staff
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3210
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 3
يتابعهم : 2
يتابعونه : 30
قوة السمعة : 18610
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif جعل صندوق الحوار في شريط أسفل الشّاشة
المشاركة الأصلية كتبت بواسطة: bgnm »
السلام عليكم ورحمة الله  بارك الله فيك اخي على الطرح الحصري  والشرح المميز  في انتظار جديدك دائما وفقك الله  ودي الخالص


شكرا على مرورك العطر أخي الغالي mf



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
هاك صندوق الحوار للجيل الثالث omar
20 3029 امين
طلب في صندوق الحوار Temy
2 279 Mr King
طلب هاك صندوق الحوار 3.0.1 Mta4Arabs
4 371 Soliman
[مجابه] مشكله في صندوق الحوار للجيل الثالث naruto arabic
10 304 AHMED
إضافة هاك صندوق الحوار في صفحة مستقلّة Mr King
5 527 Mr King

الكلمات الدلالية
لا يوجد كلمات دلالية ..







الساعة الآن 09:56 صباحا