Browser-Update.org

Moslashtiring va sinab ko'ring

Scriptni sinab ko'ring

Agar veb-saytingizni URL-ga qo'shilgan #test-bu -ni ochsangiz, satr doimo ko'rsatiladi. Masalan: http://browser-update.org/#test-bu . Sahifani URL-ni yangi brauzer yorlig'ida ochib, to'g'ri yuklanganiga ishonch hosil qiling. batafsil ma'lumot (o'zbek tilida)

Sozlash

Quyidagi variantlarni skriptga o'tkazish mumkin:

$buoop = {
    required: {i:8,f:25,o:17,s:9,c:22},
    // Kerakli brauzer versiyalarini belgilaydi
    // Bundan kattaroq brauzerlar xabardor qilinadi.
    // f:22 ---> Firefox < 22 xabardor qilinadi
    // Salbiy raqamlar hozirgi versiyaning orqasida qancha versiya borligini ko'rsatadi.
    // c:-5 ---> Chrome < 35  Chrome brauzerining so'nggi versiyasi 40 bo'lsa, bu haqida xabardor qilinadi.
    // batafsil ma'lumot (o'zbek tilida)
    
    reminder: 24,
    // Eslatma necha soatdan keyin paydo bo'lishi kerak
    // 0 = har doim ko'rsatish

    reminderClosed: 150,
    // agar foydalanuvchi "E'tibor bermaslik" ni bossa , u "x" soatdan keyin yana paydo bo'ladi

    onshow: function(infos){},
    onclick: function(infos){},
    onclose: function(infos){},
    // callback functions / bosilgan / yopilganidan keyin qo'ng'iroqni qaytarish funktsiyalari

    l: false,
    // xabar uchun sobit tilni o'rnatish, masalan. "uz". Bu standart aniqlashni bekor qiladi.

    test: false,
    // true = har doim panelni ko'rsatish (test holatida)

    text: "",
    // xabarnoma matni (html)
    // Joylashtiruvchilar {brow_name} brauzer nomi bilan almashtiriladi, {up_but} yangilash havolasi yorlig'i va {ignore_but} - e'tiborga olinmagan havola uchun tarkib.
    // Masalan: "Sizning brauzeringiz, {brow_name}, juda eski: siz  yangilashingiz  yoki  e'tibor bermasligingiz  mumkin."
    // batafsil ma'lumot (o'zbek tilida)

    text_in_xx: "",
    // "xx" tili uchun maxsus xabarnoma matni
    // masalan nemis tili uchun text_de va italyan uchun text_it, o'zbek tili uchun text_uz

    newwindow: true,
    // yangi oynada ochish / o'zi turgan sahifada havolani ochish

    url: null,
    // bildirishnomani bosgandan so'ng url-ga o'tish

    noclose:false,
    // Bildirishnomani yopish uchun "e'tibor bermaslik" tugmasini ko'rsatmang

    nomessage: false,
    // Brauzeringiz eskirgan bo'lsa, xabarni ko'rsatmang, onshow callback funktsiyasini chaqiring

    jsshowurl: "//browser-update.org/update.show.min.js",
    // Bildirishnomani ko'rsatadigan skript joylashgan manzil. Agar foydalanuvchi brauzeri eskirgan bo'lsa, shu sahifaga yo'naltiriladi.

    container: document.body,
    // DOM elementi, bu yerda xabarnoma yuboriladi.

    no_permanent_hide: false
    // Foydalanuvchiga xabarnomani butunlay yashirish imkoniyatini bermang

    api: xxx
    // Bu foydalanish uchun brauzerni yangilash api versiyasi. Iltimos, olib tashlamang.

};

Uslubni o'zgartiring

Quyidagi CSS kodlar xabarnomada qo'llaniladi. Siz ularni o'zingizning CSS-da qayta yozishingiz mumkin. Buni amalga oshirish uchun siz css-kodlariga biroz o'ziga xoslik qo'shishingiz kerak: masalan. body .buorg {font-size:20px}

    .buorg {
        position: absolute;
        position: fixed;
        z-index: 111111;
        width: 100%;
        top: 0px;
        left: 0px;
        border-bottom: 1px solid #A29330;
        text-align: center;
        color: #000;
        background-color: #fff8ea;
        font: 18px Calibri, Helvetica, sans-serif;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        animation: 1s ease-out 0s buorgfly
    }

    .buorg-pad {
        padding: 9px;
        line-height: 1.7em;
    }

    .buorg-buttons {
        display: block;
        text-align: center;
    }

    #buorgig, #buorgul, #buorgpermanent {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
        padding: 1px 10px;
        border-radius: 4px;
        font-weight: normal;
        background: #5ab400;
        white-space: nowrap;
        margin: 0 2px;
        display: inline-block;
    }

    #buorgig {
        background-color: #edbc68;
    }

    @media only screen and (max-width: 700px) {
        .buorg div {
            padding: 5px 12px 5px 9px;
            line-height: 1.3em;
        }
    }

    @keyframes buorgfly {
        from {
            opacity: 0;
            transform: translateY(-50px)
        }
        to {
            opacity: 1;
            transform: translateY(0px)
        }
    }

    .buorg-fadeout {
        transition: visibility 0s 8.5s, opacity 8s ease-out .5s;
    }

    .buorg-icon {
        width: 22px;
        height: 16px;
        vertical-align: middle;
        position: relative;
        top: -0.05em;
        display: inline-block;
        background: no-repeat 0px center;
    }