اليكم كود علبة الدردشة على جانب المنتدى
يمكنك تغير كلمة right الى left
من اليمين الى اليسار الكود يوضع في عناصر
مستقله يظهر على جميع الصفحات او
تشكيلات عامه يظهر في الصفحة الاولى فقط
وهذه صورة من الدردشة
وهذا الكود
الكود:
<span style="color: violet;">َ</span>
<div style="overflow: visible; position: fixed; bottom: 30px;height: 500px; right: 0px; z-index: 1000;">
<iframe
src="/chatbox/index.forum?page=front&" id="chatboxpop"
scrolling="yes" style="overflow: visible; width: 600px;
height:
500px;border:solid 2px ; display: none;border-radius: 10%;border:solid
5px #CCFF00; float:right;" marginwidth="0" marginheight="0"
frameborder="0"> </iframe>
<div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200);
jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top:
10px; cursor :pointer; float:left">
<img src="[url=http://i34.servimg.com/u/f34/16/04/51/75/open10.png]http://i34.servimg.com/u/f34/16/04/51/75/open10.png[/url]" id="chatboxopen" /><img src="[url=http://i34.servimg.com/u/f34/16/04/51/75/close10.png]http://i34.servimg.com/u/f34/16/04/51/75/close10.png[/url]" id="chatboxclose" style="cursor :pointer;
display:none;" />
</div>
</div><span style="color: violet;">'); } );َ</span>شكل اخر ايقونة الدردشة لاظهارها
الكود:
<div id="chatbox_ret_cont" class="chatbox_derecha">
<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');">
<span id="chatbox_ret_online"> <img title="الدعم الفني" src="http://i45.servimg.com/u/f45/17/45/19/77/chat10.png" /> </span> <span id="chatbox_ret_offline"></span>
</div>
<iframe src="/chatbox" id="chatbox_ret" name="chatbox_ret" scrolling="no" marginwidth="0" marginheight="1px" onload="if(cb_new){cb_start();cb_new=0;}" frameborder="0"> </iframe>
</div><style>
#chatbox_ret_cont{
z-index: 999;
background-color: transparent;
position: fixed;
bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
left: 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: 350px;
margin-bottom: 0;
width: 700px;
}
</style>يوضع كعنصر مستقل او مكان يقبل html
دمتم بخير
