s t r a n g e r s

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » s t r a n g e r s » claim the cursed » календарь


календарь

Сообщений 1 страница 3 из 3

1

[html]<center><div class="calendar2"
     data-month="10"
     data-year="2026"
     style="
       --c2-bg-image: url('https://upforme.ru/uploads/001c/7f/88/2/260156.png');
       --c2-main-photo: url('https://upforme.ru/uploads/001c/7f/88/2/318069.jpg');
       --c2-block: rgba(216, 164, 24, 0.92);
       --c2-text: #171717;
       --c2-marker: #7c5724;
     ">

  <div class="calendar2__grid">

    <div class="calendar2__left">

      <div class="calendar2__panel calendar2__month">
        <div class="calendar2__month-title"></div>
      </div>

      <div class="calendar2__panel calendar2__calendar">
        <div class="calendar2__weekdays">
          <div class="calendar2__weekday">пн</div>
          <div class="calendar2__weekday">вт</div>
          <div class="calendar2__weekday">ср</div>
          <div class="calendar2__weekday">чт</div>
          <div class="calendar2__weekday">пт</div>
          <div class="calendar2__weekday">сб</div>
          <div class="calendar2__weekday">вс</div>
        </div>

        <div class="calendar2__dates"></div>
      </div>

    </div>

    <div class="calendar2__right">

      <div class="calendar2__photo">
        <div class="calendar2__photo-frame">
          <div class="calendar2__photo-image"></div>
        </div>
      </div>

      <div class="calendar2__panel calendar2__dayinfo">
        <div class="calendar2__today-title">сегодня:</div>
        <div class="calendar2__dayinfo-date"></div>
        <div class="calendar2__dayinfo-text">
          <ul>
            <li>Выберите дату в календаре слева.</li>
            <li>Здесь появятся события выбранного дня.</li>
          </ul>
        </div>
      </div>

    </div>

  </div>

  <div class="calendar2__data">
{
  "1": {
    "photo": "",
    "text": "Начало месяца.|Первые сюжетные эпизоды."
  },
  "13": {
    "photo": "https://upforme.ru/uploads/001c/7f/88/2/774291.jpg",
    "text": "Городское мероприятие.|Возможны массовые эпизоды."
  },
  "31": {
    "photo": "https://upforme.ru/uploads/001c/7f/88/2/227681.jpg",
    "text": "Хэллоуин.|Большой костюмированный бал в Найт Маунт."
  }
}
  </div>

</div></center>[/html]

+1

2

шаблон

Код:
[html]<center>
<div class="calendar2"
     data-month="указать месяц цифрой"  
     data-year="указать год" 
     style="
       --c2-bg-image: url('https://i.pinimg.com/736x/dc/aa/2e/dcaa2e9ea59387069ea2762fd55ede72.jpg'); /* МЕНЯТЬ ТУТ: фоновая картинка */
       --c2-main-photo: url('https://i.pinimg.com/736x/ae/94/79/ae9479ea366c82839cbd8844694d324e.jpg'); /* МЕНЯТЬ ТУТ: основное фото справа */
       --c2-block: rgba(11, 32, 64, 0.87); /* МЕНЯТЬ ТУТ: цвет блоков */
       --c2-text: #ffffff; /* МЕНЯТЬ ТУТ: цвет текста */
       --c2-muted: #ffffff;  /* МЕНЯТЬ ТУТ: цвет текста в блоке сегодня*/
       --c2-marker: #3d4d66; /* МЕНЯТЬ ТУТ: цвет рамки выбранной даты */
     ">

  <div class="calendar2__grid">

    <div class="calendar2__left">

      <div class="calendar2__panel calendar2__month">
        <div class="calendar2__month-title"></div>
      </div>


      <div class="calendar2__panel calendar2__calendar">
        <div class="calendar2__weekdays">
     
          <div class="calendar2__weekday">пн</div>
          <div class="calendar2__weekday">вт</div>
          <div class="calendar2__weekday">ср</div>
          <div class="calendar2__weekday">чт</div>
          <div class="calendar2__weekday">пт</div>
          <div class="calendar2__weekday">сб</div>
          <div class="calendar2__weekday">вс</div>
        </div>

        <div class="calendar2__dates"></div>
      </div>

    </div>

    <div class="calendar2__right">

      <div class="calendar2__photo">
        <div class="calendar2__photo-frame">
          <div class="calendar2__photo-image"></div>
        </div>
      </div>

      <div class="calendar2__panel calendar2__dayinfo">
        <div class="calendar2__today-title">сегодня:</div>
        <div class="calendar2__dayinfo-date"></div>
        <div class="calendar2__dayinfo-text">
          <ul>
            <li>чуди сам</li>
            <li>отправь чудить другого</li>
          </ul>
        </div>
      </div>

    </div>

  </div>

  <div class="calendar2__data">
{
  "3": {
    "photo": "https://i.pinimg.com/736x/da/19/f0/da19f01bf4dc2c07f4f3e8ec42709972.jpg",
    "text": "чемпионат Найт Маунт по горным лыжам и сноуборду."
  },
  "5": {
    "photo": "",
    "text": "благотворительная ярмарка на городской площади."
  },
  "24": {
    "photo": "https://i.pinimg.com/1200x/ea/88/71/ea88716cc10c2a5ab769d5f7dc0f5713.jpg",
    "text": "рождественский сочельник.| благотворительные утренние заезды на горнолыжном курорте."
    },
  "25": {
    "photo": "https://i.pinimg.com/1200x/54/59/54/545954955a78f8e337641da50ed4acd7.jpg",
    "text": "Рождество.| Праздничная служба в городской церкви."
    }
}
  </div>

</div></center>[/html]
[hideprofile]

0

3

[html]<center>
<div class="calendar2"
     data-month="12" 
     data-year="2026"
     style="
       --c2-bg-image: url('https://i.pinimg.com/736x/dc/aa/2e/dcaa2e9ea59387069ea2762fd55ede72.jpg'); /* МЕНЯТЬ ТУТ: фоновая картинка */
       --c2-main-photo: url('https://i.pinimg.com/736x/ae/94/79/ae9479ea366c82839cbd8844694d324e.jpg'); /* МЕНЯТЬ ТУТ: основное фото справа */
       --c2-block: rgba(11, 32, 64, 0.87); /* МЕНЯТЬ ТУТ: цвет блоков */
       --c2-text: #ffffff; /* МЕНЯТЬ ТУТ: цвет текста */
       --c2-muted: #ffffff;  /* МЕНЯТЬ ТУТ: цвет текста в блоке сегодня*/
       --c2-marker: #3d4d66; /* МЕНЯТЬ ТУТ: цвет рамки выбранной даты */
     ">

  <div class="calendar2__grid">

    <div class="calendar2__left">

      <div class="calendar2__panel calendar2__month">
        <div class="calendar2__month-title"></div>
      </div>

      <div class="calendar2__panel calendar2__calendar">
        <div class="calendar2__weekdays">
     
          <div class="calendar2__weekday">пн</div>
          <div class="calendar2__weekday">вт</div>
          <div class="calendar2__weekday">ср</div>
          <div class="calendar2__weekday">чт</div>
          <div class="calendar2__weekday">пт</div>
          <div class="calendar2__weekday">сб</div>
          <div class="calendar2__weekday">вс</div>
        </div>

        <div class="calendar2__dates"></div>
      </div>

    </div>

    <div class="calendar2__right">

      <div class="calendar2__photo">
        <div class="calendar2__photo-frame">
          <div class="calendar2__photo-image"></div>
        </div>
      </div>

      <div class="calendar2__panel calendar2__dayinfo">
        <div class="calendar2__today-title">сегодня:</div>
        <div class="calendar2__dayinfo-date"></div>
        <div class="calendar2__dayinfo-text">
          <ul>
            <li>чуди сам</li>
            <li>отправь чудить другого</li>
          </ul>
        </div>
      </div>

    </div>

  </div>

  <div class="calendar2__data">
{
  "3": {
    "photo": "https://i.pinimg.com/736x/da/19/f0/da19f01bf4dc2c07f4f3e8ec42709972.jpg",
    "text": "чемпионат Найт Маунт по горным лыжам и сноуборду."
  },
  "5": {
    "photo": "",
    "text": "благотворительная ярмарка на городской площади."
  },
  "24": {
    "photo": "https://i.pinimg.com/1200x/ea/88/71/ea88716cc10c2a5ab769d5f7dc0f5713.jpg",
    "text": "рождественский сочельник.| благотворительные утренние заезды на горнолыжном курорте."
    },
  "25": {
    "photo": "https://i.pinimg.com/1200x/54/59/54/545954955a78f8e337641da50ed4acd7.jpg",
    "text": "Рождество.| Праздничная служба в городской церкви."
    }
}
  </div>

</div></center>[/html]

+2


Вы здесь » s t r a n g e r s » claim the cursed » календарь


Рейтинг форумов | Создать форум бесплатно