دليل الإشهار العربي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


دليل الاشهار العربي افضل موقع عربي في الدعاية والاشهار وفهرسة المواقع والمنتديات في محركات البحث. تقنيات،تصميم،وخدمات أخرى
 
الرئيسيةالرئيسية  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  

أضغط هنا وأشترك مجانا الان

العدد مفتوح
 

 بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )

اذهب الى الأسفل 
كاتب الموضوعرسالة
طريق النجاح
 
 
طريق النجاح

البلد : الجزائر
الجنس : ذكر
المساهمات : 532
نقاط النشاط : 676

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Empty
مُساهمةموضوع: بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )   بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Emptyالأحد 17 مايو 2020 - 22:11

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by )

السلام عليكم اليكم طريقة جديدة لعرض الشات مميزة جدا

صورة بعد التركيب
بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) 222211

عند الظغط على الايقونة هذه يفتح الشات

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) 222210

وهذه صورة بعد فتح الشات
بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) 222212

اولا إذهب الى لوحة الإدارة > مظهر المنتدى >ادارة التومبلايت >إدارة عامة >overall_header

تحرير
ضع هذا الكود بعد     مباشرة
الكود:
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700&display=swap" rel="stylesheet">

ثم
إبحث عن هذا الكود

إذا لم تجده إبحث عن هذا 



وضع قبل الكود الذي وجدته مباشرة :
الكود:
<!-- Chat by طريق النجاح-->
 
    <img src="https://image.flaticon.com/icons/svg/2938/2938132.svg" id="open">
  
 <div class="chat">
   <div class="close">X</div>
        <h1>شات {SITENAME}</h1>
        <iframe style="width:100%" src="/chatbox"></iframe>        

    </div>
    <script>
        $('#open').click(function(){
            $(this).hide();
            $('.chat').toggle(1000);

        });
        $(function(){
            $('.close').click(function(){
                $('#open').show();
                $('.chat').hide(1000);
            });

        });
  
 </script>
<!-- Chat by طريق النجاح-->

ثم اذهب الى مظهر المنتدى > الصور و الألوان > الوان > ورقة تصميم css
ضع هذا الكود مباشرة في الاسفل
الكود:
/***************** chatbox by طريق النجاح***********************/

.chat{
    width:50%;
    height:50vh;
    border:30px solid #1abc9c;
    border-radius:8px;
    position: fixed;
    bottom:0;
    right:20px;
    font-family: 'Cairo', sans-serif;
    z-index: 999;
    display:none;
    
}
.chat iframe{
    border:none;
    height:100%;
}
.chat h1{
    padding:0;
    margin:0;
    position:absolute;
    right:0;
    top:-55px;
    color:#2c3e50;
    font-size:35px;
}
.close{
    position:absolute;
    top:-45px;
    left:-25px;
    color:red;
    cursor:pointer;
    font-size:30px;
}
#open{
    width:50px;
    height:50px;
    position:fixed;
    right:20px;
    bottom:20px;
    cursor:pointer;
  z-index:999;
}


/***************** chatbox by طريق النجاح***********************/


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

البلد : الجزائر
الجنس : ذكر
المساهمات : 11354
نقاط النشاط : 13181

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Empty
مُساهمةموضوع: رد: بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )   بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Emptyالثلاثاء 19 مايو 2020 - 1:58

شكرا لك ، كود مميز


ينقل للقسم المناسب

أكواد التومبلايت Templates


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

البلد : العراق
الجنس : ذكر
المساهمات : 474
نقاط النشاط : 520

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Empty
مُساهمةموضوع: رد: بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )   بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Emptyالخميس 21 مايو 2020 - 0:15

مشكووور


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

البلد : العراق
الجنس : ذكر
المساهمات : 474
نقاط النشاط : 520

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Empty
مُساهمةموضوع: رد: بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )   بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Emptyالخميس 21 مايو 2020 - 0:26

طبعا تظهر عندي اسفل المنتدى في الصفحة الرئيسية
لكن في داخل المواضيع تظهر فوق الموضوع


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

البلد : الجزائر
الجنس : ذكر
المساهمات : 532
نقاط النشاط : 676

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Empty
مُساهمةموضوع: رد: بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )   بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Emptyالخميس 21 مايو 2020 - 0:29

@علاء العراقي الجريح كتب:
طبعا تظهر عندي اسفل المنتدى في الصفحة الرئيسية
لكن في داخل المواضيع تظهر فوق الموضوع

هل الكود راكب الان في منتداك ؟


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

البلد : العراق
الجنس : ذكر
المساهمات : 474
نقاط النشاط : 520

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Empty
مُساهمةموضوع: رد: بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )   بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Emptyالخميس 21 مايو 2020 - 0:40

@طريق النجاح كتب:
@علاء العراقي الجريح كتب:
طبعا تظهر عندي اسفل المنتدى في الصفحة الرئيسية
لكن في داخل المواضيع تظهر فوق الموضوع

هل الكود راكب الان في منتداك ؟
عندي منتدى تجريبي اجرب فيه عملي 
هذا
https://arrab.3oloum.com/


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

البلد : الجزائر
الجنس : ذكر
المساهمات : 532
نقاط النشاط : 676

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Empty
مُساهمةموضوع: رد: بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )   بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Emptyالخميس 21 مايو 2020 - 0:42

@علاء العراقي الجريح كتب:
@طريق النجاح كتب:
@علاء العراقي الجريح كتب:
طبعا تظهر عندي اسفل المنتدى في الصفحة الرئيسية
لكن في داخل المواضيع تظهر فوق الموضوع

هل الكود راكب الان في منتداك ؟
عندي منتدى تجريبي اجرب فيه عملي 
هذا
https://arrab.3oloum.com/

تأكد انك وضعت أكواد css اخي


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

البلد : العراق
الجنس : ذكر
المساهمات : 474
نقاط النشاط : 520

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Empty
مُساهمةموضوع: رد: بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )   بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Emptyالخميس 21 مايو 2020 - 0:50

نعم موجودة


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

البلد : العراق
الجنس : ذكر
المساهمات : 474
نقاط النشاط : 520

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Empty
مُساهمةموضوع: رد: بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )   بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Emptyالخميس 21 مايو 2020 - 0:54

تم الحل احسنت على الرد


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

البلد : الجزائر
الجنس : ذكر
المساهمات : 532
نقاط النشاط : 676

بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Empty
مُساهمةموضوع: رد: بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )   بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح by ) Emptyالخميس 21 مايو 2020 - 1:02

@علاء العراقي الجريح كتب:
تم الحل احسنت على الرد

مبروك اخي هل وجدت المشكلة في الكود ام واجهتك مشكلة في التركيب فقط ؟


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى (طريق النجاح by )
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
دليل الإشهار العربي :: منتدى تطوير المواقع والمنتديات :: تطوير المواقع و المنتديات :: قسم تطوير المواقع والمنتديات-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى دليل الإشهار العربي