طلب هدا الكود

اذهب الى الأسفل

طلب هدا الكود

مُساهمة من طرف marwen115 في السبت 11 أكتوبر 2014 - 9:55

السلام عليكم 

اري كو الدرشة كما موجود في هدا المنتدى 

http://stones.arab.st/
avatar
marwen115
 
 

ذكر
عدد المساهمات : 267
معدل النشاط : 2610
السُمعة : 4

http://arabwoorld.com

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

رد: طلب هدا الكود

مُساهمة من طرف stones في السبت 11 أكتوبر 2014 - 10:17

مرحبا
تفضل كود يوضع في الجافا
الكود:
//Inicio variables a editar por el usuario
var imagen_chatbox_desplegable = "http://i39.servimg.com/u/f39/18/42/00/55/33311.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: 999;
  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;
}


#chatbox_ret_cont div {
background: #FF99FF;
border:2px dotted #00FF99;


}
        body.chatbox {
        background-image : url(http://www.girls-top.net/vb/img/girls-top.net_1360162585_175.jpg);
        background-color : #dddddd;
        border : 2px dotted #0db4fc;
        }

يمكنك تغير الصور الي ب الكود بصور من
اختيارك
avatar
stones
 
 

ذكر
عدد المساهمات : 11057
معدل النشاط : 14006
السُمعة : 414

http://stones.arab.st/

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

رد: طلب هدا الكود

مُساهمة من طرف marwen115 في السبت 11 أكتوبر 2014 - 11:31

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

ادخل الى المنتدى و عاين بنفسك  

http://www.tunisiacreativity.com/
avatar
marwen115
 
 

ذكر
عدد المساهمات : 267
معدل النشاط : 2610
السُمعة : 4

http://arabwoorld.com

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

رد: طلب هدا الكود

مُساهمة من طرف marwen115 في السبت 11 أكتوبر 2014 - 12:29

avatar
marwen115
 
 

ذكر
عدد المساهمات : 267
معدل النشاط : 2610
السُمعة : 4

http://arabwoorld.com

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

رد: طلب هدا الكود

مُساهمة من طرف stones في السبت 11 أكتوبر 2014 - 13:52

افضل شي احسن من المنتدى الخاص بي
========
نعم تبقى الصورة ظاهرة اسفل المنتدى
avatar
stones
 
 

ذكر
عدد المساهمات : 11057
معدل النشاط : 14006
السُمعة : 414

http://stones.arab.st/

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

الرجوع الى أعلى الصفحة


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