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

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


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

علاء الجزائري

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

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

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


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

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


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

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

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

مشكووور


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

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

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

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


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

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

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

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

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


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

البلد : العراق
الجنس : ذكر
المساهمات : 467
نقاط النشاط : 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 اخي


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

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

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

نعم موجودة


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

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

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

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


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

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

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

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

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


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

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