×

Не верь демонам

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

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

Вы здесь » Не верь демонам » 3 » КОНЦЕПТ

КОНЦЕПТ

Страница: 1

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

1

  • Автор: RebelFox
  • догорая
  • 1: Пропасть, в которую ты летишь, - ужасная пропасть, опасная. Тот, кто в нее падает, никогда не почувствует дна. Он падает, падает без конца.
  • RebelFox
  • Раса:
    Ведьма
  • Сообщений: 144
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    3 дня 6 часов
  • Последний визит:
    27-10-2024 05:45:13
  • Возраст:
  • Табличка:

МЕГА КОНЦЕПТ

0

2

  • Автор: RebelFox
  • догорая
  • 1: Пропасть, в которую ты летишь, - ужасная пропасть, опасная. Тот, кто в нее падает, никогда не почувствует дна. Он падает, падает без конца.
  • RebelFox
  • Раса:
    Ведьма
  • Сообщений: 144
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    3 дня 6 часов
  • Последний визит:
    27-10-2024 05:45:13
  • Возраст:
  • Табличка:

[html]<!DOCTYPE html>
<html>
<head>
  <style>
    /* Простой CSS для отображения картинок при наведении */
    .clickable {
      cursor: pointer;
      position: absolute;
      width: 50px;
      height: 50px;
      display: block;
    }

    /* CSS для сообщений */
    #message {
      position: fixed;
      bottom: 384px;
      right: 370px;
      background-color: #333;
      color: #fff;
      padding: 10px;
      border-radius: 6px;
      display: none;
    }
  </style>
</head>
<body>
<!-- Вставьте здесь ваши картинки с классом "clickable" и подсказкой -->
  <div class="clickable" style="margin-left: 10px; margin-top: 20px;">
   <img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="Тут тыква! Нажми!">
  </div>
 
  <div class="clickable" style="margin-left: 50px; margin-top: 100px;">
   <img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="Тут тыква! Нажми!">
  </div>
 
  <div class="clickable" style="margin-left: 150px; margin-top: 30px;">
   <img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="Тут тыква! Нажми!">
  </div>
 
  <div class="clickable" style="margin-left: 200px; margin-top: 120px;">
   <img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="Тут тыква! Нажми!">
  </div>
 
  <div class="clickable" style="margin-left: 80px; margin-top: 60px;">
   <img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="Тут тыква! Нажми!">
  </div>
 
  <div class="clickable" style="margin-left: 30px; margin-top: 150px;">
   <img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="Тут тыква! Нажми!">
  </div>
 
  <div class="clickable" style="margin-left: 180px; margin-top: 90px;">
   <img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="Тут тыква! Нажми!">
  </div>
 
  <div class="clickable" style="margin-left: 120px; margin-top: 180px;">
   <img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="Тут тыква! Нажми!">
  </div>
  <!-- Добавьте остальные картинки с соответствующими подсказками -->

  <!-- HTML-элемент для сообщений -->
<div id="message">
    <img src="https://forumstatic.ru/files/0015/5e/af/45998.png" style="float: left; margin-right: 10px;">
    <!-- Кнопка закрытия окна -->
    <span id="close-button" style="position: absolute; top: 2px; right: 5px; cursor: pointer;">&times;</span>
    <div id="message-content"></div>
  </div>

  <script type="text/javascript">
    // Проверяем, находимся ли мы на главной странице
    if (window.location.href === 'https://sureaboutthis.anihub.me/') {
      // Объявление переменных для отслеживания счетчика тыковок
      let totalClicks = 0;
      let dailyClicks = 0;
      const maxTotalClicks = 50; // Максимальное количество тыковок в общем
      const maxDailyClicks = 5;  // Максимальное количество тыковок в день

      // Находим все элементы с классом "clickable"
      const images = document.querySelectorAll('.clickable');

      // HTML-элемент для сообщений
      const messageElement = document.getElementById('message');
      const messageContent = document.getElementById('message-content');
      const closeButton = document.getElementById('close-button');

      // Функция для отображения сообщения
      function showMessage(message) {
        messageContent.innerHTML = message;
        messageElement.style.display = 'block';
      }

      // Функция для скрытия сообщения
      function hideMessage() {
        messageElement.style.display = 'none';
      }

      // Обработчик события для закрытия окна
      closeButton.addEventListener('click', hideMessage);

      // Функция для отображения картинки при наведении
      function showImage(event) {
        const image = event.target.querySelector('img');
        if (!image) return;
        if (image.style.display === 'block') return; // Проверяем, не видна ли уже
        image.style.display = 'block';
        totalClicks++; // Увеличиваем общий счетчик тыковок

        // Запускаем таймер для скрытия картинки через 5 секунд
        setTimeout(hideImage, 5000, image);
      }

      // Функция для скрытия картинки
      function hideImage(image) {
        if (image) {
          image.style.display = 'none';
         
        }
      }

      // Функция для блокировки всех тыковок
      function disableAllClickables() {
        for (let i = 0; i < images.length; i++) {
          images[i].style.display = 'none';
        }
      }

      // Присваиваем событие для каждой картинки
      for (let i = 0; i < images.length; i++) {
  images[i].addEventListener('mouseover', showImage);
  images[i].addEventListener('click', countClicksAndShowMessage);
}
let clickCount = 0;

function countClicksAndShowMessage() { 
  // Проверяем, если общий лимит достигнут, выводим сообщение и блокируем дальнейшие тыковки
  if (totalClicks >= maxTotalClicks) {
showMessage('Поздравляю! Все тыковки собраны, напиши администратору, приложив скриншот этого текста.');
disableAllClickables();
return;
  }

  // Проверяем, если сегодняшний лимит достигнут, выводим сообщение
  if (dailyClicks >= maxDailyClicks) {
showMessage('Все тыковки на сегодня собраны! Возвращайся завтра.');
return;
  }
  else {
dailyClicks++; // Увеличиваем счетчик тыковок за день
totalClicks++;
// Показываем сообщение
    showMessage(`Итак, у нас есть... сколько тыкв? Вижу, что ${dailyClicks}`);
  }
}
    }
  </script>
</body>
</html>
[/html]

0

Страница: 1

Вы здесь » Не верь демонам » 3 » КОНЦЕПТ

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