XF 2.2 Как сделать обратный отсчёт в объявлении

Версия XenForo
v2.2.7 Patch 1

Tam1oka

Проверенные
Сообщения
405
Решения
3
Реакции
15
Баллы
75
Как сделать обратный отсчёт в объявлении
 
Решение
Заливаем папку SantaRun в корень, создаем объявление и туда пишем:
HTML:
<link rel="stylesheet" href="/SantaRun/css/style.css">

<div class="santa-run">   
    <div id="stars"></div>
    <div id="houses"></div>
    <div id="road"></div>
    <div id="moon"></div>
    <div id="trees-after"></div>
    <div id="path">
        <div id="santa"></div>
    </div>
    <div id="trees-before"></div>
    <div id="snow"></div>
    <div class="countdown-container">
        <div class="time">
            <h1 id="days">00</h1>
            <small>дней</small>
        </div>
        <div class="time">
            <h1 id="hours">00</h1>
            <small>часов</small>
        </div>
        <div class="time">
            <h1 id="minutes">00</h1>...
Заливаем папку SantaRun в корень, создаем объявление и туда пишем:
HTML:
<link rel="stylesheet" href="/SantaRun/css/style.css">

<div class="santa-run">   
    <div id="stars"></div>
    <div id="houses"></div>
    <div id="road"></div>
    <div id="moon"></div>
    <div id="trees-after"></div>
    <div id="path">
        <div id="santa"></div>
    </div>
    <div id="trees-before"></div>
    <div id="snow"></div>
    <div class="countdown-container">
        <div class="time">
            <h1 id="days">00</h1>
            <small>дней</small>
        </div>
        <div class="time">
            <h1 id="hours">00</h1>
            <small>часов</small>
        </div>
        <div class="time">
            <h1 id="minutes">00</h1>
            <small>минут</small>
        </div>
        <div class="time">
            <h1 id="seconds">00</h1>
            <small>секунд</small>
        </div>
    </div>               
</div>

<script src="/SantaRun/js/script.js"></script>

Запись_2021_12_27_17_45_55_257.gif
 

Вложения

  • SantaRun.zip
    411 KB · Просмотры: 30
Последнее редактирование модератором:
Можно еще добавить, Другой, используя своё имя CSS-класса: santa--run и под
HTML:
<link rel="stylesheet" href="/SantaRun/css/style.css">
HTML:
<style>
    .notice.santa--run .notice-content {
        padding: 0;
    }
    .notice.santa--run .notice-content .santa-run {
        margin: 0 auto;
    }   
</style>
 
так пусть сами делают тогда))))
OFFTOP

Передам?, а то просят сделай, сделай А как без доступа ?!



Всем спасибо за помощь!
OFFTOP

Данные дали:) закину и всё



Заливаем папку SantaRun в корень, создаем объявление и туда пишем:
HTML:
<link rel="stylesheet" href="/SantaRun/css/style.css">

<div class="santa-run">  
    <div id="stars"></div>
    <div id="houses"></div>
    <div id="road"></div>
    <div id="moon"></div>
    <div id="trees-after"></div>
    <div id="path">
        <div id="santa"></div>
    </div>
    <div id="trees-before"></div>
    <div id="snow"></div>
    <div class="countdown-container">
        <div class="time">
            <h1 id="days">00</h1>
            <small>дней</small>
        </div>
        <div class="time">
            <h1 id="hours">00</h1>
            <small>часов</small>
        </div>
        <div class="time">
            <h1 id="minutes">00</h1>
            <small>минут</small>
        </div>
        <div class="time">
            <h1 id="seconds">00</h1>
            <small>секунд</small>
        </div>
    </div>              
</div>

<script src="/SantaRun/js/script.js"></script>

Посмотреть вложение 134695
Что если сделать всё но не закидовать файл
 
Последнее редактирование модератором:
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу