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); // Добавляем элемент первым в списке навигации
});
$(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 helpHeader = $('<h2>') // Используем элемент h2 для заголовка
.text('Help') // Заголовок
.css({
'color': '#000', // Цвет текста
'font-size': '18px', // Размер шрифта
'font-weight': 'bold' // Жирный шрифт
});
// Массив с путями к изображениям
var images = [
'/images/5/52/10.14.2009.jpg',
'/images/6/66/Friends_from_FC_29_Dec_2009.jpg'
];
// Выбираем случайное изображение
var randomImage = images[Math.floor(Math.random() * images.length)];
// Создаем элемент изображения
var image = $('<img>')
.attr('src', randomImage) // Устанавливаем случайное изображение
.css({
'width': '50px', // Ширина изображения
'height': '50px', // Высота изображения
'margin-top': '10px', // Отступ сверху
'display': 'block', // Обязательно, чтобы центрировать
'margin-left': 'auto', // Центрирование
'margin-right': 'auto' // Центрирование
});
// Добавляем заголовок и изображение в контейнер
container.append(helpHeader);
container.append(image);
// Вставляем контейнер после Sidebar
sidebar.after(container);
}
});