MediaWiki:Vector.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 12: | Line 12: | ||
var container = $('<div>') | var container = $('<div>') | ||
.attr('id', 'help-container') // Присваиваем контейнеру id | .attr('id', 'help-container') // Присваиваем контейнеру id | ||
. | .addClass('help-container'); // Добавляем класс, чтобы использовать стили из common.css | ||
// Создаем заголовок "Help" | // Создаем заголовок "Help" | ||
var helpHeader = $('<h3>') | var helpHeader = $('<h3>') | ||
.text('Help') // Заголовок | .text('Help') // Заголовок | ||
. | .addClass('help-header'); // Добавляем класс для заголовка | ||
// Добавляем заголовок в контейнер | // Добавляем заголовок в контейнер | ||
Line 47: | Line 37: | ||
var image = $('<img>') | var image = $('<img>') | ||
.attr('src', randomImage) // Устанавливаем случайное изображение | .attr('src', randomImage) // Устанавливаем случайное изображение | ||
. | .addClass('help-image'); // Добавляем класс для изображения | ||
// Добавляем изображение в контейнер | // Добавляем изображение в контейнер |
Revision as of 16:07, 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
.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);
}
});