MediaWiki:Vector.js: Difference between revisions

From TwentyOneWiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 6: Line 6:
// Дождемся полной загрузки страницы
// Дождемся полной загрузки страницы
$(document).ready(function() {
$(document).ready(function() {
     // Найдем элемент Sidebar (в Vector skin это обычно div с классом 'vector-menu-portal')
     // Найдем элемент Sidebar (в Vector skin это обычно div с id 'p-tb')
     var sidebar = $('#p-tb'); // Это стандартный id для Sidebar в Vector skin
     var sidebar = $('#p-tb'); // Стандартный id для Sidebar в Vector skin


     if (sidebar.length) {
     if (sidebar.length) {
         // Создаем новый элемент div для текста
         // Создаем контейнер div
        var container = $('<div>')
            .attr('id', 'help-container')  // Присваиваем контейнеру id
            .css({
                'background-color': '#000', // Черный фон для контраста
                'padding': '10px',          // Внутренний отступ для контейнера
                'margin-top': '10px',      // Отступ сверху
                'text-align': 'center'      // Центрирование содержимого
            });
 
        // Создаем текст внутри контейнера
         var helpText = $('<div>')
         var helpText = $('<div>')
             .text('Help us!!')       // Добавляем текст
             .text('Help us!!')           // Добавляем текст
             .css({
             .css({
                 'color': '#fff',     // Белый цвет текста
                 'color': '#fff',         // Белый цвет текста
                 'text-align': 'center', // Центрируем текст
                 'font-size': '16px',     // Размер шрифта
                 'margin-top': '10px'   // Добавляем отступ сверху
                 'font-weight': 'bold'     // Жирный шрифт
             });
             });


         // Вставляем текст после Sidebar
        // Добавляем текст в контейнер
         sidebar.after(helpText);
        container.append(helpText);
 
         // Вставляем контейнер после Sidebar
         sidebar.after(container);
     }
     }
});
});

Revision as of 13:25, 20 October 2024

$(document).ready(function() {
    var newItem = $('<li class="personal-version" title="Version October 2024"><a href="/index.php?title=MediaWiki:Blog" style="text-decoration: none; color: inherit;">Version: Beta 5.1</a><hr style="display:inline-block; height: 20px; bottom: 2px; width: 1px; background: linear-gradient(to bottom, #DDD7CC, #702114); border: none; margin-left: 10px; vertical-align: middle;"></li>');
    $('#p-personal > div > ul').prepend(newItem); // Добавляем элемент первым в списке навигации
});

// Дождемся полной загрузки страницы
$(document).ready(function() {
    // Найдем элемент Sidebar (в Vector skin это обычно div с id 'p-tb')
    var sidebar = $('#p-tb'); // Стандартный id для Sidebar в Vector skin

    if (sidebar.length) {
        // Создаем контейнер div
        var container = $('<div>')
            .attr('id', 'help-container')  // Присваиваем контейнеру id
            .css({
                'background-color': '#000', // Черный фон для контраста
                'padding': '10px',          // Внутренний отступ для контейнера
                'margin-top': '10px',       // Отступ сверху
                'text-align': 'center'      // Центрирование содержимого
            });

        // Создаем текст внутри контейнера
        var helpText = $('<div>')
            .text('Help us!!')            // Добавляем текст
            .css({
                'color': '#fff',          // Белый цвет текста
                'font-size': '16px',      // Размер шрифта
                'font-weight': 'bold'     // Жирный шрифт
            });

        // Добавляем текст в контейнер
        container.append(helpText);

        // Вставляем контейнер после Sidebar
        sidebar.after(container);
    }
});