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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

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

مُساهمة من طرف زائر في الجمعة يوليو 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


منور الموضوع


زائر
زائر


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

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

مُساهمة من طرف Basil Abdallah في الثلاثاء يوليو 12, 2016 11:43 pm


شكر جزيلا للطرح القيم
ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك
@CLARO@




avatar
Basil Abdallah
بصمة خالدة

بصمة خالدة

الجنس : ذكر

السمك

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

نقاط النشاط : 11864

السٌّمعَة : 70

بلد العضو :

العمر : 22


معاينة صفحة البيانات الشخصي للعضو

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

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

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


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



زائر
زائر


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

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

مُساهمة من طرف 1Black Swan في السبت أغسطس 27, 2016 8:55 pm

avatar
1Black Swan
عضو خبير
عضو خبير

الجنس : ذكر

الجدي

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

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

السٌّمعَة : 34

بلد العضو :

العمر : 100


معاينة صفحة البيانات الشخصي للعضو

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

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

مُساهمة من طرف زائر في السبت أغسطس 27, 2016 10:12 pm


منور الموضوع


زائر
زائر


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

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

مُساهمة من طرف AmEr MaGroh في الأربعاء سبتمبر 14, 2016 11:37 pm

avatar
AmEr MaGroh
عضو نشيط
عضو نشيط

الجنس : ذكر

الدلو

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

نقاط النشاط : 436

السٌّمعَة : 10

بلد العضو :

العمر : 15


معاينة صفحة البيانات الشخصي للعضو

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

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

مُساهمة من طرف JoryAbdallah في السبت يناير 28, 2017 11:45 pm


#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك




التوقيع



avatar
JoryAbdallah
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : انثى

السمك

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

نقاط النشاط : 139300

السٌّمعَة : 2896

بلد العضو :

العمر : 31




معاينة صفحة البيانات الشخصي للعضو http://taqnyiat.ahlamontada.com/

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

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

مُساهمة من طرف El Desha El Hlawany1 في الإثنين يناير 30, 2017 11:46 am



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

ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي
وتقديري لك
#Duce




avatar
El Desha El Hlawany1
عضو فعال
عضو فعال

الجنس : ذكر

القوس

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

نقاط النشاط : 716

السٌّمعَة : 38

بلد العضو :

العمر : 20


معاينة صفحة البيانات الشخصي للعضو http://egyptian-cafe.123.st/

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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

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






Feedage Grade B rated