منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف 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




cool amir
 
 

ذكر
عدد المساهمات : 5752
معدل النشاط : 10270

http://www.stibda3.com

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

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

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

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

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

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


(GeNeRaL)
 
 

ذكر
عدد المساهمات : 24741
معدل النشاط : 24337

http://www.nijoom.yoo7.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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