ماهي طرق اظهار الدردشة

4 مشترك

ماهي طرق اظهار الدردشةالجمعة 17 أغسطس 2012 - 4:04

اريد طريقة تكون
في اسفل الشاشة اينما ذهبت
كما رسالة التسجيل للزائر

رد: ماهي طرق اظهار الدردشةالجمعة 17 أغسطس 2012 - 5:01

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

مميزاته :
يقوم الكود بتركيب الدردشة في اسفل الشاشة و تكون بشكل متزحلق و فيها مجموة من الخصائص
و الخاصي الأولى تبين حالتك على الدردشة هل متصل او غير متصل و أيضا تبين عدد المتواجدين بدردشة
بطريقة أحترافية

|صورة للمعينة الكود و مكان ظهورة |

ماهي طرق اظهار الدردشة 2012-023

https://i.servimg.com/u/f44/15/54/04/99/2012-023.png

و لتركيب الكود بشكل الحصحيح تابع الشرح معي
ملاحظة : يجب عمل جميع الخطوات بشكل الصحيح و بترتيب حتى يعمل
على الزوار فقط و حتى لا يؤثر على الأعضاء

شرح تركيب الكود :

لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --overall_footer_end

نقوم بوضع الكود التالي في أخر القالب

الكود:

<!-- BEGIN switch_user_logged_in -->
<div class="chatvds_menu" onclick="chatvds_login();">الحالة 
[<span id="mes_chatvds">?</span>] - المتواجدين [<span 
id="onl_chatvds">?</span>]</div>
<iframe id="chatvds" src="/chatbox/index.forum?archives=1"></iframe>
  
<script type="text/javascript">
//<![CDATA[
setTimeout('trangthai_chatvds();',1000);
 
function trangthai_chatvds() {
  
if(my_getcookie('old_messenger'))
{old_messenger = my_getcookie('old_messenger');}
else
{old_messenger = 0;};
  
new_messenger = $('#chatvds').contents().find('#chatbox p').length - old_messenger;
if ($('#chatvds').contents().find('#chatbox_option_co').css('display')!='none')
{new_messenger = 'غير متصل';}
else if ((new_messenger < 0)||($('#chatvds').css('display')!='none'))
{new_messenger = 'متصل';};
  
$('#mes_chatvds').html(new_messenger);
  
onl = $('#chatvds').contents().find('#chatbox_members ul.online-users li');
$('#onl_chatvds').html(onl.length);
 
setTimeout('trangthai_chatvds();',3000);
}
  
function chatvds_login(){
$('#chatvds').slideToggle(function(){
old_messenger = $(this).contents().find('#chatbox p').length;
my_setcookie('old_messenger',old_messenger, 1);
if(($(this).contents().find('#chatbox_option_co').css('display')!='none')&&($('#chatvds').css('display')!='none'))
{$(this)[0].contentWindow.CB_disconnect();};
});
}
//]]>
</script>
<!-- END switch_user_logged_in -->

و الأن الخطوة الأخيرة
كو css
طريقة وضع الكود:
لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css

الكود:

.chatvds_menu {
  cursor: pointer;
  width: 250px;
  height: 24px;
  line-height: 22px;
  background-color: #333;
  color: #ffff00;
  font-family: Tahoma, Arial;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: fixed;
  bottom: -1px;
  sam_hameed;
  right: 5px;
  border:1px solid #999;
}
#chatvds
{
  background-image: url("http://i48.servimg.com/u/f48/13/58/60/43/mainco13.png");
  z-index: 999;
  position: fixed;
  right:5px;
  sam_hameed;
  bottom: 30px;
  width: 50%;
  sam_hameed;
  height:250px;
  margin: 0px;
  padding: 0px;
  sam_hameed;
  display:none;
  border:1px solid #999;
}
#mes_chatvds, #onl_chatvds {
  color: #ff0000;
}

بالتوفيق

اخوك
AlJna

الكود تصميم
سام حمد

رد: ماهي طرق اظهار الدردشةالجمعة 17 أغسطس 2012 - 7:17

اقصد هكذا

https://i.servimg.com/u/f30/14/00/44/74/uusuus10.png

اول ما تدخل ع المنتدى و انت عضو طبعا

حيكون في اسفل الصفحة زي كذا https://i.servimg.com/u/f30/14/00/44/74/uusuus10.png
و يكون معاك على طول زي رسالة التسجيل