Шаблон:Main page/navigation: различия между версиями

ВизуальныйВики-текст

Версия от 00:10, 26 октября 2025

Message_documentation_title[view][edit][history][purge]

message_transclude_desc

Файл:WikimediaUI-Palette.svg

This template is used on the main page. It is the navigation section that includes the buttons to portal pages.

@@ Строка 1: / Строка 1: @@
 <div id="home-nav" class="home-grid" role="navigation">
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('File:Newbies Index.png');"></div>
+     <div class="home-card__background">
+      [[File:Newbies Index.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Новичкам|Новичкам →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('File:Rules Index.png');"></div>
+     <div class="home-card__background">
+      [[File:Rules Index.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Правила|Правила →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('Файл:Пушки2.png');"></div>
+     <div class="home-card__background">
+      [[Файл:Пушки2.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Оружие|Оружие →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('File:Maps Index.png');"></div>
+     <div class="home-card__background">
+      [[File:Maps Index.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Таблица_навыков|Навыки →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('Файл:Роли2.png');"></div>
+     <div class="home-card__background">
+      [[Файл:Роли2.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Роли|Роли →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('Файл:Лор.png');"></div>
+     <div class="home-card__background">
+      [[Файл:Лор.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Лор|Лор →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('Файл:СРП3.png');"></div>
+     <div class="home-card__background">
+      [[Файл:СРП3.png|300px]]
+    </div>
      <div class="home-card__foreground">[[СРП|СРП →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('File:Law Index.png');"></div>
+     <div class="home-card__background">
+      [[File:Law Index.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Корпоративный Закон|Закон (КЗ) →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('Файл:Контра2.png');"></div>
+     <div class="home-card__background">
+      [[Файл:Контра2.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Контрабанда|Контрабанда →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('Файл:Бумажная.png');"></div>
+     <div class="home-card__background">
+      [[Файл:Бумажная.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Бумажная работа|Бумажная работа →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('Файл:Цели_станции.png');"></div>
+     <div class="home-card__background">
+      [[Файл:Цели_станции.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Цели станции|Цели станции →]]</div>
    </div>
    <div class="home-card home-card--button home-card--button--navigation">
-     <div class="home-card__background" style="background-image: url('Файл:Режимы.png');"></div>
+     <div class="home-card__background">
+      [[Файл:Режимы.png|300px]]
+    </div>
      <div class="home-card__foreground">[[Рецепты и гайды|Рецепты и гайды →]]</div>
    </div>
@@ Строка 70: / Строка 93: @@
 .home-card__background {
 	position: relative;
-	z-index: 0;
+	border-radius: 8px;
 	overflow: hidden;
-	border-radius: 8px;
-	background-size: cover;
-	background-position: center;
-	width: 300px; /* под размер картинки */
-	height: 200px;
 }
-.home-card__background:before {
+.home-card__background img {
+	display: block;
+	width: 100%;
+	height: auto;
+}
+/* Свечение поверх картинки */
+.home-card__background:after {
 	content: "";
 	position: absolute;
@@ Строка 89: / Строка 114: @@
 	box-shadow: 0 0 25px 10px rgba(0, 180, 255, 0.4);
 	border-radius: 8px;
+	pointer-events: none;
 	z-index: 0;
-	pointer-events: none;
+	transition: box-shadow 0.3s ease;
-	transition: box-shadow 0.3s ease, transform 0.3s ease;
 }
+/* Текст поверх всего */
 .home-card__foreground {
 	position: absolute;
@@ Строка 99: / Строка 125: @@
 	left: 50%;
 	transform: translate(-50%, -50%);
-	z-index: 1;
 	color: white;
 	font-weight: 500;
 	text-align: center;
+	z-index: 1;
 }
-.home-card__background:hover:before {
+/* Усиление свечения при наведении */
+.home-card__background:hover:after {
 	box-shadow: 0 0 50px 20px rgba(0, 180, 255, 0.6);
-	transform: scale(1.05);
 }
 }}