123
шаблон банк
Сообщений 1 страница 6 из 6
Поделиться22025-11-24 03:02:12
[html]
<div class="bank-wrapper">
<div class="bank-header">БАНК</div>
<div class='fit-header'> <span> банк </span> <div>чтобы примерить элемент оформления, необходимо кликнуть по нему. можно редактировать и оформлять личное звание - кликните на него. примеряйте градиенты, цвета и картинки плашке - и измените цвет, если он не подходит!
<br> обновления наполнения магазина будет происходить один раз в месяц </div> </div>
<div class="bank-grid">
<div class="bank-section" id="sect-earn">
<h3>Заработать</h3>
<div class="bank-list">
<!-------- минишаблончик для получения С ССЫЛКАМИ ----------------->
<div class="bank-item"
data-type="links"
data-price="200"
data-action="earn">
<span class="item-badge">200 фунтов</span>
<span class="item-text">Пост в игру (за каждый)</span>
</div>
<!-------- минишаблончик для получения С УКАЗАНИЕМ ЦИФРЫ ----------------->
<div class="bank-item"
data-type="calc"
data-price="1000"
data-action="earn">
<span class="item-badge">1000 фунтов</span>
<span class="item-text">Привел друга (кол-во)</span>
</div>
<!-------- минишаблончик для получения ПРОСТО ПОЛУЧИТЬ ПО КЛИКУ ----------------->
<div class="bank-item"
data-type="simple"
data-price="500"
data-action="earn">
<span class="item-badge">500 фунтов</span>
<span class="item-text">Анкета / Регистрация</span>
</div>
<div class="bank-item"
data-type="simple"
data-price="300"
data-action="earn">
<span class="item-badge">300 фунтов</span>
<span class="item-text">Заявка в нужные</span>
</div>
<div class="bank-item"
data-type="links"
data-price="200"
data-action="earn">
<span class="item-badge">200 фунтов</span>
<span class="item-text">Пост в игру (за каждый)</span>
</div>
<div class="bank-item"
data-type="calc"
data-price="1000"
data-action="earn">
<span class="item-badge">1000 фунтов</span>
<span class="item-text">Привел друга (кол-во)</span>
</div>
<div class="bank-item"
data-type="simple"
data-price="500"
data-action="earn">
<span class="item-badge">500 фунтов</span>
<span class="item-text">Анкета / Регистрация</span>
</div>
<div class="bank-item"
data-type="simple"
data-price="300"
data-action="earn">
<span class="item-badge">300 фунтов</span>
<span class="item-text">Заявка в нужные</span>
</div>
<div class="bank-item"
data-type="links"
data-price="200"
data-action="earn">
<span class="item-badge">200 фунтов</span>
<span class="item-text">Пост в игру (за каждый)</span>
</div>
<div class="bank-item"
data-type="calc"
data-price="1000"
data-action="earn">
<span class="item-badge">1000 фунтов</span>
<span class="item-text">Привел друга (кол-во)</span>
</div>
<div class="bank-item"
data-type="simple"
data-price="500"
data-action="earn">
<span class="item-badge">500 фунтов</span>
<span class="item-text">Анкета / Регистрация</span>
</div>
<div class="bank-item"
data-type="simple"
data-price="300"
data-action="earn">
<span class="item-badge">300 фунтов</span>
<span class="item-text">Заявка в нужные</span>
</div>
<div class="bank-item"
data-type="links"
data-price="200"
data-action="earn">
<span class="item-badge">200 фунтов</span>
<span class="item-text">Пост в игру (за каждый)</span>
</div>
<div class="bank-item"
data-type="calc"
data-price="1000"
data-action="earn">
<span class="item-badge">1000 фунтов</span>
<span class="item-text">Привел друга (кол-во)</span>
</div>
<div class="bank-item"
data-type="simple"
data-price="500"
data-action="earn">
<span class="item-badge">500 фунтов</span>
<span class="item-text">Анкета / Регистрация</span>
</div>
<div class="bank-item"
data-type="simple"
data-price="300"
data-action="earn">
<span class="item-badge">300 фунтов</span>
<span class="item-text">Заявка в нужные</span>
</div>
</div>
</div>
<div class="bank-section blue-border" id="sect-spend">
<h3>Потратить</h3>
<div class="bank-list">
<div class="bank-item"
data-type="simple"
data-price="200"
data-action="spend">
<span class="item-badge spend-badge">200</span>
<span class="item-text">Смена статуса</span>
</div>
<div class="bank-item"
data-type="simple"
data-price="500"
data-action="spend">
<span class="item-badge spend-badge">500</span>
<span class="item-text">Личное звание</span>
</div>
<h3>баффы </h3>
<div class="bank-item"
data-type="simple"
data-price="500"
data-action="spend">
<span class="item-badge spend-badge">500</span>
<span class="item-text">Личное звание</span>
</div>
<div class="bank-item"
data-type="simple"
data-price="500"
data-action="spend">
<span class="item-badge spend-badge">500</span>
<span class="item-text">Личное звание</span>
</div>
</div>
</div>
<div class="bank-section" id="sect-coupons">
<h3>Купоны</h3>
<div class="bank-list">
<div class="bank-item" data-type="simple" data-price="1500" data-action="spend">
<span class="item-badge spend-badge">1500</span> <p>название купона</p>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
</div>
<div class="bank-item" data-type="simple" data-price="1500" data-action="spend">
<span class="item-badge spend-badge">1500</span> <p>название купона</p>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
</div>
<div class="bank-item" data-type="simple" data-price="1500" data-action="spend">
<span class="item-badge spend-badge">1500</span> <p>название купона</p>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
</div>
<div class="bank-item" data-type="simple" data-price="1500" data-action="spend">
<span class="item-badge spend-badge">1500</span> <p>название купона</p>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
<span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
</div>
</div></div>
<style>
#sect-bonus {
background: rgba(120, 139, 123, 0.2);
}
#sect-bonus .bank-header {
text-align: left;
color: rgba(120, 139, 123, 1);
font-size: 40px;
margin-left: 25px;
}
#sect-bonus .bank-item {
background:rgb(var(--canvas-secondary));
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 16px 16px 16px 61px;
border: 1px solid rgba(174, 174, 174, 0.5);
margin: 0 25px 5px;
}
#sect-bonus .bank-item::before {
content: '';
background: url(https://forumstatic.ru/files/001c/97/86/42207.png);
width: 33px;
height: 33px;
position: absolute;
top: 16px;
left: 19px;
}
#sect-bonus .bank-item .item-text:first-of-type {
font-family: Moisette;
font-weight: 500;
font-style: Italic;
font-size: 13px;
line-height: 120%;
}
</style>
<div class="bank-section bg-dark" id="sect-bonus">
<div class="bank-header">бонусное</div>
<div class="bank-list">
<div class="bank-item" data-type="simple" data-price="0" data-action="earn">
<span class="item-text">Пополнение фонда</span>
<span class="item-text">сумму ч10 от пополнения на счет + 3 индивидуальных хэдера/футера</span>
</div>
<div class="bank-item" data-type="simple" data-price="0" data-action="earn">
<span class="item-text">Пополнение фонда</span>
<span class="item-text">сумму ч10 от пополнения на счет + 3 индивидуальных хэдера/футера</span>
</div>
<div class="bank-item" data-type="simple" data-price="0" data-action="earn">
<span class="item-text">Пополнение фонда</span>
<span class="item-text">сумму ч10 от пополнения на счет + 3 индивидуальных хэдера/футера</span>
</div>
</div>
</div>
</div> <div id="bank-cart" class="bank-cart hidden">
<div class="cart-header">
<span>ВАШ ЧЕК</span>
<span style="font-size: 12px; opacity: 0.7;">(Нажмите получить код)</span>
</div>
<ul id="cart-list" class="cart-list">
</ul>
<div class="cart-summary">
<div class="summary-row">Текущий счет: <b id="user-balance">0</b></div>
<div class="summary-row">Изменение: <b id="cart-total">0</b></div>
<div class="summary-row result">ИТОГ: <b id="projected-balance">0</b></div>
</div>
<div class="cart-actions">
<button id="btn-checkout" class="btn-checkout">ПОЛУЧИТЬ КОД</button>
</div>
</div>
</div>[/html][hideprofile]
Поделиться32025-11-24 03:07:47
В банке всё просто на самом деле. Есть такие три разных шаблона на получение:
<!-------- минишаблончик для получения С ССЫЛКАМИ ----------------->
<div class="bank-item"
data-type="links"
data-price="200"
data-action="earn">
<span class="item-badge">200 фунтов</span>
<span class="item-text">Пост в игру (за каждый)</span>
</div>
<!-------- минишаблончик для получения С УКАЗАНИЕМ ЦИФРЫ ----------------->
<div class="bank-item"
data-type="calc"
data-price="1000"
data-action="earn">
<span class="item-badge">1000 фунтов</span>
<span class="item-text">Привел друга (кол-во)</span>
</div>
<!-------- минишаблончик для получения ПРОСТО ПОЛУЧИТЬ ПО КЛИКУ ----------------->
<div class="bank-item"
data-type="simple"
data-price="500"
data-action="earn">
<span class="item-badge">500 фунтов</span>
<span class="item-text">Анкета / Регистрация</span>
</div>
Они различаются именно тем, как обрабатывают клик. Там подписано. Я специально разбил на столбцы, чтобы проще было сориентироваться в разметке.
data-price="500" - тут вот цена вычитаемая, "фунтов" не надо, скрипт берёт цифру в чистом виде для расчётов.
data-action="earn" - просто что получение
data-type="simple" - тип. simple - простой, по клику добавляется в корзину сразу. calc - считает цифры (привёл трёх друзей, 5 раз получить за 100 плюсов в профиле), links - получить с ссылками-пруфами.
У купонов цена фиксированная, указывается тоже в data-price="500"
У бонусных тоже можно указать цену - или просто добавить купон себе, чтобы указать действие.
Корзина работает сама.
Поделиться42025-11-24 03:13:06
ЗАЯВКА В БАНК
Заявка в нужные (1 шт) — +300
-------------------
Анкета / Регистрация (1 шт) — +500
-------------------
Личное звание (1 шт) — -500
-------------------
Пост в игру (за каждый) (4 шт) — +800
Ссылка 1: шаблон банк
Ссылка 2: шаблон банк
Ссылка 3: шаблон банк
Ссылка 4: шаблон банк
-------------------
Было: 123
Изменение: +1100
Стало: 1223
Поделиться52025-11-24 05:07:08
ЗАЯВКА В БАНК
регистрация и заполнение всех орг. тем (начисляется автоматически) (1 шт) — -1500
-------------------
анкета / регистрация (1 шт) — +500
-------------------
заявка в нужные (1 шт) — +300
-------------------
анкета / регистрация (1 шт) — +500
-------------------
пост в игру (за каждый) (5 шт) — +1000
Ссылка 1: шаблон банк
Ссылка 2: шаблон банк
Ссылка 3: шаблон банк
Ссылка 4: шаблон банк
Ссылка 5: шаблон банк
-------------------
Было: 123
Изменение: +800
Стало: 923
Поделиться62025-11-24 15:10:36
ЗАЯВКА В БАНК
пост в игру (за каждый) (3 шт) — +600
Ссылка 1: шаблон банк
Ссылка 2: шаблон банк
Ссылка 3: шаблон банк
-------------------
регистрация и заполнение всех орг. тем (начисляется автоматически) (1 шт) — -1500
-------------------
Было: 123
Изменение: -900
Стало: -777





