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

Материал из SS220 SS14 WIKI
ВизуальныйВики-текст
Нет описания правки
Нет описания правки
Метка: отменено
Строка 1: Строка 1:


<div id="home-nav" class="home-grid" role="navigation">
<div id="home-nav" class="home-grid" role="navigation">
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-ships">
 
<div class="home-card__background">[[File:Newbies Index.png|300px|link=Новичкам]]
  <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__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__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__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__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__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__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__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__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__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__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__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__foreground">[[Рецепты и гайды|Рецепты и гайды →]]</div>
  </div>
 
</div>
</div>
<div class="home-card__foreground">[[Новичкам|Новичкам →]]</div>
 
</div>
<templatestyles src="Template:Main_page/navigation/styles.css"/>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Components">
<noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>
<div class="home-card__background">[[File:Rules Index.png|300px|link=Правила]]</div>
<div class="home-card__foreground">[[Правила|Правила →]]</div>
</div>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Commodities">
<div class="home-card__background">[[Файл:Пушки2.png|300px|link=Оружие]]</div>
<div class="home-card__foreground">[[Оружие|Оружие →]]</div>
</div>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Equipment">
<div class="home-card__background">[[File:Maps Index.png|300px|link=Таблица_навыков]]</div>
<div class="home-card__foreground">[[Таблица_навыков| Навыки →]]</div>
</div>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Locations">
<div class="home-card__background">[[Файл:Роли2.png|300px|link=Роли]]</div>
<div class="home-card__foreground">[[Роли|Роли →]]</div>
</div>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Factions">
<div class="home-card__background">[[Файл:Лор.png|300px|link=Лор]]</div>
<div class="home-card__foreground">[[link=Лор|Лор →]]</div>
</div>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-AlienRaces">
<div class="home-card__background">[[Файл:СРП3.png|300px|link=СРП]]</div>
<div class="home-card__foreground">[[СРП|СРП →]]</div>
</div>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Characters">
<div class="home-card__background">[[File:Law Index.png|300px|link=Корпоративный Закон]]</div>
<div class="home-card__foreground">[[Корпоративный Закон|Закон (КЗ) →]]</div>
</div>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Lore">
<div class="home-card__background">[[Файл:Контра2.png|300px|link=Контрабанда]]</div>
<div class="home-card__foreground">[[Контрабанда|Контрабанда →]]</div>
</div>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Missions">
<div class="home-card__background">[[Файл:Бумажная.png|300px|link=Бумажная работа]]</div>
<div class="home-card__foreground">[[Бумажная работа|Бумажная работа →]]</div>
</div>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Development">
<div class="home-card__background">[[Файл:Цели_станции.png|300px|link=:Цели станции]]</div>
<div class="home-card__foreground">[[Цели станции|Цели станции →]]</div>
</div>
<div class="home-card home-card--button home-card--button--navigation" id="home-nav-Community">
<div class="home-card__background">[[Файл:Режимы.png|300px|link=:Рецепты и гайды]]</div>
<div class="home-card__foreground">[[Рецепты и гайды|Рецепты и гайды →]]</div>
</div>
</div>
<templatestyles src="Template:Main_page/navigation/styles.css"/><noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>


{{#css:
{{#css:
.home-card__background:after, .home-card__foreground{
.home-card__background {
position: relative;
z-index: 0;
overflow: hidden;
border-radius: 8px;
background-size: cover;
background-position: center;
width: 300px; /* под размер картинки */
height: 200px;
}
 
.home-card__background:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 180, 255, 0.05);
box-shadow: 0 0 25px 10px rgba(0, 180, 255, 0.4);
border-radius: 8px;
z-index: 0;
pointer-events: none;
pointer-events: none;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.home-card__foreground {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: white;
font-weight: 500;
text-align: center;
}
.home-card__background:hover:before {
box-shadow: 0 0 50px 20px rgba(0, 180, 255, 0.6);
transform: scale(1.05);
}
}
}}
}}

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

Message_documentation_title[view][edit][history][purge]
message_transclude_desc
Файл:WikimediaUI-Palette.svg
message_styles

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


Источник — https://wiki.ss14.online/index.php?title=Шаблон:Main_page/navigation&oldid=6415