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

اذهب الى الأسفل

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

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


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



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

الكود:

 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 &lt;br
/&gt;repeat scroll 0% 0% transparent; height: 290px; width: 900px;
&lt;br /&gt;-moz-background-inline-policy: continuous;" &lt;br
/&gt;src="/chatbox/chatbox.forum"&gt;
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;
}


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


[/center]








| لمراسلة الإدآرة بأمور لا تراها الا هي من هنا|
| للشكآوي ضد الفريق من هنا|
| لطلبات تغييرالأسمآء من هنا |
للشكايات العامة من هنا
avatar
GeNeRaL
المدير العام
المدير العام

عدد المساهمات : 173

معاينة صفحة البيانات الشخصي للعضو http://al-da3m.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى