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

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

مثال على ذلك



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

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

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

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

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




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




وفي النهاية نذهب إلى لوحة الإدارة - اعلانات ادسنس - إضافة إعلان جديد

اسم الاعلان : 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>
	

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





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


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