MediaWiki:Vector.js
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
$(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); // Добавляем элемент первым в списке навигации
});
// Дождемся полной загрузки страницы и добавим контейнер с текстом и изображением под Sidebar
$(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': '#DDD7CC', // Цвет фона
'padding': '10px', // Внутренний отступ для контейнера
'margin-top': '10px', // Отступ сверху
'text-align': 'center', // Центрирование содержимого
'font-family': '\'MyCustomFont2\', sans-serif' // Применение пользовательского шрифта
});
// Создаем текст внутри контейнера
var helpText = $('<div>')
.text('Help us!!') // Добавляем текст
.css({
'color': '#000', // Цвет текста
'font-size': '16px', // Размер шрифта
'font-weight': 'bold' // Жирный шрифт
});
// Создаем элемент изображения
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(helpText);
container.append(image);
// Вставляем контейнер после Sidebar
sidebar.after(container);
}
});