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
.addClass('help-container'); // Добавляем класс, чтобы использовать стили из common.css
// Создаем заголовок "Help"
var helpHeader = $('<h3>')
.text('Help') // Заголовок
.addClass('help-header'); // Добавляем класс для заголовка
// Добавляем заголовок в контейнер
container.append(helpHeader);
// Добавляем горизонтальную линию
container.append('<hr>');
// Массив с путями к изображениям
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) // Устанавливаем случайное изображение
.addClass('help-image'); // Добавляем класс для изображения
// Добавляем изображение в контейнер
container.append(image);
// Вставляем контейнер после Sidebar
sidebar.after(container);
}
});