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

من طرف **GeNeRaL** الجمعة مارس 09, 2012 2:32 pm

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

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

أولا يجب إنشاء عنصر مستقل ونضع فيه الكود التالي لكي يظهر في جميع الصفحات

الكود:: id="myfooter" style="height: 40px; position: fixed; width: 800px; top: auto; right: 0pt; margin: 0pt auto; bottom: -15px; left: 800px; font-weight: bold;"> 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;">دردشة منتديات ضع اسم منتداك هنا <br="">style="border: 0px solid black; margin: -2px -2px 0px; background: none <br />repeat scroll 0% 0% transparent; height: 290px; width: 900px; <br />-moz-background-inline-policy: continuous;" <br />src="/chatbox/chatbox.forum"> class="unclicked" onclick="toggleframe();if(this.getAttribute('class')=='unclicked'){this.className='clicked'}else{this.className='unclicked'}"><img> src="http://i78.servimg.com/u/f78/15/58/63/34/untitl11.png"> [size=7]الدردشة|منتديات ضع اسم منتداك هنا [/size] [center]

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

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

الكود:: #myfooter{ background-image: url(http://i78.servimg.com/u/f78/15/58/63/34/sans_t13.jpg); background-repeat: no-repeat; } #myfooter:hover{ background-image: url(http://i78.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; }

ومبروك عليك الشات

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

[/center]