أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

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



  • [شرح]:
20-09-2013 09:01 مساءً
Mr King
معلومات الكاتب
السلام عليكم ورحمة الله



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



مثال على ذلك

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





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



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



نقوم بتحميل الملف التّالي :
جعل صندوق الحوار في شريط أسفل الشّاشة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 صباحاً

 

look/images/icons/i1.gif جعل صندوق الحوار في شريط أسفل الشّاشة
  20-09-2013 09:15 مساءً   [1]
AHMED
معلومات الكاتب


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

بارك الله لك


look/images/icons/i1.gif جعل صندوق الحوار في شريط أسفل الشّاشة
  20-09-2013 09:31 مساءً   [2]
Mr King
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: AHMED جزاك الله خيرا اخى مستر كينج للعرض المفصل

بارك الله لك



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

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


look/images/icons/i1.gif جعل صندوق الحوار في شريط أسفل الشّاشة
  20-09-2013 09:46 مساءً   [3]
bgnm
معلومات الكاتب
السلام عليكم ورحمة الله
بارك الله فيك اخي على الطرح الحصري
والشرح المميز
في انتظار جديدك دائما وفقك الله
ودي الخالص

look/images/icons/i1.gif جعل صندوق الحوار في شريط أسفل الشّاشة
  20-09-2013 09:59 مساءً   [4]
Mr King
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: bgnm السلام عليكم ورحمة الله
بارك الله فيك اخي على الطرح الحصري
والشرح المميز
في انتظار جديدك دائما وفقك الله
ودي الخالص




شكرا على مرورك العطر أخي الغالي جعل صندوق الحوار في شريط أسفل الشّاشة




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

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






الساعة الآن 04:29 AM