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

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

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

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

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

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

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

شرح التركيب

الشرح بصور

على جزئين

الجزء الاول







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

الكود:

<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>

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

الجزء الثانى



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

الكود:

#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



avatar
cool amir
 
 

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

http://www.stibda3.com

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

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

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

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

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

الشكايات العامة

avatar
(GeNeRaL)
 
 

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

http://www.nijoom.yoo7.com

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

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


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