ممكن كود صندوك دردشة

ممكن كود صندوق دردشة لمنتداي

السلام عليكم

مرحباً
بك في منتدى الدعم و المساعدة الخاص بشركة احلى
منتدى

بما أنك جديد في منتدانا, اعطيك هنا بعض الروابط التي يستحسن تذكرها و الإطلاع
على محتواها قبل أي سؤال مقبل:

قانون
منتدى الدعم من الواجب عليك احترامها للحصول على
إجابة سريعة



مواضيع
تشرح لك بالصور كل تقنيات و خبايا ادارة منتداك



مواضيع تشرح لك تقنيات
منقدمة لتشخيص ورفع مردود منتداك
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
و الآن, للإجابة على سؤالك,...

طريقة الحصول على كود شات ديجيتال ( خاص بمنتداك )

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

كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

علبة الدرشة ( Chat Box )

<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="https://i.servimg.com/u/f78/15/58/63/34/untitl11.png"> <font size="1">الدردشة|منتديات ضع اسم منتداك هنا </font> </div></div>

ثانيا نضع هذا الكود في ورقة تصميم ال css



#myfooter{
background-image: url(https://i.servimg.com/u/f78/15/58/63/34/sans_t13.jpg);
background-repeat:
no-repeat;
}
#myfooter:hover{
background-image: url(https://i.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

rachid199666 كتب:

<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="https://i.servimg.com/u/f78/15/58/63/34/untitl11.png"> <font size="1">الدردشة|منتديات ضع اسم منتداك هنا </font> </div></div>

تنبيه ثانى لك يمنع تكرار الردود

للاسف ما فهمت منكم ولا شي ما في شرح ابسط من هيك
يعني الكود التاني نحطو في css طيب والكود الاول وين اروح في ؟

اخى من فضلك تابع ردى واختار الطريقه التى تناسبك

اخي شكرا كتير لانك حاولت تساعدني
وانا تابعت وما فهمت
شكرا كتير عكل حال

يمكنك توضيح ما لم تفهمه حتى اشرحه لك

هاد الكود وين يروح ؟

<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="https://i.servimg.com/u/f78/15/58/63/34/untitl11.png"> <font size="1">الدردشة|منتديات ضع اسم منتداك هنا </font> </div></div>

اخى هذا هو الشرح لاتابع له الكود

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

ستجد به كودين
الكود الاول الذى تضعه الان يوضع فى العناصر المستقله
والكود الثانى يوضع فى ورقه css

انا جربت وما زبط ما طلعي شي لا دردشة ولا غيرو
شكرا كتير الكم وعلى تعاونكم معي

اوك