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

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

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» ايكونه محذوفه اسفل التعليق ..
اليوم في 6:32 pm من طرف zaydoon

» لغة المنتدى
اليوم في 6:15 pm من طرف ahd allah

» شفرة اعلان
اليوم في 4:11 pm من طرف stones

» طلب سلايد بسيط*
اليوم في 1:33 pm من طرف meme.99

» سؤال بغاية الاهمية
اليوم في 7:32 am من طرف وهبة الساحر

» طلب كود البيانات
اليوم في 2:26 am من طرف ahd allah

» اريد مود خدمات الموضوع
اليوم في 2:11 am من طرف ahd allah

» طلب كود تعليمات المشاركة
اليوم في 1:57 am من طرف ahd allah

» طلب اضهار تفاصيل العضو :كاتب الموضوع
اليوم في 1:43 am من طرف فراس البابلي

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR

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

(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR

مُساهمة من طرف Mohamed Nsr في 2014-09-10, 9:16 am

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



اولا صوره للكود:





ثانيا طريقة وضع الكود:
لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد
العنوان:كما تريد
أضف الكود الى : جميع الصفحات
كود Javascript * :

الرمز:

//Inicio variables a editar por el usuario
var imagen_chatbox_desplegable = "http://i45.servimg.com/u/f45/17/45/19/77/chat10.png";
var posicion_chatbox_desplegable = "derecha"; //Admite también 'izquierda'
//Fin variables a editar por el usuario

document.write("<div id=\"chatbox_ret_cont\" class=\"chatbox_" + posicion_chatbox_desplegable + "\">");
document.write("    <div onclick=\"(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); jQuery('#chatbox_ret').toggle('normal');\">");
document.write("        <span id=\"chatbox_ret_online\">");
document.write("            <img title=\"Abrir o cerrar el Chat\" src=\"" + imagen_chatbox_desplegable + "\">");
document.write("        <\/span>");
document.write("        <span id=\"chatbox_ret_offline\"><\/span>");
document.write("    <\/div>");
document.write("    <iframe src=\"\/chatbox\" id=\"chatbox_ret\" name=\"chatbox_ret\" ");
document.write("     scrolling=\"no\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"1px\"");
document.write("     onload=\"if(cb_new){cb_start();cb_new=0;}\">");
document.write("    <\/iframe>");
document.write("<\/div>");

ملحوظه:يمكن تغيير الصوره التي يضغط عليها لاظهار علبة الدردشه من خلال الرابط التالي الموجود في الكود
http://i45.servimg.com/u/f45/17/45/19/77/chat10.png

ثم نتوجه الى
لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال css
وضع الكود التالي:

الرمز:

#chatbox_ret_cont{
   z-index: 10000;
   background-color: transparent;
   position: fixed;
   bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
   right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
   left: 0;
}
#chatbox_ret_cont div{
   cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
   background-color: white;
   border: 2px solid grey;
   display: none;
   height: 450px;
   margin-bottom: 0;
   width: 900px;
}


منقول للافادة وتم التعديل والترجمة من قبلي
وبهذا نكون انتهينا من شرح الكود التالي
بالتوفيق ليكم
MoHaMeD NsR
فريق المساعدة

مع التحية

Mohamed Nsr
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 12749
معدل النشاط : 12324

http://help.ahlamontada.com/forum

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

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

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

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