(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR
بسم الله الرحمن الرحيم
السلام عليكم اخواني واخواتي
اقدم اليكم اليوم كود اظهار علبة الدردشه بشكل جميل واظهارها في جميع صفحات المنتدى
اولا صوره للكود:
![(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR Mohame20](https://i.servimg.com/u/f39/18/93/00/45/mohame20.png)
![(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR Mohame21](https://i.servimg.com/u/f39/18/93/00/45/mohame21.png)
ثانيا طريقة وضع الكود:
لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد
العنوان:كما تريد
أضف الكود الى : جميع الصفحات
كود Javascript * :
ملحوظه:يمكن تغيير الصوره التي يضغط عليها لاظهار علبة الدردشه من خلال الرابط التالي الموجود في الكود
https://i.servimg.com/u/f45/17/45/19/77/chat10.png
ثم نتوجه الى
لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال css
وضع الكود التالي:
منقول للافادة وتم التعديل والترجمة من قبلي
وبهذا نكون انتهينا من شرح الكود التالي
بالتوفيق ليكم
MoHaMeD NsR
فريق المساعدة
![(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR Help_r10](https://i.servimg.com/u/f40/11/60/75/36/help_r10.png)
السلام عليكم اخواني واخواتي
اقدم اليكم اليوم كود اظهار علبة الدردشه بشكل جميل واظهارها في جميع صفحات المنتدى
اولا صوره للكود:
![(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR Mohame20](https://i.servimg.com/u/f39/18/93/00/45/mohame20.png)
![(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR Mohame21](https://i.servimg.com/u/f39/18/93/00/45/mohame21.png)
ثانيا طريقة وضع الكود:
لوحة الاداره>>عناصر اضافيه>>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>");
ملحوظه:يمكن تغيير الصوره التي يضغط عليها لاظهار علبة الدردشه من خلال الرابط التالي الموجود في الكود
https://i.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
فريق المساعدة
![(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR Help_r10](https://i.servimg.com/u/f40/11/60/75/36/help_r10.png)
![مع التحية](/users/1811/68/54/94/smiles/376553.gif)
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR 31010](https://i.servimg.com/u/f58/16/46/77/76/31010.png)
![(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
--------------------------------------------------
![(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
![(JAVASCRIPT) كود اظهار علبة الدردشه بشكل جميل***MoHaMeD NsR 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
Mohamed- احلى إدارة
-
عدد المساهمات : 11329
معدل النشاط : 15792
السُمعة : 453
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» (JAVASCRIPT)كود معاينة الموضوع او المساهمه قبل الارسال بشكل جميل***MoHaMeD NsR
» (JAVASCRIPT)كود دمج المساهمة***Mohamed Nsr
» (JAVASCRIPT) الاقتباس السريع ***Mohamed Nsr
» (JAVASCRIPT)كود اضافة زر رد سريع في الموضوع ***Mohamed Nsr
» (JAVASCRIPT) كود معاينة البيانات الشخصيه عند الضغط على اسم العضو
» (JAVASCRIPT)كود دمج المساهمة***Mohamed Nsr
» (JAVASCRIPT) الاقتباس السريع ***Mohamed Nsr
» (JAVASCRIPT)كود اضافة زر رد سريع في الموضوع ***Mohamed Nsr
» (JAVASCRIPT) كود معاينة البيانات الشخصيه عند الضغط على اسم العضو
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى