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

دخول

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

more_horiz
بوكس شات رائع في جميع الصفحات حصريا على احلى منتدى  (طريق النجاح 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 طريق النجاح***********************/

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

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


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

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

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

more_horiz
مشكووور

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

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

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

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


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

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

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


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

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

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

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


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

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


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

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

more_horiz
نعم موجودة

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

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

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

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


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

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

more_horiz
شكرا لك على هذه الاضافة المميزة



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد

جميع الحقوق محفوظة لدليل الاشهار العربي