- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .
جعل صندوق الحوار في شريط أسفل الشّاشة
-
- [شرح]:
-
20-09-2013 09:01 مساءً
-
Mr Kingمعلومات الكاتبالأعضاءعضو سوبر ستار
- انضم في :
- 27-11-2012
- رقم العضوية :
- 2642
- المشاركات :
- 3240
- الدولة :
- morocco
- الجنس:
- تاريخ الميلاد :
- 1-1-1987
- الدعوات:
- 6
- قوة السمعة:
- 18910
-
السلام عليكم ورحمة الله
سأقوم إن شاء الله بشرح كيفية جعل صندوق الدّردشة الخاص بمنتديات البيبورد على شريط في أسفل الشّاشة
مثال على ذلك

أوّلا يتوجّب علينا تركيب ملحق صندوق الحوار
بعد الانتهاء وتجربة صندوق الحوار والتّأكد من أنّه يشتغل بكفاءة
نقوم بتحميل الملف التّالي :
chatbox.zip
ثمّ نقوم بفكّ الضغط على الملف
بعد ذلك نقوم بالدخول للمجلّد المستخرج (chatbox) وكذلك ندخل للمجلّد upload

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

وفي النهاية نذهب إلى لوحة الإدارة - اعلانات ادسنس - إضافة إعلان جديد
اسم الاعلان : chatbox
أدخل شفرة الإعلان
قابل للكتابة بأكواد Html (نقوم بإدراج الكود التّالي)
بالنسبة للّي عندهم المنتدى في مجلّد خاص مثل yoursite.com/forums
يستخدم هذا الكود
CODE<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
يستخدم هذا الكود
CODE<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>
يظهر في جميع الصفحات : "نعم"
"موافق"

انتهى الشّرح، بالتّوفيق
أخيرا أودّ أن أشكر الأستاذ سليمان على هذه الإضافة الرّائعة إضافة هاك صندوق الحوار في صفحة مستقلّة-
تم تحرير الموضوع بواسطة :Mr King بتاريخ: 19-03-2014 09:53 صباحاً
-
-
جعل صندوق الحوار في شريط أسفل الشّاشة20-09-2013 09:15 مساءً [1]
-
AHMEDمعلومات الكاتبالأعضاءعضـو ستـار
- انضم في :
- 20-07-2009
- رقم العضوية :
- 18
- المشاركات :
- 2796
- الجنس:
- تاريخ الميلاد :
- 1-10-1981
- الدعوات:
- 31
- قوة السمعة:
- 4978
- موقعي:
- زيارة موقعي
-
جزاك الله خيرا اخى مستر كينج للعرض المفصل
بارك الله لك
-
-
جعل صندوق الحوار في شريط أسفل الشّاشة20-09-2013 09:31 مساءً [2]
-
Mr Kingمعلومات الكاتبالأعضاءعضو سوبر ستار
- انضم في :
- 27-11-2012
- رقم العضوية :
- 2642
- المشاركات :
- 3240
- الدولة :
- morocco
- الجنس:
- تاريخ الميلاد :
- 1-1-1987
- الدعوات:
- 6
- قوة السمعة:
- 18910
-
المشاركة الأصلية كتبت بواسطة: AHMED جزاك الله خيرا اخى مستر كينج للعرض المفصل
بارك الله لك
بارك الله فيك أخي
-
تم تحرير المشاركة بواسطة :Mr King بتاريخ:20-09-2013 09:32 مساءً
-
-
جعل صندوق الحوار في شريط أسفل الشّاشة20-09-2013 09:46 مساءً [3]
-
bgnmمعلومات الكاتبالأعضاءعضـو مشارك
- انضم في :
- 28-07-2013
- رقم العضوية :
- 3965
- المشاركات :
- 63
- الدولة :
- maroc
- الجنس:
- تاريخ الميلاد :
- 9-6-1995
- قوة السمعة:
- 10
- موقعي:
- زيارة موقعي
-
السلام عليكم ورحمة الله
بارك الله فيك اخي على الطرح الحصري
والشرح المميز
في انتظار جديدك دائما وفقك الله
ودي الخالص
-
-
جعل صندوق الحوار في شريط أسفل الشّاشة20-09-2013 09:59 مساءً [4]
-
Mr Kingمعلومات الكاتبالأعضاءعضو سوبر ستار
- انضم في :
- 27-11-2012
- رقم العضوية :
- 2642
- المشاركات :
- 3240
- الدولة :
- morocco
- الجنس:
- تاريخ الميلاد :
- 1-1-1987
- الدعوات:
- 6
- قوة السمعة:
- 18910
-
المشاركة الأصلية كتبت بواسطة: bgnm السلام عليكم ورحمة الله
بارك الله فيك اخي على الطرح الحصري
والشرح المميز
في انتظار جديدك دائما وفقك الله
ودي الخالص
شكرا على مرورك العطر أخي الغالي
-