منتدى عين معبد أون لاين
منتدى عين معبد أون لاين
منتدى عين معبد أون لاين
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
MaHFouD

MaHFouD


ذكر
نوع المتصفح نوع المتصفح : firefo10
نسخة المنتدى نسخة المنتدى : PhpBB3
احترام قوانين المنتدى احترام قوانين المنتدى : 100 %
عدد المساهمات : 202

كود الدردشة مثل الفيس بوك بدون تومبيلات Empty
مُساهمةموضوع: كود الدردشة مثل الفيس بوك بدون تومبيلات   كود الدردشة مثل الفيس بوك بدون تومبيلات Icon_minitimeالأحد مارس 20, 2011 12:24 pm

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


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

<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;
}
ومبروك عليك دردشة تشبه الفيس بوك




الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود الدردشة مثل الفيس بوك بدون تومبيلات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» حصريا|كود لوضع اطار حول الصورة فى بيانات العضو بدون تومبيلات
» [تومبيلات]كود وضع معلومات الاتصال تحت البيانات الشخصية للاعضاء
» [تومبيلات]شريط اخر المواضيع الافقي باطار على جميع الجوانب
»  برنامج الفيس بوك Facebook Blaster Pro v7.2.0 احصل على الاف الاصدقاء بالفيس بوك
» كودcssلوضع ايطار وخلفية للتوقيع شغال 100%(بدون تومبلايت)

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