[hideprofile][html]
<script type="text/javascript" src="https://forumstatic.ru/files/001c/b6/66/34623.js?v=27"></script>
<style>
.bank .top-search {
margin: 30px 0 20px;
width: 500px;
height: 30px;
margin: 0 auto 20px;
background: #f9f9f9;
border-radius: 19px;
display: flex;
align-items: center;
padding: 0 18px;
gap: 12px;
border: 1px solid rgb(var(--br_light_grey));
}
.bank .search-icon {
width: 15px;
height: 15px;
color: #999;
}
.bank .search-input {
width: 100%;
font-size: 10px;
color: rgb(var(--c_lightbrown));
text-align: center;
}
.org {
margin: 0 auto;
color: rgb(var(--c_lightbrown));
width: 100%;
max-width: 900px;
font-size: 12px;
box-shadow: 1px 3px 3px 0px rgb(0 0 0 / 7%);
padding: 0px 0;
border-radius: 10px;
}
.org .main-banner {
width: 100%;
max-width: 900px;
background: url(https://forumstatic.ru/files/001c/bb/6a/63625.jpg?v=1);
border-radius: 10px 10px 0 0;
overflow: hidden;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
}
.org .main-banner p {
color: rgb(var(--c_lightbrown));
font-weight: bold;
font-size: 16px;
line-height: 5px;
}
.org .center-card {
background: #fbfbfb;
border-radius: 0 0 5px 5px;
padding: 17px;
box-sizing: border-box;
width: 100%;
max-width: 900px;
}
.org .orgtext {
background: #f3f3f300;
border-radius: 10px;
padding: 10px 15px;
box-sizing: border-box;
border: 1px solid #ebebeb00;
color: rgb(var(--c_lightbrown));
}
.tabs-container {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
}
.bank-tabs {
display: flex;
gap: 5px;
width: 500px;
margin: auto;
margin-top: -20px;
}
.tab-btn-bank {
flex: 1;
background: #a6b8c8;
border: none;
padding: 8px 0;
cursor: pointer;
transition: 0.2s;
color: #ffffff;
text-align: center;
font: 400 18px / 100% Segoe Print !important;
}
.tab-btn-bank.active {
background: #f9a286;
color: #ffffff;
}
.tab-pane {
display: none;
margin: 0;
padding: 0;
}
.tab-pane.active {
display: block;
margin: 0;
padding: 0;
}
.bank-row {
display: flex;
gap: 12px;
width: 750px;
margin: auto;
}
.bank-col {
flex: 1;
background: #f8f8f8;
border-radius: 12px;
padding: 0 12px;
border: 1px solid #ebebeb;
}
.bank-col:empty {
background: transparent;
padding: 0;
border: 1px solid #ebebeb00;
padding-left: 25px;
}
.bank-item {
background: #fff;
border-radius: 50px;
padding: 7px 9px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
transition: all 0.2s ease;
cursor: pointer;
width: 90%;
margin-bottom: -10px !important;
margin: auto;
margin-top: -10px !important;
border: 3px solid rgb(166 184 200);
color: rgb(129 154 182);
}
.bank-item:last-child {
margin-bottom: 0;
}
.bank-item:hover {
transform: scale(1.02);
background: #eff2f4;
color: #f9a286;
}
.item-title {
font-size: 12px;
font-weight: 600;
}
.stars-chip {
background: #a6b8c8;
border-radius: 20px;
padding: 3px 7px;
display: flex;
align-items: center;
font-weight: 700;
color: #454545;
white-space: nowrap;
}
.stars-value {
font-size: 12px;
color: #ffffff;
min-width: 30px;
text-align: center;
}
.result-box {
background: #f8f8f8;
border-radius: 15px;
padding: 0px 20px;
border: 1px solid #ebebeb;
margin-top: -40px !important;
width: 500px;
height: 180px;
margin: auto;
}
.result-box h4 {
font-size: 12px;
margin-bottom: -20px;
color: rgb(var(--c_lightbrown));
margin-top: -15px;
}
#bbcodeOutput {
background: #fbfbfb;
border-radius: 16px;
padding: 12px;
font-family: monospace;
font-size: 12px;
border: 1px solid #ebebeb;
white-space: pre-wrap;
word-break: break-word;
color: rgb(var(--c_lightbrown));
height: 75px;
overflow-y: auto;
}
.result-buttons {
margin-top: -20px;
display: flex;
gap: 4px;
align-items: center;
}
.result-buttons button {
background: #a6b8c8;
color: #ffffff;
border: none;
padding: 4px 18px;
border-radius: 12px;
cursor: pointer;
font-size: 12px;
font-weight: 500;
}
#sendToForumBtn {
background: #f9a286;
}
#resetBankBtn {
background: #a6b8c8;
font-size: 12px;
padding: 4px 14px;
}
button.edit-code-btn {
background: rgb(166 184 200) !important;
color: rgb(255 255 255) !important;
}
@media (max-width: 700px) {
.bank-row {
flex-direction: column;
gap: 12px;
}
.org .center-card {
padding: 10px;
}
.org .orgtext {
padding: 8px 10px;
}
.bank .top-search {
width: 90%;
}
}
</style>
<div class="bank">
<div class="top-search">
<div class="search-icon"><i class="fa-solid fa-magnifying-glass"></i></div>
<div class="search-input">kakaotalk.rusff.me/bank</div>
</div>
<div class="org">
<div class="main-banner">
<p>банк</p>
</div>
<div class="center-card">
<div class="orgtext">
<div class="tabs-container">
<div class="bank-tabs">
<button class="tab-btn-bank active" data-tab="receive">получить</button>
<button class="tab-btn-bank" data-tab="spend">потратить</button>
</div>
<div id="receive" class="tab-pane active">
<div class="bank-row">
<div class="bank-col">
<div class="bank-item" data-name="регистрация профиля" data-stars="100"><span class="item-title">регистрация профиля</span><div class="stars-chip"><span class="stars-value">100</span></div></div>
<div class="bank-item" data-name="принятая анкета" data-stars="100"><span class="item-title">принятая анкета</span><div class="stars-chip"><span class="stars-value">100</span></div></div>
<div class="bank-item" data-name="пришёл по заявке" data-stars="200"><span class="item-title">пришёл по заявке</span><div class="stars-chip"><span class="stars-value">200</span></div></div>
<div class="bank-item" data-name="создание личной темы" data-stars="100"><span class="item-title">создание личной темы</span><div class="stars-chip"><span class="stars-value">100</span></div></div>
</div>
<div class="bank-col">
<div class="bank-item" data-name="каждые 100 сообщений" data-stars="200"><span class="item-title">каждые 100 сообщений</span><div class="stars-chip"><span class="stars-value">200</span></div></div>
<div class="bank-item" data-name="каждые 100 позитива" data-stars="100"><span class="item-title">каждые 100 позитива</span><div class="stars-chip"><span class="stars-value">100</span></div></div>
<div class="bank-item" data-name="каждые 100 репутации" data-stars="100"><span class="item-title">каждые 100 репутации</span><div class="stars-chip"><span class="stars-value">100</span></div></div>
<div class="bank-item" data-name="каждые 10 реклам" data-stars="50"><span class="item-title">каждые 10 реклам</span><div class="stars-chip"><span class="stars-value">50</span></div></div>
<div class="bank-item" data-name="попадание в таблицу" data-stars="200"><span class="item-title">попадание в таблицу</span><div class="stars-chip"><span class="stars-value">200</span></div></div>
</div>
</div>
<div class="bank-row">
<div class="bank-col">
<div class="bank-item" data-name="графика для игрока" data-stars="100"><span class="item-title">графика для игрока</span><div class="stars-chip"><span class="stars-value">100</span></div></div>
<div class="bank-item" data-name="графика для форума" data-stars="500"><span class="item-title">графика для форума</span><div class="stars-chip"><span class="stars-value">500</span></div></div>
</div>
<div class="bank-col">
<div class="bank-item" data-name="онлайн 3 часа" data-stars="100"><span class="item-title">онлайн 3 часа</span><div class="stars-chip"><span class="stars-value">100</span></div></div>
<div class="bank-item" data-name="онлайн 12 часов" data-stars="300"><span class="item-title">онлайн 12 часов</span><div class="stars-chip"><span class="stars-value">300</span></div></div>
<div class="bank-item" data-name="онлайн 24 часа" data-stars="500"><span class="item-title">онлайн 24 часа</span><div class="stars-chip"><span class="stars-value">500</span></div></div>
</div>
</div>
<div class="bank-row">
<div class="bank-col">
<div class="bank-item" data-name="каждые 1k символов поста" data-stars="100"><span class="item-title">каждые 1k символов поста</span><div class="stars-chip"><span class="stars-value">100</span></div></div>
<div class="bank-item" data-name="каждый SNS-пост" data-stars="30"><span class="item-title">каждый SNS-пост</span><div class="stars-chip"><span class="stars-value">30</span></div></div>
</div>
<div class="bank-col"></div>
</div>
</div>
<div id="spend" class="tab-pane">
<div class="bank-row">
<div class="bank-col">
<div class="bank-item" data-name="первая смена внешности" data-stars="бесплатно"><span class="item-title">первая смена внешности</span><div class="stars-chip"><span class="stars-value">бесплатно</span></div></div>
<div class="bank-item" data-name="повторная смена внешности" data-stars="1000"><span class="item-title">повторная смена внешности</span><div class="stars-chip"><span class="stars-value">1000</span></div></div>
</div>
<div class="bank-col">
<div class="bank-item" data-name="выкуп внешности на 1 неделю" data-stars="500"><span class="item-title">выкуп внешности на 1 неделю</span><div class="stars-chip"><span class="stars-value">500</span></div></div>
<div class="bank-item" data-name="выкуп внешности на 2 недели" data-stars="1000"><span class="item-title">выкуп внешности на 2 недели</span><div class="stars-chip"><span class="stars-value">1000</span></div></div>
</div>
</div>
<div class="bank-row">
<div class="bank-col">
<div class="bank-item" data-name="первый твин" data-stars="бесплатно"><span class="item-title">первый твин</span><div class="stars-chip"><span class="stars-value">бесплатно</span></div></div>
<div class="bank-item" data-name="второй и далее твины" data-stars="1000 + пост" title="пост за каждого имеющегося персонажа"><span class="item-title">второй и далее твины</span><div class="stars-chip"><span class="stars-value">1000 + пост</span></div></div>
</div>
<div class="bank-col">
<div class="bank-item" data-name="выкуп из списка на удаление" data-stars="1500"><span class="item-title">выкуп из списка на удаление</span><div class="stars-chip"><span class="stars-value">1500</span></div></div>
</div>
</div>
<div class="bank-row">
<div class="bank-col">
<div class="bank-item" data-name="индивидуальный фон" data-stars="800"><span class="item-title">индивидуальный фон</span><div class="stars-chip"><span class="stars-value">800</span></div></div>
<div class="bank-item" data-name="индивидуальная плашка" data-stars="1200"><span class="item-title">индивидуальная плашка</span><div class="stars-chip"><span class="stars-value">1200</span></div></div>
</div>
<div class="bank-col">
<div class="bank-item" data-name="дополнительная отметка в календаре" data-stars="200" title="даёт возможность отметиться дважды за день, если вы пропустили предыдущий день; не более одной дополнительной отметки в день"><span class="item-title">дополнительная отметка в календаре</span><div class="stars-chip"><span class="stars-value">200</span></div></div>
</div>
</div>
<div class="bank-row">
<div class="bank-col">
<div class="bank-item" data-name="перевод валюты" data-stars="бесплатно"><span class="item-title">перевод валюты</span><div class="stars-chip"><span class="stars-value">бесплатно</span></div></div>
</div>
<div class="bank-col"></div>
</div>
</div>
</div>
<div class="result-box">
<h4>сгенерированный код</h4>
<div id="bbcodeOutput">за что:<br>пруфы:<br>сумма:</div>
<div class="result-buttons">
<button id="sendToForumBtn">ок</button>
<button id="copyBbCodeBtn">скопировать</button>
<button id="resetBankBtn">↺</button>
</div>
</div>
</div>
</div>
</div>
</div>[/html]
Код:получить [b]за что:[/b] [b]пруфы:[/b] [b]сумма:[/b]Код:потратить [b]на что:[/b] [b]сумма и остаток:[/b]
