شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

كود وضع الدردشة مصغرة على جانبي المنتدى

زائر
زائر
تمت المشاركة في الجمعة يوليو 08, 2016 7:15 am
السلام عليكم ورحمة الله وبركاته
أسعد الله اوقاتكم بكل خير



اليكم كود علبة الدردشة على جانب المنتدى
يمكنك تغير كلمة 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>
دمتم بخير


عدل سابقا من قبل JAR7 في الجمعة يوليو 08, 2016 11:17 am عدل 1 مرات

رد: كود وضع الدردشة مصغرة على جانبي المنتدى

زائر
زائر
تمت المشاركة في الجمعة يوليو 08, 2016 7:21 am
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي

رد: كود وضع الدردشة مصغرة على جانبي المنتدى

زائر
زائر
تمت المشاركة في الجمعة يوليو 08, 2016 7:43 am
منور الموضوع

رد: كود وضع الدردشة مصغرة على جانبي المنتدى

avatar
بصمة خالدة
الجنس : ذكر

السمك

عدد المساهمات : 11065

نقاط النشاط : 11882

السٌّمعَة : 70

بلد العضو :

العمر : 22

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الثلاثاء يوليو 12, 2016 11:43 pm
شكر جزيلا للطرح القيم
ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك
@CLARO@
التوقــيـــــــــــــــــــــع

رد: كود وضع الدردشة مصغرة على جانبي المنتدى

زائر
زائر
تمت المشاركة في السبت أغسطس 27, 2016 6:01 pm

كود جميل شكرا لك

رد: كود وضع الدردشة مصغرة على جانبي المنتدى

avatar
عضو خبير
الجنس : ذكر

الجدي

عدد المساهمات : 1432

نقاط النشاط : 1522

السٌّمعَة : 34

بلد العضو :

العمر : 100

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في السبت أغسطس 27, 2016 8:55 pm

كوددد جميل
شكككرآ ~

التوقــيـــــــــــــــــــــع

رد: كود وضع الدردشة مصغرة على جانبي المنتدى

زائر
زائر
تمت المشاركة في السبت أغسطس 27, 2016 10:12 pm
منور الموضوع

رد: كود وضع الدردشة مصغرة على جانبي المنتدى

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 11:37 pm
شكرااا

كود رائع

رد: كود وضع الدردشة مصغرة على جانبي المنتدى

avatar
بصمة خالدة
الجنس : انثى

السمك

عدد المساهمات : 125432

نقاط النشاط : 140990

السٌّمعَة : 2956

بلد العضو :

العمر : 31



معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
تمت المشاركة في السبت يناير 28, 2017 11:45 pm
#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك
التوقــيـــــــــــــــــــــع



رد: كود وضع الدردشة مصغرة على جانبي المنتدى

avatar
عضو فعال
الجنس : ذكر

القوس

عدد المساهمات : 634

نقاط النشاط : 719

السٌّمعَة : 38

بلد العضو :

العمر : 20

معاينة صفحة البيانات الشخصي للعضوhttp://egyptian-cafe.123.st/
تمت المشاركة في الإثنين يناير 30, 2017 11:46 am

شكر جزيلا للطرح القيم

ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي
وتقديري لك
#Duce
التوقــيـــــــــــــــــــــع
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads