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

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

طريق النجاح
طريق النجاح
 
البلد : الجزائر
الجنس : ذكر
المساهمات : 527
نقاط النشاط : 669
تمت المشاركة في الأحد 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 طريق النجاح***********************/





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

علاء الجزائري
علاء الجزائري
أسطورة الإشهار

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

تمت المشاركة في الثلاثاء 19 مايو 2020 - 1:58
توقيع : علاء الجزائري


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

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

علاء العراقي الجريح
علاء العراقي الجريح
فريق الإشهار
البلد : العراق
الجنس : ذكر
المساهمات : 459
نقاط النشاط : 513
تمت المشاركة في الخميس 21 مايو 2020 - 0:15
توقيع : علاء العراقي الجريح


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

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

علاء العراقي الجريح
علاء العراقي الجريح
فريق الإشهار
البلد : العراق
الجنس : ذكر
المساهمات : 459
نقاط النشاط : 513
تمت المشاركة في الخميس 21 مايو 2020 - 0:26

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




توقيع : علاء العراقي الجريح


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

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

طريق النجاح
طريق النجاح
 
البلد : الجزائر
الجنس : ذكر
المساهمات : 527
نقاط النشاط : 669
تمت المشاركة في الخميس 21 مايو 2020 - 0:29

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

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




توقيع : طريق النجاح


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

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

علاء العراقي الجريح
علاء العراقي الجريح
فريق الإشهار
البلد : العراق
الجنس : ذكر
المساهمات : 459
نقاط النشاط : 513
تمت المشاركة في الخميس 21 مايو 2020 - 0:40

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

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




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

طريق النجاح
طريق النجاح
 
البلد : الجزائر
الجنس : ذكر
المساهمات : 527
نقاط النشاط : 669
تمت المشاركة في الخميس 21 مايو 2020 - 0:42

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

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

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




توقيع : طريق النجاح


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

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

علاء العراقي الجريح
علاء العراقي الجريح
فريق الإشهار
البلد : العراق
الجنس : ذكر
المساهمات : 459
نقاط النشاط : 513
تمت المشاركة في الخميس 21 مايو 2020 - 0:50
توقيع : علاء العراقي الجريح


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

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

علاء العراقي الجريح
علاء العراقي الجريح
فريق الإشهار
البلد : العراق
الجنس : ذكر
المساهمات : 459
نقاط النشاط : 513
تمت المشاركة في الخميس 21 مايو 2020 - 0:54
توقيع : علاء العراقي الجريح


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

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

طريق النجاح
طريق النجاح
 
البلد : الجزائر
الجنس : ذكر
المساهمات : 527
نقاط النشاط : 669
تمت المشاركة في الخميس 21 مايو 2020 - 1:02

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

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




توقيع : طريق النجاح


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