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

2 مشترك

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

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

مُساهمة من طرف cool amir الأربعاء 29 يونيو 2011 - 21:39

بسم الله الرحمان الر

انا اليوم اردت نقل كود اعجبني كثيرا ولم اجده هنا في الدعم

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

شرح التركيب

الشرح بصور

على جزئين

الجزء الاول

علبة دردشة مثل الفايسبوك 22-05-10

علبة دردشة مثل الفايسبوك 22-05-11

علبة دردشة مثل الفايسبوك 22-05-12

هذا هو الكود الذي نستعمله

الكود:

<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="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="http://i78.servimg.com/u/f78/15/58/63/34/untitl11.png">
<font size="1">الدردشة|منتديات ضع اسم منتداك هنا  </font>
</div></div>

لا تنسوا تضعوا اسم منتداكم في الكود في مكانو المطلوب

الجزء الثانى

علبة دردشة مثل الفايسبوك 22-05-13

وهذا الكود الذي نستعمله في الخطوة السابقة

الكود:

#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;
}

اتمنى اكون افدتكم

مع التحية

damir

Cool



cool amir
cool amir
 
 

ذكر
عدد المساهمات : 5631
معدل النشاط : 13177
السُمعة : 140

http://www.stibda3.com

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

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

مُساهمة من طرف (GeNeRaL) الأربعاء 29 يونيو 2011 - 22:00

اعتقد الشرح مكرر ,

على العموم ارسله من هنا

علبة دردشة مثل الفايسبوك Link-l11 الشكايات العامة

علبة دردشة مثل الفايسبوك 103798
(GeNeRaL)
(GeNeRaL)
 
 

ذكر
عدد المساهمات : 9912
معدل النشاط : 27263
السُمعة : 31

http://www.nijoom.yoo7.com

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

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

- مواضيع مماثلة

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