كود دردشة مثل فيس بوك بدون تومبلايت

ام عليكم ورحمة الله وبركاته
اليوم أقدم لكم كود الدردشة مثل الفيس بوك تماما



أولا يجب إنشاء عنصر مستقل ونضع فيه الكود التالي لكي يظهر في جميع الصفحات
<div id="myfooter" style="height: 40px; position: fixed; width: 800px; top: auto; right: 0pt; margin: 0pt auto; bottom: -15px; left: 800px; font-weight: bold;"><div id="emptyidright"></div><div class="fa_ticker_content"><div><div id="fbfcbframe" style="border: 1px solid black; padding: 0px; background: none repeat scroll 0% 0% white; display: none; -moz-background-inline-policy: continuous; position: fixed; bottom: 25px; right: 23px; width: 900px;"><div style="border: 1px solid rgb(37, 69, 136); margin: -1px -1px 0px; padding: 4px 8px 5px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; background-color: rgb(82, 110, 166); color: white; text-align: left;">دردشة منتديات ستار سورك | مايلفظ من قول إلا لديه رقيب عتيد</div><iframe style="border: 0px solid black; margin: -2px -2px 0px; background: none repeat scroll 0% 0% transparent; height: 290px; width: 900px; -moz-background-inline-policy: continuous;" src="/chatbox/chatbox.forum"></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="https://i.servimg.com/u/f78/15/58/63/34/untitl11.png">&nbsp;<font size="1">الدردشة|منتديات ستار سورك &nbsp;&nbsp;</font> </div></div></div><center><script type="text/javascript"><!-- google_ad_client = "pub-2769414524136907";/* ads*/google_ad_slot = "1922291841";google_ad_width = 728;google_ad_height = 90;//--> </script></center></div>





ونحدد الصلاحيات للأعضاء فقط






ثانيا نضع هذا الكود في ورقة تصميم ال css

#myfooter{ background-image: url(https://i.servimg.com/u/f78/15/58/63/34/sans_t13.jpg); background-repeat: no-repeat; } #myfooter:hover{ background-image: url(https://i.servimg.com/u/f78/15/58/63/34/sans_t14.jpg); background-repeat: no-repeat; } #myfooter img{ border: 0px; margin-top: -12px; padding-right: 20px; }








ومبروك عليك دردشة الفيس بوك

شكراااااااااااااااااااا على الموضوع المميز

الله يعطيك العافية على الموضوع المميز

ما شاء الله سلمت اياديك على موضوك المميز و جعلها في ميزان حسناتك

سلمت آنآملگ آخي آلگريم شگرآ لگ لموضوعگ آلمميز

شكراا على هذا الكود الرائع♥~

شكرا على الموضوع الاكثر من رائع

سلمت اناملك اخي الكريم شكرا لك لموضوعك المميز

مشكووووووووور على الطرح

الله يعطيك العافية على الموضوع المميز

شكرا على الكود الجميل

جميل جداً الكود بالتوفيق