احلي بيت




تحميل برامج, تصميم صور وعروض اشراف ومسابقات, ومعلومات عامة, اسلاميات, معاني الاسماء
 
الرئيسيةالبوابةس .و .جبحـثالتبادل الاعلانيالتسجيلدخول
أهلا بك من جديد يا http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifزائر http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif آخر عضو مسجل http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif Jood123 http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifفمرحباً به

شاطر | 
 

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

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

avatar

انثى
عدد المساهمات : 11893
تاريخ التسجيل : 20/05/2010





http://a7labeet.ba7r.org
مُساهمةموضوع: (JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل   الأربعاء 22 يوليو 2015, 3:59 pm

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


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





ثانيا طريقة وضع الكود:
لوحة الاداره>>عناصر اضافيه>>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>");

ملحوظه:يمكن تغيير الصوره التي يضغط عليها لاظهار علبة الدردشه من خلال الرابط التالي الموجود في الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ثم نتوجه الى
لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال 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;
}













لمراسلة الادارة اتصل بنا واضغط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



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

avatar

ذكر
عدد المساهمات : 10
تاريخ التسجيل : 06/08/2015
العمر : 22


مُساهمةموضوع: رد: (JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل   الخميس 06 أغسطس 2015, 3:21 pm

الكود ممتاز  جداااااا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
احلي بيت :: أكــــواد للمنـــتديات :: أكواد الجافا إسكريبت JAVA-