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

فعاليات المنتدى





أهلا وسهلا بك إلى منتديات درة بلاديي.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.


الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
دردشة مثل الفيس بوك Collapse_tcat
المواضيع المضافه مؤخراً
الموضوع
تاريخ ارسال المشاركة
بواسطة
الأربعاء يناير 28, 2015 8:03 am
الأحد يناير 11, 2015 12:01 pm
الأحد ديسمبر 07, 2014 9:04 am
السبت يونيو 21, 2014 8:10 am
الجمعة يونيو 20, 2014 5:04 pm
الأربعاء يونيو 18, 2014 2:48 pm
الأربعاء يونيو 18, 2014 2:46 pm
الأربعاء يونيو 18, 2014 2:44 pm
الأربعاء يونيو 18, 2014 9:56 am
الأربعاء يونيو 18, 2014 9:36 am



شاطر
 

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
ريم
اللقب:
المدير العام
الرتبه:
المدير     العام
الصورة الرمزية

ريم

البيانات
sms
ماكنا نحن ذمان اروع قلوب بتريد
غيم الحنان فارق دنيانا ليلة عيد
واصبحنا في دنيا والريد في دنيا بعيد
100
دردشة مثل الفيس بوك Painti10
دردشة مثل الفيس بوك Engine10
دردشة مثل الفيس بوك 310
خاتم الانبياء والمرسلين :
محمد
انثى
العذراء
عدد المساهمات :
656
تاريخ التسجيل :
20/01/2010
العمر :
34

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: دردشة مثل الفيس بوك   دردشة مثل الفيس بوك Emptyالسبت مارس 26, 2011 8:14 am

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


دردشة مثل الفيس بوك 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

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

-
» كود تعليقات الفيس بوك اسفل المواضيع

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