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

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

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

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

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

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

مُساهمة من طرف فريق المساعدة و الدعم في الجمعة 15 نوفمبر 2013 - 3:49

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

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

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

الكود: ---------تضليل المحتوى

<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;
}


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

فريق المساعدة و الدعم



ذكر
عدد المساهمات : 35
معدل النشاط : 1218

http://rayane.ahladalil.com

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

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

مُساهمة من طرف أمير المساعدة في الجمعة 15 نوفمبر 2013 - 9:57

اهلاً عزيزي ,


جميع الاكواد والشروحات ترسل الى ..
http://help.ahlamontada.com/post.forum?mode=newtopic&f=73
Cool

أمير المساعدة
 
 

ذكر
عدد المساهمات : 3876
معدل النشاط : 5525

http://amir-help.lolbb.com/

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

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

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

كيف اعمل كود هاد في منتديييييييي

~ريتاج~



انثى
عدد المساهمات : 32
معدل النشاط : 1342

http://yacmine75.arab.st/

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

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

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

@~ريتاج~ كتب:كيف اعمل كود هاد في منتديييييييي
من فضلك اختي تابعي بموضوعك ولا داعي للتدخل بمواضيع الغير من فضلك .. Arrow

Kimo Mimo
 
 

ذكر
عدد المساهمات : 13775
معدل النشاط : 16499

http://help.ahlamontada.com

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

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

مُساهمة من طرف فريق المساعدة و الدعم في الجمعة 15 نوفمبر 2013 - 18:37

تم ذلك clown

فريق المساعدة و الدعم



ذكر
عدد المساهمات : 35
معدل النشاط : 1218

http://rayane.ahladalil.com

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

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


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