Шаблон:Hover: различия между версиями
Als (обсуждение | вклад) Нет описания правки |
Als (обсуждение | вклад) Нет описания правки |
||
| Строка 24: | Строка 24: | ||
* По умолчанию отображается [[File:Example.jpg|200px]]. | * По умолчанию отображается [[File:Example.jpg|200px]]. | ||
* При наведении заменяется на [[File:Hover_Example.jpg|200px]]. | * При наведении заменяется на [[File:Hover_Example.jpg|200px]]. | ||
{{Hover|[[File:Example.jpg|200px]]|[[File:Hover_Example.jpg|200px]]}} | |||
=== С текстом === | === С текстом === | ||
| Строка 33: | Строка 35: | ||
* По умолчанию видно: "Наведи на меня". | * По умолчанию видно: "Наведи на меня". | ||
* При наведении появляется: "А вот и я!". | * При наведении появляется: "А вот и я!". | ||
{{Hover|Наведи на меня|А вот и я!}} | |||
=== С дополнительным текстом (До/После) === | === С дополнительным текстом (До/После) === | ||
| Строка 41: | Строка 45: | ||
Результат: | Результат: | ||
( [изображение] ) → при наведении ( [другое изображение] ) | ( [изображение] ) → при наведении ( [другое изображение] ) | ||
{{Hover|До=( |[[File:Example.jpg|150px]]|[[File:Hover_Example.jpg|150px]]|После= )}} | |||
== Примечания == | == Примечания == | ||
Версия от 11:18, 4 августа 2025
Шаблон позволяет заменить изображение или текст при наведении курсора мыши.
Как использовать
Вставьте шаблон в формате:
{{Hover|Первоначальное содержимое|Содержимое при наведении|До=|После=}}
- Первоначальное содержимое — то, что видно по умолчанию (например, изображение или текст).
- Содержимое при наведении — то, что появится при наведении курсора.
- Необязательные параметры:
- До= — текст или элементы перед контейнером.
- После= — текст или элементы после контейнера.
Примеры
С изображениями
Код:
{{Hover|[[File:Example.jpg|200px]]|[[File:Hover_Example.jpg|200px]]}}
Что делает:
- По умолчанию отображается Файл:Example.jpg.
- При наведении заменяется на Файл:Hover Example.jpg.
Файл:Example.jpgФайл:Hover Example.jpg
С текстом
Код:
{{Hover|Наведи на меня|А вот и я!}}
Что делает:
- По умолчанию видно: "Наведи на меня".
- При наведении появляется: "А вот и я!".
Наведи на меняА вот и я!
С дополнительным текстом (До/После)
Код:
{{Hover|До=( |[[File:Example.jpg|150px]]|[[File:Hover_Example.jpg|150px]]|После= )}}
Результат: ( [изображение] ) → при наведении ( [другое изображение] )
(Файл:Example.jpgФайл:Hover Example.jpg)
Примечания
- Убедитесь, что файлы существуют в вики.
- Можно использовать любые валидные вики-элементы: ссылки, кнопки, иконки и т.д.
- Работает в браузерах, поддерживающих CSS :hover (все современные).
{{{1}}}{{{2}}}