Test

Объявление

Это Лондон, детка!

Здесь окна пабов, как драгоценные камни, лучатся тёплым светом, на улицах кипит жизнь, а солидное постоянство старых зданий, смягченное огнями фонарей, внушает поразительную уверенность.
Что же до Ирландии, я тебе скажу так: помни, что зелеными бывают ещё и деньги!
читать далее...
episode of the week

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

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


Вы здесь » Test » Новый форум » шаблон банк


шаблон банк

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

1

123

0

2

[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]

0

3

В банке всё просто на самом деле. Есть такие три разных шаблона на получение:

<!-------- минишаблончик для получения С ССЫЛКАМИ ----------------->
                <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"
У бонусных тоже можно указать цену - или просто добавить купон себе, чтобы указать действие.
Корзина работает сама.

+1

4

ЗАЯВКА В БАНК

Заявка в нужные (1 шт) — +300
-------------------
Анкета / Регистрация (1 шт) — +500
-------------------
Личное звание (1 шт) — -500
-------------------
Пост в игру (за каждый) (4 шт) — +800
Ссылка 1: шаблон банк
Ссылка 2: шаблон банк
Ссылка 3: шаблон банк
Ссылка 4: шаблон банк
-------------------

Было: 123
Изменение: +1100
Стало: 1223

0

5

ЗАЯВКА В БАНК

регистрация и заполнение всех орг. тем (начисляется автоматически) (1 шт) — -1500
-------------------
анкета / регистрация (1 шт) — +500
-------------------
заявка в нужные (1 шт) — +300
-------------------
анкета / регистрация (1 шт) — +500
-------------------
пост в игру (за каждый) (5 шт) — +1000
Ссылка 1: шаблон банк
Ссылка 2: шаблон банк
Ссылка 3: шаблон банк
Ссылка 4: шаблон банк
Ссылка 5: шаблон банк
-------------------

Было: 123
Изменение: +800
Стало: 923

0

6

ЗАЯВКА В БАНК

пост в игру (за каждый) (3 шт) — +600
Ссылка 1: шаблон банк
Ссылка 2: шаблон банк
Ссылка 3: шаблон банк
-------------------
регистрация и заполнение всех орг. тем (начисляется автоматически) (1 шт) — -1500
-------------------

Было: 123
Изменение: -900
Стало: -777

0


Вы здесь » Test » Новый форум » шаблон банк


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