Код:
<!--HTML--> <div class="htmldemo"> <center><div class="sacth"> <div class="sacttitle">миллион алых роз</div> <div class="saccita">дарите друг другу любовь</div> <br> <hr> <div style="width: 480px; text-align: justify; font: 11px arial; text-transform: none; line-height: 11px; overflow: auto;"> <p>Я вот долго думал, что бы такого особенного вам намутить в честь праздника влюбленного, и не придумал ничего лучше, как заставить вас всех писать посты своим любимочкам, и заодно иметь возможность за каждую написанную буковку этим же самым любимочкам (ну или себе) чего-нибудь особенного подарить.<br> Короче мысль проста: горим, пишем, наслаждаемся; после несем посты сюда, не забывая указать сколько вами символов настрочено, и обмениваем буковки на подарки.<br> Кроме обменника устроим и личные забеги: поход помним? Повторим? <br></p> <p><br><b>Как это работает:</b><br> - 1 символ = 1 алая роза для обмена в вашем кармане<br> - за каждый принесенный пост вы получаете <b>2 000 сакр</b> просто за сам факт написания поста (вне зависимости от его размера); вот такой вот я щедрый<br> - <b>цель:</b> насобирать как можно больше розочек за 14 дней и радостно их потратить на всякое разное;<br> - помимо возможности тратить заработанное предусмотрены призы и за личный забег;<br> - потраченные символы все равно учитываются в забеге;<br></p> <p><br><b>Уникальная возможность</b>: <br> Я прекрасно понимаю, что не все у нас адепты постописательства, и как часто бывает: желаний может быть больше, чем ресурсов и возможностей, потому решил организовать вам альтернативную возможность оплаты. <br> Так что, если у вас нет возможности платить буковками - несите рекламы: <br> - <b>20</b> пиара - <b>1к</b> символов;<br> - <b>40</b> пиара - <b>2к</b> символов;<br> - <b>50</b> пиара - <b>3к</b> символов;<br> - <b>70</b> пиара - <b>5к</b> символов;<br> - <b>100</b> пиара - <b>10к</b> символов;<br> - <b>150</b> пиара - <b>15к</b> символов.<br></p> <p><br><b>Награды</b>: <br> - 200к+ символов - 200к сакр; уникальная иконка в профиль; легендарный купон на выбор; возможность выбрать три абсолютно любых подарка из магазина бесплатно; ачивка;<br> - 150к+ символов - 150к сакр; легендарный купон на выбор; возможность выбрать два абсолютно любых подарка из магазина бесплатно; ачивка;<br> - 100к+ символов - 100к сакр; эпический купон на выбор; возможность выбрать один абсолютно любой подарок из магазина бесплатно; ачивка.<br></p> <p><br><b>Основные правила участия:</b>: <br> - посты засчитываются исключительно с <b>14.02</b> по <b>28.02</b> включительно;<br> - твинками участвовать - можно, но уточните, мне суммировать написанные символы за одним конкретным профилем, или вести отдельную статистику за каждым;<br> - все участники по завершению конкурса получат в награду сакры по курсу 1 символ = 1 сакра и редкий купон на выбор;<br> - лоты магазина будут доступны только в рамках ивента;<br> - пиар не учитывается в личном забеге - только посты, только хардкор!<br></p> <br> <br> <center><img src="https://i.imgur.com/9cFl2fF.png"></center> <br> <br> </p></div> </div></center> </div> <br>
Код:
<!--HTML-->
<head>
<meta charset="UTF-8">
<style>
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
margin: 0;
background: #f8f9fa;
font-family: Arial, sans-serif;
}
.user-track {
display: flex;
align-items: center;
gap: 15px;
width: 80%;
max-width: 500px;
padding: 8px 15px;
margin: 8px 0;
}
.username {
width: 140px;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
color: #2c3e50;
}
.progress-track {
flex-grow: 1;
height: 6px;
background-color: #e0e0e0;
border-radius: 3px;
overflow: hidden;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, #ff99cc, #990033);
border-radius: 3px;
}
</style>
</head>
<body>
<div class="user-track">
<div class="username">Kristof Mor</div>
<div class="progress-track">
<div class="progress-fill" style="width: 13%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Christine Legrand</div>
<div class="progress-track">
<div class="progress-fill" style="width: 23%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Selena Avery</div>
<div class="progress-track">
<div class="progress-fill" style="width: 12%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Elliott Carlyle</div>
<div class="progress-track">
<div class="progress-fill" style="width: 11%"></div>
</div>
</div>
<div class="user-track">
<div class="username">William Tunney</div>
<div class="progress-track">
<div class="progress-fill" style="width: 3%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Rebecca Moreau</div>
<div class="progress-track">
<div class="progress-fill" style="width: 21%"></div>
</div>
</div>
<div class="user-track">
<div class="username">James Richter</div>
<div class="progress-track">
<div class="progress-fill" style="width: 10%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Daeron Attwood</div>
<div class="progress-track">
<div class="progress-fill" style="width: 5%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Agata Tarantino</div>
<div class="progress-track">
<div class="progress-fill" style="width: 12%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Sydney Dubois</div>
<div class="progress-track">
<div class="progress-fill" style="width: 11%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Loretta Lombardi</div>
<div class="progress-track">
<div class="progress-fill" style="width: 3%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Daisy Keenan</div>
<div class="progress-track">
<div class="progress-fill" style="width: 5%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Jonathan Tunney</div>
<div class="progress-track">
<div class="progress-fill" style="width: 3%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Daeron Attwood</div>
<div class="progress-track">
<div class="progress-fill" style="width: 2%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Cole Cord</div>
<div class="progress-track">
<div class="progress-fill" style="width: 2%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Henry Whitehall</div>
<div class="progress-track">
<div class="progress-fill" style="width: 15%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Adele Simson</div>
<div class="progress-track">
<div class="progress-fill" style="width: 2%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Simon Marlow</div>
<div class="progress-track">
<div class="progress-fill" style="width: 2%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Teo J Marino</div>
<div class="progress-track">
<div class="progress-fill" style="width: 8%"></div>
</div>
</div>
<div class="user-track">
<div class="username">Noah Lockridge</div>
<div class="progress-track">
<div class="progress-fill" style="width: 5%"></div>
</div>
</div>
</body>
</html>шаблон для сдачи постов:
Код:
[b]Ссылка на пост:[/b] [b]Кол-во символов:[/b]
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
шаблон для покупки:
за символы: Код: [b]Кому:[/b] [url=http://]Имя и фамилия персонажа[/url] [b]Что:[/b] номер награды [img][/img] [b]Надпись:[/b] с маленькой буквы (от кого) [b]Ссылка на посты:[/b] указывайте рядом количество символов, пожалуйста | за пиар: Код: [b]Кому:[/b] [url=http://]Имя и фамилия персонажа[/url] [b]Что:[/b] номер награды [img][/img] [b]Надпись:[/b] с маленькой буквы (от кого) [b]Ссылка на пиар:[/b] вместо всех ссылок достаточно принести ссылку на первое соо и на последнее из серии пиара |
