العراق اونلاين
نرحب
بكل من يزور
منتدانا



 
الرئيسيةالبوابةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول╣☼╠00%mybblogoكيويروابط ماوس
منتدبات سحر العيون
۞منور المنتدى۞ إسم المستخدم: زائر آخر زيارة لك كانت: أخر عضو مسجل: ameeraljn مواضيعى : ردودى
الرئيسية القوانين المجموعات مجلة المنتدي المشاركات الجديدة البحث التسجيل تسجيل الخروج

شاطر | 
 

 دردشه فيس بوك

اذهب الى الأسفل 
كاتب الموضوعرسالة
سحر العيون
Admin
Admin
avatar

عدد المساهمات : 341
تاريخ التسجيل : 05/01/2013

مُساهمةموضوع: دردشه فيس بوك   الجمعة ديسمبر 12, 2014 11:13 pm

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

تصغير الصورة معاينة الأبعاد الأصلية.

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


الكود:
       
        <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>




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






ثانيا نضع هذا الكود في ورقة تصميم ال 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;
        }


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


تم الشرح بواسطة:
STARSORCK
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://iraqaonlaen.0wn0.com
 
دردشه فيس بوك
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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