Перейти к содержанию

Главная страница: различия между версиями

Материал из thedimas Wiki
[непроверенная версия][досмотренная версия]
создание двух кнопок с блоком
Перемещение кнопок в главный блок, добавление новых кнопок
 
(не показано 5 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="main-block">
  <h1>Добро пожаловать на thedimas Wiki!</h1>
  <p>Сайт создан с целью развить сообщество игроков проекта. Вы можете редактировать статьи и быть частью нас.</p>
  <p>Главная задача сайта, сохранять в себе информацию о сервере и обо всём, что с ним связано. Нажмите на поиск, введите желаемую статью, если она отсутствует - вы можете помочь нам создав и заполнив её.</p>
</div>


<html>
<html>
   <head>
   <head>
     <style>
     <style>
      /* Стили для блока с кнопками */
       .main-block {
       .article-block {
          border: 2px solid #ccc;
        text-align: center;
          padding: 20px;
        padding: 20px;
          background-color: #f9f9f9;
        background: #f8f9fa; /* светло-серый фон */
          margin: 20px auto;
        border: 1px solid #ddd;
          max-width: 800px;
        border-radius: 8px;
          text-align: center;
        margin: 20px 0;
          box-shadow: 0 0 10px rgba(0,0,0,0.1);
          border-radius: 8px;
          font-family: "Helvetica Neue", Arial, sans-serif;
       }
       }
       .article-block p {
       .main-block h2 {
        font-size: 18px;
          font-size: 2em;
        margin-bottom: 15px;
          color: #333;
        color: #333;
          margin-bottom: 15px;
       }
       }
       .article-block .btn {
       .main-block p {
        display: inline-block;
          font-size: 1.125em;
        padding: 10px 20px;
          color: #444;
        margin: 5px;
          margin-bottom: 20px;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        background-color: #3366cc; /* синий цвет, похожий на стандартный стиль MediaWiki */
        border: none;
        border-radius: 5px;
        text-decoration: none;
        transition: background-color 0.3s ease;
       }
       }
       .article-block .btn:hover {
       .button-row {
        background-color: #254b8a;
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          gap: 10px;
      }
      .mw-ui-button {
          display: inline-block;
          padding: 0.8em 1.5em;
          border: 1px solid #a2a9b1;
          border-radius: 2px;
          background-color: #f8f9fa;
          color: #202122;
          font-size: 1.125em;
          font-weight: 600;
          text-decoration: none;
          cursor: pointer;
          transition: background-color 0.3s ease, transform 0.2s;
      }
      .mw-ui-button:hover {
          background-color: #fff;
          border-color: #a2a9b1;
          transform: translateY(-2px);
       }
       }
     </style>
     </style>
   </head>
   </head>
   <body>
   <body>
     <div class="article-block">
     <div class="main-block">
       <p>Вы можете создать статью</p>
      <h2>Добро пожаловать на thedimas Wiki!</h2>
       <a class="btn" href="/index.php?title=Новая_статья&action=edit">Создать статью</a>
       <p>
      <a class="btn" href="/index.php?title=Правила">Правила</a>
        Сайт создан с целью развить сообщество игрового проекта. Вы можете редактировать статьи и быть частью нас.
      </p>
      <p>Главная задача сайта – сохранять информацию о сервере и всём, что с ним связано. Если нужная статья отсутствует, вы можете помочь создать её.</p>
       <div class="button-row">
        <a class="mw-ui-button" href="/index.php?title=Правила_сайта">Правила</a>
        <a class="mw-ui-button" href="/index.php?title=Special:CreatePage">Создать статью</a>
        <a class="mw-ui-button" href="/index.php?title=Категория:Статьи">Все статьи</a>
      </div>
     </div>
     </div>
   </body>
   </body>
</html>
</html>

Текущая версия от 12:30, 11 марта 2025

Добро пожаловать на thedimas Wiki!

Сайт создан с целью развить сообщество игрового проекта. Вы можете редактировать статьи и быть частью нас.

Главная задача сайта – сохранять информацию о сервере и всём, что с ним связано. Если нужная статья отсутствует, вы можете помочь создать её.