كود دردشة (تم التعديل)

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

كود دردشة (تم التعديل)

مُساهمة من طرف ~ريتاج~ في الجمعة 15 نوفمبر 2013 - 12:42

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


عدل سابقا من قبل Mohamed Nsr في الجمعة 15 نوفمبر 2013 - 13:55 عدل 1 مرات (السبب : تعديل عنوان الموضوع)
avatar
~ريتاج~



انثى
عدد المساهمات : 32
معدل النشاط : 1741
السُمعة : 0

http://yacmine75.arab.st/

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

رد: كود دردشة (تم التعديل)

مُساهمة من طرف Kimo Mimo في الجمعة 15 نوفمبر 2013 - 12:45

avatar
Kimo Mimo
 
 

ذكر
عدد المساهمات : 14506
معدل النشاط : 17636
السُمعة : 724

http://help.ahlamontada.com

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

رد: كود دردشة (تم التعديل)

مُساهمة من طرف ~ريتاج~ في الجمعة 15 نوفمبر 2013 - 12:56

ممكن تعطواني كود لم يضهرلي كود
ماهووووو
avatar
~ريتاج~



انثى
عدد المساهمات : 32
معدل النشاط : 1741
السُمعة : 0

http://yacmine75.arab.st/

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

رد: كود دردشة (تم التعديل)

مُساهمة من طرف Kimo Mimo في الجمعة 15 نوفمبر 2013 - 13:11

اختي ستجدي حين الدخول إلي الموضوع الاول هذه العباره "كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة" اضغطي علي معاينة المساهمة .. Arrow
avatar
Kimo Mimo
 
 

ذكر
عدد المساهمات : 14506
معدل النشاط : 17636
السُمعة : 724

http://help.ahlamontada.com

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

رد: كود دردشة (تم التعديل)

مُساهمة من طرف الفارس بحر في الجمعة 15 نوفمبر 2013 - 13:12

اتفضلى


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


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

شرح عمل اى شيىء اسفل الصفحات
الكود:
 
    <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;
    }
avatar
الفارس بحر
 
 

ذكر
عدد المساهمات : 506
معدل النشاط : 2793
السُمعة : 13

http://www.a7la-7ekaya.com/

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

رد: كود دردشة (تم التعديل)

مُساهمة من طرف Kimo Mimo في الجمعة 15 نوفمبر 2013 - 13:13

@الفارس بحر كتب:اتفضلى


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


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

شرح عمل اى شيىء اسفل الصفحات
الكود:
  
   <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;
    }
من فضلك يمنع التكرار .. Arrow
avatar
Kimo Mimo
 
 

ذكر
عدد المساهمات : 14506
معدل النشاط : 17636
السُمعة : 724

http://help.ahlamontada.com

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

رد: كود دردشة (تم التعديل)

مُساهمة من طرف ~ريتاج~ في الجمعة 15 نوفمبر 2013 - 14:00

انا لم تضهرلي انشاء عنصر
avatar
~ريتاج~



انثى
عدد المساهمات : 32
معدل النشاط : 1741
السُمعة : 0

http://yacmine75.arab.st/

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

رد: كود دردشة (تم التعديل)

مُساهمة من طرف Kimo Mimo في الجمعة 15 نوفمبر 2013 - 14:02

@~ريتاج~ كتب:انا لم تضهرلي انشاء عنصر
ممكن توضيح من فضلك اختي .. ؟
عموماً يمكنك أيضاً استخدام الكود التالي :

شات ديجتال مثل الفيس بوك **** mohamed nsr Cool 
avatar
Kimo Mimo
 
 

ذكر
عدد المساهمات : 14506
معدل النشاط : 17636
السُمعة : 724

http://help.ahlamontada.com

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

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


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