MediaWiki:Vector.js: Difference between revisions

From TwentyOneWiki
Jump to navigation Jump to search
No edit summary
Tag: Manual revert
No edit summary
Line 4: Line 4:
});
});


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


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


         // Создаем текст внутри контейнера
         // Вставляем в контейнер только текст или HTML без шаблонов
         var helpText = $('<div>')
         var customHTML = `
             .text('Help us!!')            // Добавляем текст
        <div style="text-align:center;">
            .css({
             <span style="padding:1.5em 1.5em; text-align:center;">
                'color': '#000',          // Цвет текста
                Здесь может быть статический контент или другой HTML, но без MediaWiki шаблонов.
                'font-size': '16px',      // Размер шрифта
             </span>
                'font-weight': 'bold'    // Жирный шрифт
         </div>`;
            });
 
        // Создаем элемент изображения
        var image = $('<img>')
            .attr('src', '/images/6/66/Friends_from_FC_29_Dec_2009.jpg')  // Путь к изображению
             .css({
                'width': '200px',         // Ширина изображения
                'height': '200px',        // Высота изображения
                'margin-top': '10px'      // Отступ сверху
            });


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


         // Вставляем контейнер после Sidebar
         // Вставляем контейнер после Sidebar

Revision as of 15:03, 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() {
    var sidebar = $('#p-tb'); // Элемент Sidebar

    if (sidebar.length) {
        // Создаем контейнер div
        var container = $('<div>')
            .attr('id', 'help-container')  
            .css({
                'background-color': '#DDD7CC',
                'padding': '10px',
                'margin-top': '10px',
                'text-align': 'center',
                'font-family': '\'MyCustomFont2\', sans-serif'
            });

        // Вставляем в контейнер только текст или HTML без шаблонов
        var customHTML = `
        <div style="text-align:center;">
            <span style="padding:1.5em 1.5em; text-align:center;">
                Здесь может быть статический контент или другой HTML, но без MediaWiki шаблонов.
            </span>
        </div>`;

        container.append(customHTML);

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