старое

Страница: « 1 2 3 4 »

Сообщений 31 страница 60 из 112

Поделиться312026-01-11 22:53:56

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

Код:

[quote][align=center][size=18]01.12 – 07.12[/size][/align]

[align=center]Будем играть в классическую игру Азии. Разминать мозги и расслаблять нервы. 
[url=https://themahjong.com/ru]Маджонг[/url][/align]

[align=center]Приносите скрин победы и получите 500 сайдов, а за три победы дополнительную крутку альбома.[/align]

[/quote]

Поделиться322026-01-11 22:54:14

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

Код:

[quote][align=center][size=18]08.12 – 14.12[/size][/align]

[align=center]Открываем ресторанчик, готовим блюда и проходим уровни. Легко, спокойно, вкусно. 
[url=https://yandex.ru/games/app/230596]И ещё немного еды[/url][/align]

[align=center]За каждый пройденный уровень получите по 1 осколку.[/align]

[/quote]

Поделиться332026-01-11 22:54:36

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

правила максимально просты: заходите каждый день, оставляете цифру от 1 до 28/30/31 (зависит от того, сколько дней в месяце), получаете «подарок», привязанный к ячейке с днём.

— дни идут по порядку, то есть вы не можете забрать 1 и 24 день.
— если вы пропустили день, то закрыть его можно специальным бонусом, либо оставив 30 реклам. сделать это можно только один раз за весь месяц за один день.
— календарь обновляется каждый 1 день месяца.
— если сбились, продолжаете с того места, где остановились.
— отметки засчитываются только по московскому времени.

[html]<div class="calendar_back"></div>
<div class="calendar_body">
<div class="calendar_name">декабрь</div>
<div class="calendar_dates">
<div class="calendar_n">20 $<i>1</i></div>
<div class="calendar_n">5 <img src="https://upforme.ru/uploads/001b/16/97/626/844041.png" title="звёзд"><i>2</i></div>
<div class="calendar_n">45 $<i>3</i></div>
<div class="calendar_n">10 <img src="https://upforme.ru/uploads/001b/16/97/626/356835.png" title="осколков"><i>4</i></div>
<div class="calendar_n" style="flex: calc(88px * 3);"><img style="width: 180px;" src="https://upforme.ru/uploads/001b/16/97/626/604919.gif"><i>5</i><i>6</i><i>7</i></div>

<div class="calendar_n">100 <img src="https://upforme.ru/uploads/001b/16/97/626/356835.png" title="осколков"><i>29</i></div>
<div class="calendar_n" style="flex: calc(90px);">100 <img src="https://upforme.ru/uploads/001b/16/97/626/844041.png" title="звёзд"><i>30</i></div>
<div class="calendar_n" style="flex: calc(100px);">2025 $<i>31</i></div>
<div class="calendar_n" style="flex: calc(20px);"></div>
<div class="calendar_n" style="flex: calc(20px);"></div>
<div class="calendar_n" style="flex: calc(20px);"></div>
<div class="calendar_n" style="flex: calc(20px);"> </div>
</div></div>[/html]

Поделиться342026-01-11 22:54:42

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div class=chtototelo>
<div class=chtotofon1></div>
<div class=chtotofon2></div>
<div class=chtotonazvanie>праздничный музыкальный марафон</div>
<div class=chtototext>
<br><big>

Но-о-овый год к нам мчится! А, ой, мы в эфире? Друзья, сегодня к нам врывается новенький музыкальный марафон. 1 декабря, скоро праздники, так что прогоняем осеннюю хандру, берём какао и спешим настраиваться на праздничный лад. Марафон продлится <b>с 1 по 31 декабря включительно</b>. Выполняйте задания – в конце <b>за всё</b> получите секретный супер-приз. Почему секретный? Потому что Новый Год пора сюрпризов. Но не волнуйтесь, будет ещё и награда за каждый день участия. Небольшая, но приятная.
<br><br>
● участвовать можно всеми профилями, но каждый сам за себя;<br>
● один день = одна песня;<br>
● в <a href="https://sideffect.rusff.me/viewtopic.php?id=6829"><b>music time</b></a> публикуете трек, в отчёт приносите ссылку на сообщение с треком;<br>
● бонусами лимиток можно закрыть только <b>1 день</b>; камон, давайте делать настроение и получать радость;<br>
● не действуют бонусы на получение награды автоматом;<br><br>

<center><b>награды</b></center><br>
каждый закрытый день принесёт 25 $; <br>каждые пять дней дополнительно принесут 25 звёзд; <br>за полностью пройденный марафон: получите секретный супер-приз! Погнали!<br><br>
<br>

</div></div>[/html]

шаблон выполнения марафона

Код:

[b]1. Песня, которая ассоциируется с началом зимы:[/b] [i]тут ссылка и ответ[/i]
[b]2. Песня, под которую появляется желание съесть килограмм мандарин:[/b]
[b]3. Песня, которая согреет в самый лютый мороз:[/b]
[b]4. Песня, которую будете слушать в травмпункте, после падения на льду:[/b]
[b]5. Песня, под которую хочется гулять в метель и ловить снежинки:[/b]
[b]6. Песня, под которую хочется завернуться в плед и пить глинтвейн смотря в окошко:[/b]
[b]7. Песня, которая напоминает вкус любимого зимнего десерта:[/b]
[b]8. Песня или мелодия из любимого зимнего мюзикла:[/b]
[b]9. Песня, с которой легче пережить зимний дедлайн:[/b]
[b]10. Песня, под которую будем лепить снеговика:[/b]
[b]11. Песня, под которую хочется вырезать снежинки:[/b]
[b]12. Песня, от которой внутри расцветает весна посреди зимы:[/b]
[b]13. Песня, которая переносит в зимнюю сказку:[/b]
[b]14. Песня или мелодия, которая вызывает желание перечитать Гарри Поттера:[/b]
[b]15. Саундтрек из фильма, который любишь пересматривать зимой:[/b]
[b]16. Песня, которая напоминает какао с маршмелоу:[/b]
[b]17. Песня из праздничного рекламного ролика:[/b]
[b]18. Песня, которая дарит Новогоднее настроение:[/b]
[b]19. Песня, которая напоминает школьную дискотеку в честь Нового Года:[/b]
[b]20. Песня, под которую будем выбирать  костюм на корпоратив в честь Нового Год:[/b]
[b]21. Песня, которая порадует в Рождество:[/b]
[b]22. Песня, под которую будем наряжать ёлку:[/b]
[b]23. Песня, под которую будем паковать подарки:[/b]
[b]24. Песня, которую будешь слушать в сочельник:[/b]
[b]25. Песня, под которую будешь целоваться под Омелой в Рождественскую ночь:[/b]
[b]26. Песня, под которую будем резать новогодние салаты:[/b]
[b]27. Песня, которая напоминает праздничный коктейль:[/b]
[b]28. Песня, под которую будем запускать салют:[/b]
[b]29. Песня, под которою будешь танцевать на столе:[/b]
[b]30. Песня, под которую будем подбирать образ для Новогодней ночи:[/b]
[b]31. Песня, под которую хочется признаться в чувствах в Новогоднюю ночь:[/b]

Поделиться352026-01-11 22:54:55

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div class=shablontelo>
<div class=shablonnazvanie>Тайный Санта</div>
<div class=shablontext>

<br><br>«Тайный Сантa» — популярная церемония анонимного обмена подарками. Это новогодняя игра с простыми правилами: каждый участник является Тайным Сантой для одного из остальных участников и втайне готовит для него подарок. В результате всем достаётся и радость подготовки сюрприза, и подарок.
И мы стартуем с записью участников!

<br><br>В этой теме можете записаться для участия в реальном и виртуальном обмене подарками.
<br><br>Как обычно, мы предлагаем вам два варианта участия: тайный санта ирл и тайный санта на форуме. Также можно миксовать оба этих варианта.
<br><br>Обещаем, что постараемся замиксовать вас максимально комфортно, но всё же просим серьёзно отнестись к вопросу доставки в другие регионы.
<br><br>По всем вопросам отвечаем здесь и в лс у <a href="https://sideffect.rusff.me/profile.php?id=631">Джэ</a>.

<center><br><br><u><b>условия тайного санты ирл:</b></u></center>
<br>— здраво оценить свои возможности по отправке в другие регионы, города и страны;
<br>— бюджет для подарка другому игроку: 500 рублей [без учёта стоимости доставки];
<br>— записаться на тайного санту ирл можно до 7 декабря по сcылке-приглашению:
<a href="https://santa-secret.ru/box/nGTRpK/card?join=CJLUE9uwhBJU8F6"><b>secret santa</b></a>
<br>— 7 декабря состоится жеребьёвка участников;
<br>— дедлайн отправки посылки: 20 декабря;
<br>— трек-номер посылки необходимо сохранить и прислать либо организатору на сайте, либо в лс <a href="https://sideffect.rusff.me/profile.php?id=631">хирургу</a>.

<center><br><br><u><b>условия тайного санты онлайн:</b></u></center>
<br>— запас креатива, которым ты готов поделиться с другим игроком;
<br>— в качестве подарка принимаются: текстовые зарисовки, рисунки, коллажи, стихи, графика и любые другие виды творчества;
<br>— записаться на тайного санту онлайн можно до 10 декабря;
<br>— жеребьёвка состоится 11 числа.
<br>— прислать свой подарок в личные сообщения <a href="https://sideffect.rusff.me/profile.php?id=631">хирургу</a> не позднее 24 декабря.

<center><br><br><b><u>шаблоны для участия ниже</u></b></center>

</div></div>
[/html]

1. ты принимаешь участие в тс онлайн:

2. ты принимаешь участие в тс ирл:

3. ты принимаешь участие в двух версиях тс:

Поделиться362026-01-11 22:55:09

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]<div class="newstelo">
<div class="newsfon2"></div>
<div class="nazvanie">НОВОСТИ #248</div>
<div class="gifka"><img src="https://storynight2015.files.wordpress.com/2015/05/tumblr_m9zf44bpyh1rfo00eo1_500-1.gif?w=589&resize=589%2C589"></div>
<div class="newstext">

Куда, куда же ты, Время? Остановись! О, не лети так, Жизнь! Уже закончилась осень, вы представляете? С 1 декабря, друзья. Хирург снова с вами и готов поведать последние новости. И начнём с грустного, раз уж хандрим. На прошлой неделе мы озвучили, что списков по постам в этом году больше не будет. Но это не значит, что надо расслабиться и перестать активничать. Встречаем новый <a href="https://sideffect.rusff.me/viewtopic.php?id=168&p=8#p1423351"><b>список на удаление по активности</b></a>. Выписывайтесь, дописывайте посты и готовьтесь к праздничной шумихе на Сайде!

<br><br>Ещё немного похандрим... <a href="https://sideffect.rusff.me/viewtopic.php?id=7417"><b>Халява</b></a> закончилась, увы. Вы успели получить классные наборы? Ладно, проехали, ведь у нас новый классный <a href="https://sideffect.rusff.me/viewtopic.php?id=7377"><b>конкурс</b></a> для избавления от авитаминоза. Там всё просто, надо всего лишь любить и слушать к-поп. А вы ведь слушаете, уверен.

<br><br>Дальше по классике идём смотреть и собирать лето в новых <a href="https://sideffect.rusff.me/viewtopic.php?id=7056&p=7#p1423356"><b>пазлах</b></a>. Аж клубнички захотелось, но-о-о... может быть надо немного успокоить нервы и устроить себе медитацию, раскладывая <a href="https://sideffect.rusff.me/viewtopic.php?id=6058&p=21#p1423355"><b>маджонг</b></a>. Мне так точно надо расслабиться. Может музыку послушать? Точно, у нас же начался новый <a href="https://sideffect.rusff.me/viewtopic.php?id=7424"><b>музыкальный марафон</b></a>. Каждый день приносите мелодию по заданию в музыкальную тему и получаете награды. Совмещаете приятное с полезным.

<br><br>Завершился <a href="https://sideffect.rusff.me/viewtopic.php?id=7418"><b>опрос</b></a> и стартует <a href="https://sideffect.rusff.me/viewtopic.php?id=7425"><b>тайный санта</b></a>. Запись на реальный обмен подарками через ссылку до <b>7 декабря</b>, на онлайн обмен подарками записываемся до 10 декабря. Все подробности в теме.

<br><br>А теперь снова делаем глубокий вдох и вспоминаем, какое число на <a href="https://sideffect.rusff.me/viewtopic.php?id=7422"><b>календаре</b></a>? Ой, обновился. Заметили? Вперёд, за наградами и ежедневной активностью. Затем и во <b>флуд</b> пойдём, надо же отметить первый день зимы. Заодно и поздравим наших активистов. Звёзды меркнут перед вами, а количество постов... м-м-м... я ещё не успел всё прочитать, вот сейчас договорю и побегу. Как раз какао, приятная беседа и отличные истории. Ваши истории. Спасибо вам, друзья. И вдохновения! <img SRC="https://i.imgur.com/BOXiPOy.png">

<div class="news_active_image">
<a href="https://sideffect.rusff.me/profile.php?id=688">shin hoseok</a> & <a href="https://sideffect.rusff.me/profile.php?id=1114">ji changmin</a>
<br>
<a href="https://sideffect.rusff.me/profile.php?id=830" title="активист: kang mina"><img src="https://upforme.ru/uploads/001b/16/97/626/576141.png"></a>
<a href="https://sideffect.rusff.me/profile.php?id=1137" title="активист: lee hyein"><img src="https://upforme.ru/uploads/001b/16/97/626/699088.png"></a>
<a href="https://sideffect.rusff.me/profile.php?id=1449" title="активист: fukuhara karen"><img src="https://upforme.ru/uploads/001b/16/97/626/780213.png"></a>

<a href="https://sideffect.rusff.me/profile.php?id=1455" title="постописец: choi minho"><img src="https://upforme.ru/uploads/001b/16/97/626/626296.png"></a>
<a href="https://sideffect.rusff.me/profile.php?id=1457" title="постописец: park sunyoung"><img src="https://upforme.ru/uploads/001b/16/97/626/257105.png"></a>
<a href="https://sideffect.rusff.me/profile.php?id=264" title="постописец: park jimin"><img src="https://upforme.ru/uploads/001b/16/97/626/274560.png"></a>
<br>
<a href="https://sideffect.rusff.me/viewtopic.php?id=7339">lee taeyong & jung jaehyun - 7/11</a>
</div>

<div class="news_active_post">
<a href="https://sideffect.rusff.me/profile.php?id=488">kim beom:</a> Где-то там, далеко, звенел будильник, но Бом его не слышал, погрузившись в теплый и яркий сон, где он лежал на горячем пирсе, жмурился на ласковое солнце и совсем не чувствовал колкий белый песок, который изредка швырял по голым ногам морской ветер. Он был полностью поглощен этой картиной деревенского окружения, запахов тушеной рыбы, свежезаваренного чая и обжаренного медового ячменя... // <a href="https://sideffect.rusff.me/viewtopic.php?id=7355#p1422981">читать далее</a>
</div>
</div>
</div>[/html]

Поделиться372026-01-11 22:55:21

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div class=chtototelo>
<div class=chtotofon1></div>
<div class=chtotofon2></div>
<div class=chtotonazvanie>тёплые праздничные истории</div>
<div class=chtototext>
<br><big>

Зима у многих ассоциируется с наступлением праздников, приятной суетой с выбором ёлочных игрушек и покупкой подарков. А ещё с запахом хвои и сладко-кислых мандарин... м-м-м, вкуснятина! Но не только это создаёт атмосферу и дух Нового Года. Как же приятно собраться с друзьями у камина за чашечкой какао с маршмеллоу и поделиться тёплыми воспоминаниями о прошлых праздниках.
<br><br>
<b>С 8 по 24 декабря</b> мы предлагаем вам поделиться своими радостными, тёплыми, смешными, яркими, может даже нелепыми воспоминаниями, которые связаны с зимними праздниками и дополнительно помогают окунуться в атмосферу праздничной суеты, предвкушения веселья и зимнего уюта.
<br><br>
<br>● Одно сообщение = одна история.
<br>● Истории приносите в эту тему.
<br>● Приносите до 5 историй и за каждую получайте приятную плюшку.
<br>● Участвовать можно как с основного профиля, так и твинками.
<br>● Бонусы и лимитки не действуют.

<center><b>награды</b></center><br>
За каждую историю полагается комплект (плашка, иконка и фон профиля) из представленных на выбор.<br><br>
<br>
<table class="fixed width=100%">
<tbody>
<tr>
<td><center> <img src="https://forumstatic.ru/files/001b/16/97/57356.png" style="width: 70px">
<br>
<b>1</b> </center></td>
<td><center> <img src="https://forumstatic.ru/files/001b/16/97/18663.png" style="width: 70px" >
<br>
<b>2</b> </center></td>
<td><center> <img src="https://forumstatic.ru/files/001b/16/97/89938.png" style="width: 70px" >
<br>
<b>3</b> </center></td></tr><tr>
<td><center> <img src="https://forumstatic.ru/files/001b/16/97/18935.png" style="width: 70px" >
<br>
<b>4</b> </center></td>
<td><center><img src="https://forumstatic.ru/files/001b/16/97/44310.png" style="width: 70px" >
<br>
<b>5</b> </center></td>
</tr>
</tbody>
</table>
</div></div>[/html]

Поделиться382026-01-11 22:55:34

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]<div class="newstelo">
<div class="newsfon2"></div>
<div class="nazvanie">НОВОСТИ #251</div>
<div class="gifka"><img src="https://storynight2015.files.wordpress.com/2015/05/tumblr_m9zf44bpyh1rfo00eo1_500-1.gif?w=589&resize=589%2C589"></div>
<div class="newstext">

Медленно, но верно мы подкрадываемся к концу года. Представляете? Осталось всего 10 дней. Все уже написали письмо Деду Морозу? Успели выбрать подарки близким? А ёлку нарядили? Давайте показывать друг другу свои красивые уголки праздника в <a href="https://sideffect.rusff.me/viewtopic.php?id=647"><b>фотошную</b></a> и <a href="https://sideffect.rusff.me/viewforum.php?id=13"><b>инстаграм</b></a>. Будем создавать новогоднее настроение вместе! <br>
<br>
Помогут нам в этом наши классические <a href="https://sideffect.rusff.me/viewtopic.php?id=6058&p=21#p1426216"><b>загадки</b></a> с собиранием снежинок. А в <a href="https://sideffect.rusff.me/viewtopic.php?id=7056&p=7#p1426215"><b>пазлах</b></a> поностальгируем о разных играх и игрушках уходящего года. Продолжая тему ностальгии, не забывайте заглядывать в <a href="https://sideffect.rusff.me/viewtopic.php?id=7424"><b>музыкальный марафон</b></a>. И проверьте завтра утром свои сообщения, там будут приветы.

<br><br>Ещё в тему воспоминаний: проверьте <a href="https://sideffect.rusff.me/viewtopic.php?id=168&p=9#p1426217 "><b>список на удаление по активности</b></a>. Он небольшой, но всё-таки, вычеркнитесь, пожалуйста. А затем смело все отправимся изучать новую <a href="https://sideffect.rusff.me/viewtopic.php?id=7443#p1426213"><b>заоблачную лотерею</b></a>. Повезёт всем! Как и в новогоднем <a href="https://sideffect.rusff.me/viewtopic.php?id=7444#p1426214"><b>мини-маркете</b></a>, но спешите, он работает лишь неделю.

<br><br>Основные новости рассказал, пойду ещё почитаю ваши посты. Спасибо вам, сайдята за вашу активность, за интересные сюжеты, истории, за общение. Год был таким же тёплым, как и предыдущие. С вами очень классно. Шлю всем лучи здоровья и любви <img SRC="https://i.imgur.com/BOXiPOy.png">

<div class="news_active_image">
<a href="https://sideffect.rusff.me/profile.php?id=954">shen quanrui</a> & <a href="https://sideffect.rusff.me/profile.php?id=956">zhang hao</a>
<br>
<a href="https://sideffect.rusff.me/profile.php?id=1329" title="активист: song yuqi"><img src="https://upforme.ru/uploads/001b/16/97/626/141193.png"></a>
<a href="https://sideffect.rusff.me/profile.php?id=830" title="активист: kang mina"><img src="https://upforme.ru/uploads/001b/16/97/626/260781.png"></a>
<a href="https://sideffect.rusff.me/profile.php?id=794" title="активист: lee jongsuk"><img src="https://upforme.ru/uploads/001b/16/97/626/918130.png"></a>

<a href="https://sideffect.rusff.me/profile.php?id=1033" title="постописец: lee dongwook"><img src="https://upforme.ru/uploads/001b/16/97/626/785496.png"></a>
<a href="https://sideffect.rusff.me/profile.php?id=1257" title="постописец: kim seunghun"><img src="https://upforme.ru/uploads/001b/16/97/626/514975.png"></a>
<a href="https://sideffect.rusff.me/profile.php?id=1456" title="постописец: oribe risa"><img src="https://upforme.ru/uploads/001b/16/97/626/498976.png"></a>
<br>
<a href="https://sideffect.rusff.me/viewtopic.php?id=7341#p1412809">johnny suh & lee jaemin - lose my mind</a>
</div>

<div class="news_active_post">
<a href="https://sideffect.rusff.me/profile.php?id=1453">lee minhyuk:</a> Каждый раз, когда Ли Минхёк начинает вести дело, ему необходимо досконально изучить каждого фигуранта. Именно так он находит не только слабые места, но и интересные факты из биографии. Улыбка расползается от уха до уха. Чангюн кажется очень умён или хотя бы у него здорово работает логика. Выходит, так просто использовать его не выйдет, но с другой стороны... // <a href="https://sideffect.rusff.me/viewtopic.php?id=7374#p1425483">читать далее</a>
</div>
</div>
</div>[/html]

Поделиться392026-01-11 23:10:03

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

ЧОН ТЭГУН
VIXX ✴ 35 ✴ киллер-хранитель

«Ярость прошла. Обиды забыты. Трое в реанимации. Пятеро убиты.»

«Быть везучим – тоже навык.»

Такие истории бывают не только в кино, ведь всё, что способен придумать человек вполне может произойти, или уже происходило. Судьба уважает смелых и упорных. Лео всегда был таким. Настойчивым, упрямым. Тхэквондо, лёгкая атлетика, бокс, спортивное ориентирование, армейская подготовка. И во многом он был равным среди первых. Преуспевал в музыке и пении, умеет играть на пианино. Богатый голос достался ему от матери – школьной учительницы музыки и литературы. Но искусство его не интересовало. Нет, путь Тэгуна не был усеян розами, но и шипы оказались вполне по плечу амбициозному и рассудительному парню. К тридцати пяти годам внешне скромный и тихий, в узких кругах мужчина приобрёл бешеную известность элитного телохранителя.

Не обременённый семейными и иными обязательствами, Чон всегда был лёгок на подъём, что делало его подходящим выбором для многих клиентов. Кроме того, он неплохо ориентировался в правилах этикета разных народов, постоянно учил иностранные языки, к тридцати пяти годам свободно разговаривая на испанском, арабском, китайском, японском, английском. Необходимость оставаться лучшим из лучших заставляла мужчину помимо всего прочего интересоваться и передовыми разработками в авиа, автомобилестроении, радио и компьютерной электронике. Из-за этого свободного времени фактически не оставалось, зато любой объект мог чувствовать себя в полной безопасности почти по всему миру.

Тэгун молчалив, сдержан. Чаще всего ограничивается краткими фразами исключительно по делу, без лишних эмоций, словно робот. Холодный, спокойный, проницательный, немного надменный. Улыбка – чаще знак вежливости, чем радости, обычное серьёзное выражение лица, немного сдвинутые брови – вот и весь запас. Телохранитель должен быть бесшумным и незаметным, как тень. Всё слышать и видеть, успевать отвести угрозу, принять удар на себя, и не помешать клиенту ни в чём. Поэтому во время пути, в том же самолёте, его чаще всего можно было застать за чтением мировой классики, совершенно не мешавшей работе. Интроверт со склонностью к уединению – скажут одни, внимательный наблюдатель – другие. Скромность и даже некоторая застенчивость служат ему и хорошую, и порой плохую службу. Педантичен, ценит свободу и личное пространство, любит порядок, чистоту, может показаться брезгливым. Любит животных. Души не чает в маленьких детях. Пьёт много кофе, изредка курит.

Лео обладает выносливым телом, высокой скоростью реакции, навыками оказания медицинской помощи, умением трезво оценить обстановку и быстро принять стратегически-правильное решение. Прекрасно владеет обеими руками. Не обременён семейными обязательствами, так как считает, что пока он работает в этой профессии, то не имеет права на личную жизнь. Во-первых, она может стать причиной проблем на работе, а во-вторых слишком большое моральное напряжение на семью. Ему хватало и переживаний матери о его благополучии, вешать это бремя на кого-то ещё он считал непозволительной роскошью. К тому же, Чон свято чтил негласный кодекс, запрещавший любые отношения с клиентами, кроме деловых. Учитывая, что девяносто процентов своего времени он проводил на работе, трудно предположить, где бы он мог встретить своего человека.

Вообще-то мужчина с детства мечтал связать свою судьбу с армией и прекрасно справлялся с этой задачей. Только жизнь внесла свои коррективы. Ранение, роковое «не годен». Затем друг отца взял его к себе, предложив стать телохранителем. Жизнь в Сеуле. Хорошая зарплата. Возможность защищать людей. Лео быстро согласился и вскоре занял место «ведущего специалиста». С подчинёнными и клиентами строг, с первыми ещё и довольно жёстко себя ведёт. Не терпит панибратства и лени, а также утаивания информации. В данном смысле его девиз: «клиент всегда прав, но голову включать всё же надо». Верен понятиям долга и чести во всём. Заядлый спортсмен, Тэгун либо в зале, либо в бассейне, либо дома с книгой проводит свои десять процентов времени, что приходится отдыхать от работы. Однако не отказывается поиграть в футбол или баскетбол с сослуживцами.

Дата рождения: 15 ноября. Есть родной брат, о котором мало кто знает.

Поделиться402026-01-11 23:10:41

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

пришла моя головная боль

В ПОИСКАХ [ ПРОБЛЕМ ]
Lee Sung Kyung ✴ actress
--
Губы – алые, как листья клёна осенью. Взгляд острей турецкого клинка. Язычок змеиный, дерзкий, всё твердит: "пора, пора, пора".
Зарисовка номер один:
– Подними.
– ...
– Я сказала, подними.
– Ты белены объелась? – Видно, что парню очень хотелось дать затрещину маленькой нахалке, решивший поиздеваться над своими охранниками. Другие девочки из группы внимательно наблюдали за этой сценкой. Вскоре мужчине постарше надоела перепалка этих двоих, он просто подошёл и поднял с пола девичий блеск для губ, сохраняя на лице выражение полнейшего безразличия. Ему не сложно.

Чуть позднее в комнате охраны.
– Зачем ты это сделал, хён? Хочешь, чтобы она окончательно села тебе на шею? Ты слишком добр к этой мелкой мерзавке, – злился обиженный парень.
– Она просто ребёнок, Ким, – кратко отрезал Лео, но его взгляд... это выражение парни знали хорошо. Оно чётко выражало презрение. И сейчас очевидно означало: «надо себя не уважать, чтобы спорить с девчонкой». Ким сразу стушевался и, раскрасневшись от стыда, сел в сторону.

На следующий день Лео и Ким снова выпала смена в репетиционном зале. Дорогу от общежития до концертного зала Тэгун знал наизусть. Водил автобус с девчатами именно он. Видел, как нервничали они перед концертом. Он не сильно вдавался в подробности, что там будет, прослушивание это или ждать зрителей со стороны. В его задачу входила безопасность девушек, а не их расписание.
Проверить гримёрки, зайти вместе с ними в зал и раствориться в тени за сценой, пока нет людей в зрительной части зала. Раствориться, но быть недалеко. Ким же всегда вставал ближе к дверям, создавая второй круг защиты. Он не мог покидать свой пост, чем девчонки частенько пользовались, всячески вызывая в парне разные эмоции. Благо, они моментально отражались на его лице. С Лео в этом плане им было сложнее и тем интереснее. Мелкая засранка, как назвал младшенькую участницу Ким, явно решила именно так. И когда Лео проходил мимо, будто бы нечаянно смахнула со стола свой блеск для губ.

– Упс... какой ты неловкий, ай-яй-яй, – озорство в глазах, большой вызов для её юного возраста, – подними.
Лео спокойно остановился, не меняясь в лице, лишь мельком взглянув на засранку, поднял флакончик и поставил на стол с лёгким стуком. Р-р-раз.
– Поаккуратнее давай, это всё денег стоит, – нахмурилась девчонка, но мужчина просто пошёл дальше.

* * *

Зарисовка номер два:
– Оп-па-а-а, а ты ведь поможешь мне в изучении китайского? Я хочу понимать, о чём мы поём. И... ну вот как это всё говорить? Ты же поможешь? – Сонгён мастерица в гримасничании. Мартышка маленькая кривит рот, делает щенячьи глазки.
– Нет, – кратко отвечает Лео.
– Ну оп-па-а-а, ну пожалуйста...
– У вас есть специально нанятый и обученный человек для этого. Обратись к нему.
– Вот вредный какой! А я не хочу к нему. Он на нас смотрит слишком сально.
– Сально? Откуда ты слова-то такие знаешь, – редкая мягкая усмешка появляется на лице охранника и взгляд немного теплеет. Он понимает, что девчонка не отвяжется. Знает, что репетитор девушек обладает прекрасной репутацией и никогда не взглянет на школьниц неправильно. Хоть это и не входит в его обязанности напрямую, Лео всегда заранее проверял каждого, кто должен был работать с группой.
– Знаю и всё. Ну так поможешь? – И снова губки-уточкой, в глазках волнение, ручки сложены так чинно-чинно, прямо отличница у доски на экзамене.
– Хорошо. На следующей неделе в пятницу я смогу уделить тебе пару часов. Не больше.
– Айя! Спасибо, оппа! Я тебя не разочарую!

* * *

Между ними десять лет. Это пахнет огромными проблемами. Она опасна. Он не должен думать о ней. Никогда не должен был. Но не может. Заморашка из соседнего двора, приходившая к его матери на занятия. После армии Лео видит её снова среди своих клиентов. Сильно изменившуюся. Уже оформившуюся юную девушку с большими амбициями. Их агенство наняли телохранителями девичьей группы ещё до дебюта. А дальше жизнь покажет, что будет дальше.
Приходи, моя проверка на выдержку. Остальное обсудим и решим вместе.

Поделиться412026-01-11 23:14:52

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

вы когда-нибудь собирали свою маленькую коллекцию? кто-то бегает за картоном, трепетно пытаясь выловить эксклюзив, а у кого-то была сумка с фишками, кто-то смахивает пыль и выставляет фигурки на полку, а кто-то протирает корешки книг, устраивая из дома мини-библиотеку. но к чему это мы? всё просто. теперь у нас вы тоже можете собрать всевозможные коллекции, а в скором времени может появиться возможность заказать свою собственную! коллекции будут меняться, появляться особые карточки, так что успевайте и следите за ходом развития событий.

перед вами карточки с заданиями,
всё что нужно — несколько простых шагов:

1. заполнить шаблон, указав название понравившейся карточки.
2. внимательно ознакомиться с заданиями.
3. выполнить их все, отмечая доказательства в этом же сообщении.
4. задания в стиле "написать что-то, составить список", оставляются в данной теме.
5. забрать награду и радоваться.

несколько важных правил, о которых стоит помнить:
1. на одно сообщение — одна карточка.
2. одновременно брать и делать несколько карточек нельзя.
3. можно выполнить и собрать все карточки, а можно только одну — всё на ваш вкус и цвет.
4. задания бессрочные и выполнять их можно когда и как вам удобно.
5. пропуск одного задания в карточке = 30 реклам за сутки или бонус лимитки. важно помнить, что в карточке можно пропустить только одно задание.
награда за одну собранную карточку:
награда за все собранные карточки:
— иконка карточки на страницу;
— индивидуальная плашка карточки;
— 2000 денег на счёт.

— особая иконка коллекции;
— индивидуальная плашка коллекции;
— 5000 денег на счёт;
— любая лимитная карта на выбор с бонусом на удвоение суммы в банке [ забирать в теме с альбомами ]

коллекция #32 :: китайские новеллы

~ МАГИСТР ДЬЯВОЛЬСКОГО КУЛЬТА ~

1. создай эстетику с участником форума, проассоциировав его с персонажем из данной китайской новеллы.
2. выложи три цитаты из чужих постов с упоминанием любого цвета.
3. расскажи по каким причинам твой персонаж бы завёл/не завёл кролика. [минимум 200 символов]
~ БЛАГОСЛОВЕНИЕ НЕБОЖИТЕЛЕЙ ~

1. выложи три фотографии бабочки, сделанные тобой.
2. проходи сутки с эмодзи в подписи.
3. нажми 10 "это интересно" и расскажи о своём персонаже в этом стиле
~ СИСТЕМА "СПАСИ-СЕБЯ-САМ" ДЛЯ ГЛАВНОГО ЗЛОДЕЯ ~

1. задай 10 вопросов во флуде, на которые тебе бы хотелось от кого-то получить ответ, и в 10 сообщениях ответь на них сам.
2. прими участие во всех играх форума
3. оставьте две рекомендации на фильмы/сериалы/мультфильмы, в которых вам нравится "злодей" с пояснением, какой и почему.
~ ХАСКИ И ЕГО УЧИТЕЛЬ БЕЛЫЙ КОТ ~

1. 5 сообщений в подслушано рассуждай о том, кого бы больше хотел завести твой персонаж собаку или кота.
2. три дня отмечайся в зайди и возьми.
3. оставь 20 реклам.
~ ТОПИТЬ В ВИНЕ БУШУЮЩЕЕ ПЛАМЯ ПЕЧАЛИ ~

1. оставь отдельными сообщениями 10 песен с упоминанием алкоголя в соответствующей теме.
2. в фактах расскажи об отношениях твоего персонажа к алкоголю и людям, которые его употребляют.
3. нажми 30 "это интересно"
~ ДАЛЁКИЕ СТРАННИКИ ~

1. выложи в социальной сети 5 фотографий с местами, куда хочется отправиться твоему персонажу.
2. оставь другим игрокам 30 комментариев с фразой "давай отправимся в путешествие?".
3. оставь 20 реклам.
~ МИРИАДЫ ОСЕНЕЙ ~

1. расскажи, чему ты научился на ролевых. [минимум 200 символов]
2. три раза проголосуй на rpg-топе.
3. нажми тридцать "это интересно" [учитываются только новые тыки]
~ ИЗБАЛОВАННАЯ СУПРУГА НАГРАДА ДЛЯ КОРОЛЯ ДЕМОНА ~

1. оставь в фактах три сообщения с чертами, которые твой персонаж считает в себе отрицательными.
2. 20 сообщений в мыслефлуде, убеждай людей, что тебе пора вступить в брак/им пора вступить в брак.
3. выложи в социальную сеть пять фотографий с влюблёнными парочками.
~ АГЕНТЫ ВРЕМЕНИ ~

1. поставь плюсы на 30 постах других игроков.
2. проведи на форуме 5 часов в онлайне.
3. расскажи о том человеке, которого ты ценишь. [минимум 200 символов]
~ ЛЕГЕНДА О ЧЖАОЯО ~

1. подари подарок из категории "напитки" игроку, заполнявшему карточку коллекции до тебя
2. составь плейлист по названию дорамы.
3. порекомендуй две китайские дорамы
~ ИСТОРИЯ ДВОРЦА КУНЬНИН ~

1. оставь в подслушано пять сплетен/баек про персонажей своих соигроков.
2. отметься во всех темах playground по одному разу.
3. пройди тест, выложи его результат и создай 3 эстетики в стиле древнего Китая.
~ ТВОЙ ВЫБОР ~

1. расскажи сюжет выбранной тобой новеллы
2. на сутки переоденься в любого героя из выбранной новеллы
3. оставь двадцать реклам

Код:

[b]1. название карточки ::[/b] ваш ответ
[b]2. пропуск задания ::[/b] ваш ответ (если не будет, ставим прочерк)
[b]3. задания ::[/b] ваш ответ
[b]4. доказательства ::[/b] ваш ответ

Поделиться422026-01-11 23:15:15

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div class=chtototelo>
<div class=chtotofon1></div>
<div class=chtotofon2></div>
<div class=chtotonazvanie>конструктор :: нежный-снежный</div>
<div class=chtototext>
<br><br>

<big>Для того, чтобы поучаствовать, нужно выполнить несколько простых действий: выполнить ДВА флудовых <a href=https://sideffect.rusff.me/viewtopic.php?id=4484>челленджа</a> [ или ОДИН игровой ], принести сюда доказательства — на вашем счету ОДНА попытка сбора плашки, то есть, сколько челленджей [ по условиям ] вы выполните, столько плашек и сможете получить.
<br>
плашка собирается следующим образом:
<br>— перед вами три лота, под каждым из которых спрятан стикер, градиент, фраза, естественно, какие именно — вы не увидите до получения результата [ а ой ] ;;
<br>— после того, как заработали попытку, приходите в данную тему и заполняете представленный внизу шаблон, отправляете и ждёте результата, плашка отправляется к вам сразу на личную страницу, а запрос сворачивается под спойлер и помечается чмоком от админа с готовым результатом ;;
<br>
немного о правилах:
<br>— на ОДНО сообщение ОДНА попытка [ не приходим сразу с пятью, например ] ;;
— поменять плашку, если она вам не понравилась, что-то переделать или поправить — нельзя ;;
— готовность плашки — 72 часа, не нужно дёргать амс, если вам не сделали её через два часа, только три дня после запроса.
<br><br>
<center>ШАГ ПЕРВЫЙ: Фразы
<br><br>
1. 2. 3. 4. 5.
<br>6. 7. 8. 9.
<br>10. 11. 12.
</center>
<br><br>
<center>ШАГ ВТОРОЙ: Стикер
<br><br>
1. 2. 3. 4. 5.
<br> 6. 7. 8. 9.
<br>10. 11. 12.
</center>
<br><br>
<center>ШАГ ТРЕТИЙ: Градиент
<br><br>
1. 2. 3.
4. 5.
<br>6. 7. 8. 9.
<br>10. 11. 12. </big>
</center>
</div>
</div>
[/html]

Шаблон для заказа:

Код:

[hide=99999999999999999999]Попытка: [приносим ссылку на доказательство]
Шаг первый: число от 1 до 12
Шаг второй: число от 1 до 12 
Шаг третий: число от 1 до 12[/hide]

Поделиться432026-01-11 23:15:36

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div class=chtototelo>
<div class=chtotofon1></div>
<div class=chtotofon2></div>
<div class=chtotonazvanie>сет лимитных карт :: админский</div>
<div class=chtototext>
<big><center><b>скажешь, что я разрешил (с) админ</b></center>
<br>
Коллекция с админскими моськами уже была, даже не одна. А вот сет админских карт ещё не собирали. День рождения Сайда - подходящий повод разжиться ценной подборкой. Времени у всех нас <b>до 14 мая</b> включительно.<br><br>

► все 6 лимиток можно собирать одновременно;<br>
► действуют бонусы, заточенные исключительно под сборы сетов;<br>
► пруфы выполнения заданий в виде скринов и/или ссылок обязательны;<br>
► сетовские лимитные карты привязываются к профилю, т.е. их нельзя подарить и даже передать своему твинку (если только у вас нет бонуса, позволяющего такое :3);<br>
► если вы соберёте все 6 карт админского сета, в награду получите уникальный фон биндера;<br><br>

<center><b>как получить лимитки</b></center><br>

► <b>Yang Jeongin</b>: создать либо закрыть два флуда [только давайте обойдёмся без драк!]<br><br>

► <b>Lee Siyeon</b>: заполнить <a href="https://upforme.ru/uploads/001b/16/97/59/251178.jpg">карточку шипа</a> для любимой пары на сайде (можно для своей) и написать зарисовку на 1500+ символов о её романтическом взаимодействии<br><br>

► <b>Han Jisung</b>: поставить 1000 "это интересно"<br><br>

► <b>Sakamoto Mashiro</b>: заработать 20 000 в банке [можно в несколько заходов, бонусы лимиток на пополнение счёта и удвоение суммы не учитываются, запрещены переводы между профилями]<br><br>

► <b>Kim Seungmin</b>: сделать эстетику на сайд + нарисовать/сфотошопить открытку к дню рождения сайда + нарисовать аватар Сынмину в пейнте<br><br>

► <b>Seo Yeji</b>: принять участие в 5-ти конкурсах [сбор сета, челлендж, конструктор, особый магазин и халява не в счёт; сбор карточек простой коллекции и особой коллекции учитываются по 1 разу, при этом карточка в каждой коллекции должна быть собрана]<br><br>

</div></div>[/html]

внешний вид альбома админского сета

код альбома (карты и бонусы проставлены; с вас ссылка на пруф)

Код:

[html]<center><div class="binder_special admins">

    <div class="pocket1">
        <a href="ССЫЛКА НА ПРУФ"><img src="https://upforme.ru/uploads/001b/16/97/95/925493.png" title="возможность умножить в банке сумму на пять, не суммируется с другими бонусами на умножение" class="card"></a></div>
        
    <div class="pocket2">
        <a href="ССЫЛКА НА ПРУФ"><img src="https://upforme.ru/uploads/001b/16/97/95/387065.png" title="возможность бесплатно забрать 5 плашек и 1 лимитку (без бонуса) из ивентов, включая архивные" class="card"></a></div>
        
    <div class="pocket3">
        <a href="ССЫЛКА НА ПРУФ"><img src="https://upforme.ru/uploads/001b/16/97/95/489963.png" title="10 раз поменять бонус любой лимитки в биндере на желаемый" class="card"></a></div>
        
    <div class="pocket4">
        <a href="ССЫЛКА НА ПРУФ"><img src="https://upforme.ru/uploads/001b/16/97/95/636783.png" title="любая услуга в магазине без оплаты [доступно: 5 раз]" class="card"></a></div>
        
    <div class="pocket5">
        <a href="ССЫЛКА НА ПРУФ"><img src="https://upforme.ru/uploads/001b/16/97/95/921430.png" title="3 аватара от амс" class="card"></a></div>
        
    <div class="pocket6">
        <a href="ССЫЛКА НА ПРУФ"><img src="https://upforme.ru/uploads/001b/16/97/95/683364.png" title="единоразово на счёт себе или другу 30000 вон" class="card"></a></div>
   
</div></center>[/html]

шаблон ответа (если что-то не собираете, ставьте прочерк)

Код:

[b]Yang Jeongin[/b] [создать либо закрыть два флуда]: 
[b]Lee Siyeon[/b] [заполнить карточку шипа и написать зарисовку]: 
[b]Han Jisung[/b] [поставить 1000 "это интересно"]:
[b]Sakamoto Mashiro[/b] [заработать 20 000 в банке]:
[b]Kim Seungmin[/b] [сделать эстетику на сайд + нарисовать/сфотошопить открытку к дню рождения сайда + нарисовать аватар Сынмину в пейнте]:
[b]Seo Yeji[/b] [принять участие в 5-ти конкурсах]:

Поделиться442026-01-11 23:16:26

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

Чтобы загрузить музыку в пост, нужно закинуть файл с музыкой в эту папку, файл должен быть в одном из форматов: mid, midi, mp3, ogg, wav, mp4, ts, mpd и не больше 10MB. После чего нужно прийти в тему связь с амс #13 и запросить там ссылку на вашу музыку, после получения которой вставить в код и радоваться

[html]<div class="side_insta-wrap">
<div class="side_insta-header">
<div class="side_insta-header-left">
<div class="side_insta-ava">
<img src="https://upforme.ru/uploads/001b/16/97/626/14453.png">
<dot></dot>
</div>
<span>insomnia</span>
</div>
<div class="side_insta-header-right">
<div class="side_insta-header-quote">
искусство — отображение жизни. жизнь состоит из повседневных явлений, а <b>искусство</b> — синтез повседневного, его сгусток; оно даёт типичное в повседневности, идеальное, отточенное из общей массы, отобранное, прекрасное.
</div>
<div class="side_insta-divider"></div>
<div class="audio-player">
<div class="audio-controls">
<div id="play-btn"></div>
<div class="audio-wrapper" id="player-container" href="javascript:;">
<audio id="player" ontimeupdate="initProgressBar()">
<source src="https://forumstatic.ru/files/001b/cd/92/73457.mp3" type="audio/mp3">
</audio>
</div>
<span id="seekObjContainer">
<progress id="seekObj" value="0" max="1"></progress>
</span>
<small class="start-time">00:00</small>
</div>
<div class="audio-name">
<b>Midnight Affair</b>
—
Mirko Hirsch
</div>
</div>
<div class="side_insta-divider"></div>
<div class="side_insta-header-right-social">
<div class="side_insta-header-right-social-item">
<span class="followers-icon"></span>
54
</div>
<div class="side_insta-header-right-social-item">
<span class="likes-icon"></span>
154
</div>
<div class="side_insta-header-right-social-item">
<span class="follow-icon"></span>
954
</div>
</div>
</div>
</div>
<div class="side_insta-photos">
<img src="https://upforme.ru/uploads/001b/16/97/626/14453.png">
<img src="https://upforme.ru/uploads/001b/16/97/626/14453.png">
<img src="https://upforme.ru/uploads/001b/16/97/626/14453.png">
<img src="https://upforme.ru/uploads/001b/16/97/626/14453.png">
<img src="https://upforme.ru/uploads/001b/16/97/626/14453.png">
<img src="https://upforme.ru/uploads/001b/16/97/626/14453.png">
</div>
</div>

код, не забудьте убрать *

Поделиться452026-01-11 23:16:43

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

ШАБЛОН ПОСТА + КОММЕНТАРИЙ К ПОСТУ

[html]<div class="side_insta_post-wrap">
<div class="side_insta_post">
<div class="side_insta_post-header">
<img src="https://forumstatic.ru/files/001b/16/97/14453.png">
<div class="side_insta_post-user">
insomnia
<span> На утро весь мир иной, как-будто всё не со мной. Как-будто шар земной по швам трещит.</span>
</div>
</div>
<div class="side_insta_post-content">
<img src="https://forumstatic.ru/files/001b/cd/92/38195.jpg">
не важно, что именно ты делаешь, важно, чтобы всё, к чему ты прикасаешься, меняло форму, становилось не таким, как раньше, чтобы в нём оставалась частица тебя самого.
</div>
<div class="side_insta_post-social">
<div class="side_insta_post-social-item">
<span class="like-icon"></span>
154
</div>
<div class="side_insta_post-social-item">
<span class="eye-icon"></span>
154
</div>
</div>
</div>
</div>
[/html]

КОД ПОСТА+КОММЕНТАРИЙ К ПОСТУ, не забудьте убрать *

Поделиться462026-01-11 23:16:58

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]<div class="side_insta_stories-wrap">
<div class="side_insta_stories-header">
<div class="side_insta_stories-lines">
<line class="watching"></line>
<line></line>
<line></line>
</div>
<div class="side_insta_stories-user">
<img src="https://forumstatic.ru/files/001b/16/97/14453.png">
insomnia
</div>
</div>
<div class="side_insta_stories-footer">
<div class="side_insta_stories-footer-emoji">
<div class="side_insta_stories-footer-emoji-item">
5 <img src="https://forumstatic.ru/files/001b/cd/92/93625.png">
</div>
<div class="side_insta_stories-footer-emoji-item">
9 <img src="https://forumstatic.ru/files/001b/cd/92/65119.png">
</div>
</div>
<div class="side_insta_stories-footer-social">
154
<span class="eye-icon"></span>
</div>
</div>
<img src="https://upforme.ru/uploads/0018/25/bf/2/257997.png">
</div>
[/html]

код, не забудьте убрать *

Поделиться472026-01-11 23:19:01

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div class=chtototelo>
<div class=chtotofon2></div>
<div class=chtotonazvanie>акция для новеньких</div>
<div class=chtototext>

если у вас новый профиль (подходит как для твинков, так и для совсем новичков), то после принятия стоит заглянуть в данную тему. перед вами три слота на выбор: комплект или лимитки с привлекательными бонусами (отображаются при наведении курсора на карточку) для стартовой покупки. заполняете по шаблону и забираете своё добро.

<br><br>— комплект не передаётся на другой профиль.
<br>— лимитка используется только для начисления\покупки на этот профиль.
<br>— в магазине в качестве доказательства приносите ссылку на сообщение здесь.
<br>— бонус действует две недели, после того, как вы его забрали. то есть, за это время нужно активировать.

<table width="100%"><tr valign="top">
<td width="250px"><h1>слот 1</h1>
<center><img class="gif_i" src="https://images2.imgbox.com/81/7e/YsM3i1sh_o.gif">
<br><br><img src="https://images2.imgbox.com/e4/0b/KrlW54qv_o.png">
<br><br><img src="https://images2.imgbox.com/a3/33/PMuLYxSd_o.png"></center>
</td>
<td><h1>слот 2</h1>
<center><img src="https://upforme.ru/uploads/001b/16/97/626/471326.png" title="скидка 50% на покупку в магазине + 1 крутка альбома"></center></td>
<td><h1>слот 3</h1>
<center><img src="https://upforme.ru/uploads/001b/16/97/626/857613.png" title="1000 в профиль + фон профиля на выбор из магазина бесплатно (фон забираем через магазин)"></center></td>
</tr></table>
</div></div>[/html]

Код:

1. номер слота 
2. ставить в профиль или нет (если комплект)

Поделиться482026-01-11 23:19:25

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]<div class=shop_fon></div>
<div class=shop_telo>
<div class=shop_name>магазин</div>

в данной теме покупаются: плашки, индивидуальные плашки (только за бонус), иконки, фоны профиля, фон личной страницы, стандартные подарки. обращаем внимание, что фоны личной страницы не накапливаются, соответственно, оплачивается каждая смена фона. подарки лежат на <a href="https://sideffect.rusff.me/pages/0_present">отдельной странице</a>. не забывайте оформлять запросы по шаблону. максимальное время обработки запроса - 48 часов. <b>цены указаны в сайдах и в осколках.</b>

<br><table width=100%><tr valign=top><td width=20%></td>
<td>
<br>плашка градиент — 400 ▸ 5
<br>плашка фон — 600 ▸ 5
<br>плашка анимация — 1000 ▸ 6
<br>иконка статика — 500 ▸ 6
<br>иконка анимация — 1000 ▸ 7
<br>индивидуальный фон профиля — 1800 ▸ 15
<br>индивидуальная плашка градиент — 1200 ▸ 10
<br>индивидуальная плашка анимация — 3000 ▸ 20
</td>
<td>
<br>индивидуальная плашка фон — 1800 ▸ 15
<br>индивидуальная иконка статика — 900 ▸ 10
<br>индивидуальная иконка анимация — 3000 ▸ 20
<br>фон профиля — 600 ▸ 6
<br>фон личной страницы — 2000 ▸ 15
<br>правка инд. плашки х1 — 30
<br>подарок — 500
</td><td width=20%></td></tr></table>

<input checked id="shop_tab_v1" name="shop_tab_v" type="radio" value="">
<label for="shop_tab_v1">плашки градиент</label>
<input id="shop_tab_v2" name="shop_tab_v" type="radio" value="">
<label for="shop_tab_v2">плашки фон</label>
<input id="shop_tab_v3" name="shop_tab_v" type="radio" value="">
<label for="shop_tab_v3">плашки анимация</label>
<input id="shop_tab_v4" name="shop_tab_v" type="radio" value="">
<label for="shop_tab_v4">иконки</label>
<input id="shop_tab_v5" name="shop_tab_v" type="radio" value="">
<label for="shop_tab_v5">фоны профиля</label>
<input id="shop_tab_v6" name="shop_tab_v" type="radio" value="">
<label for="shop_tab_v6">фоны лс</label>

</div>

<div class="shop_td" style="width: 40%;padding-right: 20px;padding-left: 10px;display: flex;"><h1>статика</h1>
<img class="gif_i" src=" https://images2.imgbox.com/01/1a/g0nkuu … ">
<img class="gif_i" src="https://images2.imgbox.com/83/7f/AS22OM8M_o.png ">
<img class="gif_i" src="https://images2.imgbox.com/26/e7/pUtrbUWP_o.png">
<img class="gif_i" src=" https://images2.imgbox.com/45/04/4dmZaPAU_o.png ">
<img class="gif_i" src=" https://images2.imgbox.com/ce/32/DG1LZ3 … ">
<img class="gif_i" src="https://images2.imgbox.com/a0/36/JP85RRue_o.png ">
<img class="gif_i" src=" https://images2.imgbox.com/10/46/iet7of … ">
<img class="gif_i" src=" https://images2.imgbox.com/fe/54/sENCUy … ">
<img class="gif_i" src="https://images2.imgbox.com/09/a0/OdYABxU8_o.png ">
<img class="gif_i" src=" https://images2.imgbox.com/31/8b/xO6BaJ … ">
<img class="gif_i" src=" https://images2.imgbox.com/29/25/oVsHgeOm_o.png ">
<img class="gif_i" src="https://images2.imgbox.com/18/13/osDhDerk_o.png ">
<img class="gif_i" src=" https://images2.imgbox.com/d3/a5/iZPCkNbW_o.png ">
<img class="gif_i" src=" https://images2.imgbox.com/72/f7/ifV2jb … ">
<img class="gif_i" src="https://images2.imgbox.com/86/11/O81Ha5KW_o.png ">
<img class="gif_i" src=" https://images2.imgbox.com/46/7f/cojClL … ">
<img class="gif_i" src=" https://images2.imgbox.com/ef/62/9xngcW3I_o.png ">
<img class="gif_i" src="https://images2.imgbox.com/74/c7/nlA6OZQU_o.png ">
<img class="gif_i" src=" https://images2.imgbox.com/5e/d8/4cwAce … ">
<img class="gif_i" src=" https://images2.imgbox.com/65/07/saBCW0 … ">
<img class="gif_i" src="https://images2.imgbox.com/bd/06/M1Jw7xis_o.png ">

</div>

<div class="shop_td" style="width: 40%;padding-right: 10px;padding-left: 20px;display: flex;"><h1>анимация</h1>
<img class="gif_i" src="https://images2.imgbox.com/e5/51/eJTxTO5M_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/8e/b7/HMKtoh7d_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/b2/91/c138pwic_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/26/66/E6SJfNEF_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/24/cf/axZcUTqS_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/f4/0e/cLEV30YN_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/0f/e9/2ZSAS8Yn_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/12/29/KJ8Nr2vY_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/08/3f/GwOTdUiu_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/f0/9e/y3sfxEuG_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/bc/b9/q7e8CX20_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/a0/80/cuAPzNXC_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/da/1e/RU32vHBV_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/2b/81/2mmMG6P9_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/fa/bd/BI6xO7HW_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/fc/4a/7TQ6Xxl4_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/fc/2c/KnRUHTTp_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/ce/d0/G9dyFHSd_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/90/fe/zws3DFlM_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/b4/86/FCwjUtCn_o.gif">
<img class="gif_i" src="https://images2.imgbox.com/6e/4b/K3VR4JAY_o.gif">

</div>
</div>

</div>
</div></div></div>[/html]

купить товар магазина

Код:

[size=12]» что покупаем[/size]: 
[size=12]» кому покупаем[/size]: 
[size=12]» цена и итоговая сумма в профиле[/size]: 
[size=12]» ставить в профиль[/size]:

купить индивидуальную плашку

Код:

[size=12]» что покупаем[/size]: индивидуальная плашка. каждое последующее редактирование (замена цветов \ картинок) дополнительно оплачивается за каждый раз в 200 сайдов
[size=12]» кому покупаем[/size]: 
[size=12]» текст[/size]:  [2 строки, не больше 30 символов с пробелами]
[size=12]» градиент/фон/гиф[/size]: [коды желаемых цветов если градиент, либо прикрепить картинки в нормальном качестве, цвет текста на плашке всегда белый]
[size=12]» уточнения/пожелания[/size]: 
[size=12]» цена и итоговая сумма в профиле[/size]: 
[size=12]» ставить в профиль[/size]:

купить индивидуальный фон

Код:

[size=12]» что покупаем[/size]: индивидуальный фон профиля. каждое последующее редактирование (замена цветов \ картинок) дополнительно оплачивается за каждый раз в 200 сайдов
[size=12]» кому покупаем[/size]: 
[size=12]» градиент/фон[/size]: [коды желаемых цветов если градиент, либо прикрепить картинки в нормальном качестве]
[size=12]» уточнения/пожелания[/size]: 
[size=12]» цена и итоговая сумма в профиле[/size]: 
[size=12]» ставить в профиль[/size]:

купить индивидуальную иконку

Код:

[size=12]» что покупаем[/size]: индивидуальная иконка статика/анимация. каждое последующее редактирование (замена цветов \ картинок) дополнительно оплачивается за каждый раз в 200 сайдов
[size=12]» кому покупаем[/size]: 
[size=12]» изображение/гиф[/size]: [ссылка на картинку в нормальном качестве. учтите, что иконка должна быть хорошо видимой]
[size=12]» уточнения/пожелания[/size]: 
[size=12]» цена и итоговая сумма в профиле[/size]: 
[size=12]» ставить в профиль[/size]:

купить стандартный подарок [не более 1 в сутки]

Код:

[b]подарок[/b]: ссылка на картинку или изображение подарка
[b]кому[/b]: ссылка на профиль
[b]подпись[/b]: ваше послание к подарку, либо прочерк в случае отсутствия текста
[b]цена[/b]: ссылка на биндер (старый в том числе) с лимиткой и указанием номера ряда и номера ячейки // либо бесплатно

СЕЗОННЫЕ ПОДАРКИ "НОВЫЙ ГОД"
доступны до 11 января
стоимость: первый - бесплатно, далее - бонус лимитки на покупку сезонного подарка
ограничение по количеству сезонных подарков: 5 штук в день

[html]
<center>
<table>
<tr><td><center><img src="https://i.imgur.com/HCMi3Ph.png"> <img src="https://i.imgur.com/ZQdTEAH.png"> <img src="https://i.imgur.com/sEnujuo.png"> <img src="https://i.imgur.com/uu4c12q.png"> <img src="https://i.imgur.com/wvFNjro.png"> <img src="https://i.imgur.com/EoBqccz.png"> <img src="https://i.imgur.com/DnZp26O.png"></center></td><tr>
<tr><td><center><img src="https://i.imgur.com/4h2pqob.png"> <img src="https://i.imgur.com/6JkejkW.png"> <img src="https://i.imgur.com/hWnMgVL.png"> <img src="https://i.imgur.com/IWwEkKk.png"> <img src="https://i.imgur.com/SJl17HL.png"> <img src="https://i.imgur.com/pn6Bv2m.png"> <img src="https://i.imgur.com/XpZW7aV.png"></center></td><tr>
<tr><td><center><img src="https://i.imgur.com/8gsPMce.png"> <img src="https://i.imgur.com/UG91xw1.png"> <img src="https://i.imgur.com/IRUBNNZ.png"> <img src="https://i.imgur.com/zAtd8Hg.png"> <img src="https://i.imgur.com/7Vht2nt.png"> <img src="https://i.imgur.com/LWHewox.png"> <img src="https://i.imgur.com/kdM6Pju.png"></center></td><tr>
<tr><td><center><img src="https://i.imgur.com/lRpUYNo.png"> <img src="https://i.imgur.com/YQt92dp.png"> <img src="https://i.imgur.com/QyfnZQs.png"> <img src="https://i.imgur.com/BlSVbwd.png"> <img src="https://i.imgur.com/deKoXv5.png"> <img src="https://i.imgur.com/UU6SB7X.png"> <img src="https://i.imgur.com/rV6uo71.png"></center></td><tr>
</table>
</center>
[/html]

Код:

[b]подарок[/b]: ссылка на картинку или изображение подарка
[b]кому[/b]: ссылка на профиль
[b]подпись[/b]: ваше послание к подарку, либо прочерк в случае отсутствия текста
[b]цена[/b]: ссылка на биндер (старый в том числе) с лимиткой и указанием номера ряда и номера ячейки

Поделиться492026-01-11 23:19:44

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]<div style="width:100%; max-width:1020px; margin:0 auto; font-family:Arial, sans-serif; display:flex; gap:15px; flex-wrap:wrap;">
<div style="flex:1 1 240px; border-radius:12px; padding:15px; background:url('https://i.imgur.com/5NXzlwV.jpeg') center/cover no-repeat;">
<h3 style="text-align:center; color:#000;">НАСТОЯЩЕЕ</h3>
<div style="margin-top:10px;">
<div style="background:rgba(255,255,255,0.85); height:150px; margin-bottom:15px; border-radius:12px; padding:15px; overflow:auto; box-shadow:0 4px 10px rgba(0,0,0,0.1);">
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
</div>
</div>
</div>
<div style="flex:1 1 240px; border-radius:12px; padding:15px; background:url('https://i.imgur.com/5NXzlwV.jpeg') center/cover no-repeat;">
<h3 style="text-align:center; color:#000;">ПРОШЛОЕ</h3>
<div style="margin-top:10px;">
<div style="background:rgba(255,255,255,0.85); height:150px; margin-bottom:15px; border-radius:12px; padding:15px; overflow:auto; box-shadow:0 4px 10px rgba(0,0,0,0.1);">
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
</div>
</div>
</div>
<div style="flex:1 1 240px; border-radius:12px; padding:15px; background:url('https://i.imgur.com/5NXzlwV.jpeg') center/cover no-repeat;">
<h3 style="text-align:center; color:#000;">AU</h3>
<div style="margin-top:10px;">
<div style="background:rgba(255,255,255,0.85); height:150px; margin-bottom:15px; border-radius:12px; padding:15px; overflow:auto; box-shadow:0 4px 10px rgba(0,0,0,0.1);">
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
</div>
</div>
</div>
<div style="flex:1 1 240px; border-radius:12px; padding:15px; background:url('https://i.imgur.com/5NXzlwV.jpeg') center/cover no-repeat;">
<h3 style="text-align:center; color:#000;">АРХИВ</h3>
<div style="margin-top:10px;">
<div style="background:rgba(255,255,255,0.85); height:150px; margin-bottom:15px; border-radius:12px; padding:15px; overflow:auto; box-shadow:0 4px 10px rgba(0,0,0,0.1);">
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
</div>
</div>
</div>
</div>
[/html]

код

Код:

[html]<div style="width:100%; max-width:1020px; margin:0 auto; font-family:Arial, sans-serif; display:flex; gap:15px; flex-wrap:wrap;">
<div style="flex:1 1 240px; border-radius:12px; padding:15px; background:url('https://i.imgur.com/5NXzlwV.jpeg') center/cover no-repeat;">
<h3 style="text-align:center; color:#000;">НАСТОЯЩЕЕ</h3>
<div style="margin-top:10px;">
<div style="background:rgba(255,255,255,0.85); height:150px; margin-bottom:15px; border-radius:12px; padding:15px; overflow:auto; box-shadow:0 4px 10px rgba(0,0,0,0.1);">
 <div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
 <div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
 <div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
</div>
</div>
</div>
<div style="flex:1 1 240px; border-radius:12px; padding:15px; background:url('https://i.imgur.com/5NXzlwV.jpeg') center/cover no-repeat;">
<h3 style="text-align:center; color:#000;">ПРОШЛОЕ</h3>
<div style="margin-top:10px;">
<div style="background:rgba(255,255,255,0.85); height:150px; margin-bottom:15px; border-radius:12px; padding:15px; overflow:auto; box-shadow:0 4px 10px rgba(0,0,0,0.1);">
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
 <div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
</div>
</div>
</div>
<div style="flex:1 1 240px; border-radius:12px; padding:15px; background:url('https://i.imgur.com/5NXzlwV.jpeg') center/cover no-repeat;">
<h3 style="text-align:center; color:#000;">AU</h3>
<div style="margin-top:10px;">
<div style="background:rgba(255,255,255,0.85); height:150px; margin-bottom:15px; border-radius:12px; padding:15px; overflow:auto; box-shadow:0 4px 10px rgba(0,0,0,0.1);">
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
</div>
</div>
</div>
<div style="flex:1 1 240px; border-radius:12px; padding:15px; background:url('https://i.imgur.com/5NXzlwV.jpeg') center/cover no-repeat;">
<h3 style="text-align:center; color:#000;">АРХИВ</h3>
<div style="margin-top:10px;">
<div style="background:rgba(255,255,255,0.85); height:150px; margin-bottom:15px; border-radius:12px; padding:15px; overflow:auto; box-shadow:0 4px 10px rgba(0,0,0,0.1);">
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
<div style="font-weight:bold; margin-bottom:5px;"><a href="ССЫЛКА НА ЭПИЗОД" target="_blank">— НАЗВАНИЕ ЭПИЗОДА</a> <br></div>
<div style="font-size:14px; line-height:1.5;">описание эпизода, кто с кем, статус, прочая информация <BR><br></div>
</div>
</div>
</div>
</div>
[/html]

Поделиться502026-01-11 23:19:59

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div style="width:100%; max-width:1020px; margin:0 auto; font-family:Arial, sans-serif; position:relative; padding:40px 0;
background:url('https://i.imgur.com/Q4oosVg.jpeg') center/cover no-repeat; border-radius:15px;">
<div style="position:absolute; top:0; left:0; right:0; bottom:0;
background:rgba(255,255,255,0.2); backdrop-filter:blur(2px); border-radius:15px;"></div>
<div style="position:relative; z-index:2;">
<div style="position:absolute; top:0; bottom:0; left:50%; width:4px; background:#000; transform:translateX(-50%);"></div>

<div style="position:relative; width:50%; padding:20px 40px 20px 0; float:left; box-sizing:border-box;">
<div style="position:absolute; right:-12px; top:20px; width:24px; height:24px; background:black; border-radius:50%;"></div>
<div style="background:rgba(255,255,255,0.85); padding:15px 20px; border-radius:12px;
box-shadow:0 4px 10px rgba(0,0,0,0.1); width:70%; margin:0 auto; height:150px; overflow:auto;">
<div style="font-weight:bold; font-size:20px; margin-bottom:6px;">НАСТОЯЩЕЕ</div><br>
<div style="font-size:14px; line-height:1.5;">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
</div>
</div>
</div>

<div style="position:relative; width:50%; padding:20px 0 20px 40px; float:right; box-sizing:border-box;">
<div style="position:absolute; left:-12px; top:20px; width:24px; height:24px; background:black; border-radius:50%;"></div>
<div style="background:rgba(255,255,255,0.85); padding:15px 20px; border-radius:12px;
box-shadow:0 4px 10px rgba(0,0,0,0.1); width:70%; margin:0 auto; height:150px; overflow:auto;">
<div style="font-weight:bold; font-size:20px; margin-bottom:6px;">ПРОШЛОЕ</div><br>
<div style="font-size:14px; line-height:1.5;">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
</div>
</div>
</div>

<div style="position:relative; width:50%; padding:20px 40px 20px 0; float:left; box-sizing:border-box;">
<div style="position:absolute; right:-12px; top:20px; width:24px; height:24px; background:black; border-radius:50%;"></div>
<div style="background:rgba(255,255,255,0.85); padding:15px 20px; border-radius:12px;
box-shadow:0 4px 10px rgba(0,0,0,0.1); width:70%; margin:0 auto; height:150px; overflow:auto;">
<div style="font-weight:bold; font-size:20px; margin-bottom:6px;">AU</div><BR>
<div style="font-size:14px; line-height:1.5;">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
</div>
</div>
</div>

<div style="position:relative; width:50%; padding:20px 0 20px 40px; float:right; box-sizing:border-box;">
<div style="position:absolute; left:-12px; top:20px; width:24px; height:24px; background:black; border-radius:50%;"></div>
<div style="background:rgba(255,255,255,0.85); padding:15px 20px; border-radius:12px;
box-shadow:0 4px 10px rgba(0,0,0,0.1); width:70%; margin:0 auto; height:150px; overflow:auto;">
<div style="font-weight:bold; font-size:20px; margin-bottom:6px;">АРХИВ</div><BR>
<div style="font-size:14px; line-height:1.5;">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
[/html]

код

Код:

[html]
<div style="width:100%; max-width:1020px; margin:0 auto; font-family:Arial, sans-serif; position:relative; padding:40px 0; 
            background:url('https://i.imgur.com/Q4oosVg.jpeg') center/cover no-repeat; border-radius:15px;">
<div style="position:absolute; top:0; left:0; right:0; bottom:0; 
              background:rgba(255,255,255,0.2); backdrop-filter:blur(2px); border-radius:15px;"></div>
 <div style="position:relative; z-index:2;">
<div style="position:absolute; top:0; bottom:0; left:50%; width:4px; background:#000; transform:translateX(-50%);"></div>
<!-- Настоящее — слева -->
<div style="position:relative; width:50%; padding:20px 40px 20px 0; float:left; box-sizing:border-box;">
<div style="position:absolute; right:-12px; top:20px; width:24px; height:24px; background:black; border-radius:50%;"></div>
 <div style="background:rgba(255,255,255,0.85); padding:15px 20px; border-radius:12px; 
                  box-shadow:0 4px 10px rgba(0,0,0,0.1); width:70%; margin:0 auto; height:150px; overflow:auto;">
        <div style="font-weight:bold; font-size:20px; margin-bottom:6px;">НАСТОЯЩЕЕ</div><br>
        <div style="font-size:14px; line-height:1.5;">
          <a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
</div>
</div>
</div>
<!-- Прошлое — справа -->
<div style="position:relative; width:50%; padding:20px 0 20px 40px; float:right; box-sizing:border-box;">
<div style="position:absolute; left:-12px; top:20px; width:24px; height:24px; background:black; border-radius:50%;"></div>
 <div style="background:rgba(255,255,255,0.85); padding:15px 20px; border-radius:12px; 
                  box-shadow:0 4px 10px rgba(0,0,0,0.1); width:70%; margin:0 auto; height:150px; overflow:auto;">
<div style="font-weight:bold; font-size:20px; margin-bottom:6px;">ПРОШЛОЕ</div><br>
 <div style="font-size:14px; line-height:1.5;">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
</div>
 </div>
</div>
<!-- AU — слева -->
<div style="position:relative; width:50%; padding:20px 40px 20px 0; float:left; box-sizing:border-box;">
<div style="position:absolute; right:-12px; top:20px; width:24px; height:24px; background:black; border-radius:50%;"></div>
 <div style="background:rgba(255,255,255,0.85); padding:15px 20px; border-radius:12px; 
                  box-shadow:0 4px 10px rgba(0,0,0,0.1); width:70%; margin:0 auto; height:150px; overflow:auto;">
<div style="font-weight:bold; font-size:20px; margin-bottom:6px;">AU</div><BR>
 <div style="font-size:14px; line-height:1.5;">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
 </div>
 </div>
</div>
<!-- Архив — справа -->
<div style="position:relative; width:50%; padding:20px 0 20px 40px; float:right; box-sizing:border-box;">
<div style="position:absolute; left:-12px; top:20px; width:24px; height:24px; background:black; border-radius:50%;"></div>
 <div style="background:rgba(255,255,255,0.85); padding:15px 20px; border-radius:12px; 
                  box-shadow:0 4px 10px rgba(0,0,0,0.1); width:70%; margin:0 auto; height:150px; overflow:auto;">
 <div style="font-weight:bold; font-size:20px; margin-bottom:6px;">АРХИВ</div><BR>
 <div style="font-size:14px; line-height:1.5;">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> <br>
          ОПИСАНИЕ ЭПИЗОДА: КТО С КЕМ, СТАТУС, ПРОЧАЯ ИНФА <BR><br>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
[/html]

Поделиться512026-01-11 23:20:14

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]

<div style="width:100%; max-width:1020px; margin:0 auto; font-family:Arial, sans-serif;">
<div style="width:100%; height:150px; overflow:hidden; border-radius:15px; margin-bottom:20px;">
<img src="https://i.imgur.com/cmb43tS.gif" style="width:100%; height:100%; object-fit:cover; border-radius:15px;">
</div>
<div style="position:relative; padding:40px; background:url('https://i.imgur.com/ybvCvtI.png') center/cover no-repeat; border-radius:15px;">
<div style="position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.1); backdrop-filter:blur(1px); border-radius:15px;"></div>
<div style="position:relative; z-index:2;">
<div id="chrono-tabs" style="display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-bottom:20px; width:100%;">
<span class="tab active" data-cat="Настоящее" style="padding:8px 14px; background:#000; color:#fff; border-radius:8px; font-weight:bold; font-size:14px; text-transform:uppercase; cursor:pointer;">Настоящее</span>
<span class="tab" data-cat="Прошлое" style="padding:8px 14px; background:#fff; color:#000; border-radius:8px; font-weight:bold; font-size:14px; text-transform:uppercase; opacity:0.6; cursor:pointer;">Прошлое</span>
<span class="tab" data-cat="AU" style="padding:8px 14px; background:#fff; color:#000; border-radius:8px; font-weight:bold; font-size:14px; text-transform:uppercase; opacity:0.6; cursor:pointer;">AU</span>
<span class="tab" data-cat="Архив" style="padding:8px 14px; background:#fff; color:#000; border-radius:8px; font-weight:bold; font-size:14px; text-transform:uppercase; opacity:0.6; cursor:pointer;">Архив</span>
</div>
<div class="chrono-card" data-cat="Настоящее" style="background:rgba(255,255,255,0.75); border-radius:14px; padding:20px 25px; margin:0 auto 20px auto; box-shadow:0 4px 20px rgba(0,0,0,0.1); width:95%; height:200px; overflow:auto;">
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В НАСТОЯЩЕМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В НАСТОЯЩЕМ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание.</div><br>
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В НАСТОЯЩЕМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В НАСТОЯЩЕМ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание. </div><br>
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В НАСТОЯЩЕМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В НАСТОЯЩЕМ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание. </div><br>
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В НАСТОЯЩЕМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В НАСТОЯЩЕМ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание.</div><br>
</div>
<div class="chrono-card" data-cat="Прошлое" style="background:rgba(255,255,255,0.75); border-radius:14px; padding:20px 25px; margin:0 auto 20px auto; box-shadow:0 4px 20px rgba(0,0,0,0.1); width:95%; height:200px; overflow:auto;">
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В ПРОШЛОМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В ПРОШЛОМ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание.</div><br>
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В ПРОШЛОМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В ПРОШЛОМ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание.</div><br>
</div>

<div class="chrono-card" data-cat="AU" style="background:rgba(255,255,255,0.75); border-radius:14px; padding:20px 25px; margin:0 auto 20px auto; box-shadow:0 4px 20px rgba(0,0,0,0.1); width:95%; height:200px; overflow:auto;">
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД АЛЬТЕРНАТИВЫ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА АУ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание. </div><br>
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД АЛЬТЕРНАТИВЫ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА АУ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание. </div><br>
</div>
<div class="chrono-card" data-cat="Архив" style="background:rgba(255,255,255,0.75); border-radius:14px; padding:20px 25px; margin:0 auto 20px auto; box-shadow:0 4px 20px rgba(0,0,0,0.1); width:95%; height:200px; overflow:auto;">
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЗАКОНЧЕННЫЙ ЭПИЗОД" target="_blank">— НАЗВАНИЕ АРХИВНОГО ЭПИЗОДА</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание. </div><br>
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЗАКОНЧЕННЫЙ ЭПИЗОД" target="_blank">— НАЗВАНИЕ АРХИВНОГО ЭПИЗОДА</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание.</div><br>
</div>
</div>
</div>
</div>
<script>
const tabs = document.querySelectorAll("#chrono-tabs .tab");
const cards = document.querySelectorAll(".chrono-card");
tabs.forEach(tab => {
tab.addEventListener("click", () => {
tabs.forEach(t => { t.classList.remove("active"); t.style.background="#fff"; t.style.color="#000"; t.style.opacity="0.6"; });
tab.classList.add("active");
tab.style.background="#000";
tab.style.color="#fff";
tab.style.opacity="1";
const cat = tab.getAttribute("data-cat");
cards.forEach(c => {
if (c.getAttribute("data-cat") === cat) {
c.style.display="block";
} else {
c.style.display="none";
}
});
});
});

// по умолчанию показать "Настоящее"
cards.forEach(c => { if(c.getAttribute("data-cat")!=="Настоящее") c.style.display="none"; });
</script>

[/html]

код

Код:

[html]

<div style="width:100%; max-width:1020px; margin:0 auto; font-family:Arial, sans-serif;">
<div style="width:100%; height:150px; overflow:hidden; border-radius:15px; margin-bottom:20px;">
 <img src="https://i.imgur.com/cmb43tS.gif" style="width:100%; height:100%; object-fit:cover; border-radius:15px;">
</div>
<div style="position:relative; padding:40px; background:url('https://i.imgur.com/ybvCvtI.png') center/cover no-repeat; border-radius:15px;">
<div style="position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.1); backdrop-filter:blur(1px); border-radius:15px;"></div>
<div style="position:relative; z-index:2;">
<div id="chrono-tabs" style="display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-bottom:20px; width:100%;">
<span class="tab active" data-cat="Настоящее" style="padding:8px 14px; background:#000; color:#fff; border-radius:8px; font-weight:bold; font-size:14px; text-transform:uppercase; cursor:pointer;">Настоящее</span>
 <span class="tab" data-cat="Прошлое" style="padding:8px 14px; background:#fff; color:#000; border-radius:8px; font-weight:bold; font-size:14px; text-transform:uppercase; opacity:0.6; cursor:pointer;">Прошлое</span>
 <span class="tab" data-cat="AU" style="padding:8px 14px; background:#fff; color:#000; border-radius:8px; font-weight:bold; font-size:14px; text-transform:uppercase; opacity:0.6; cursor:pointer;">AU</span>
 <span class="tab" data-cat="Архив" style="padding:8px 14px; background:#fff; color:#000; border-radius:8px; font-weight:bold; font-size:14px; text-transform:uppercase; opacity:0.6; cursor:pointer;">Архив</span>
 </div>
  <div class="chrono-card" data-cat="Настоящее" style="background:rgba(255,255,255,0.75); border-radius:14px; padding:20px 25px; margin:0 auto 20px auto; box-shadow:0 4px 20px rgba(0,0,0,0.1); width:95%; height:200px; overflow:auto;">
  <div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В НАСТОЯЩЕМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В НАСТОЯЩЕМ</a></div>
 <div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание.</div><br>
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В НАСТОЯЩЕМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В НАСТОЯЩЕМ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание. </div><br>
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В НАСТОЯЩЕМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В НАСТОЯЩЕМ</a></div>
 <div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание. </div><br>
 <div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В НАСТОЯЩЕМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В НАСТОЯЩЕМ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание.</div><br>
</div>
<div class="chrono-card" data-cat="Прошлое" style="background:rgba(255,255,255,0.75); border-radius:14px; padding:20px 25px; margin:0 auto 20px auto; box-shadow:0 4px 20px rgba(0,0,0,0.1); width:95%; height:200px; overflow:auto;">
  <div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В ПРОШЛОМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В ПРОШЛОМ</a></div>
 <div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание.</div><br>
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД В ПРОШЛОМ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА В ПРОШЛОМ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание.</div><br>
</div>

<div class="chrono-card" data-cat="AU" style="background:rgba(255,255,255,0.75); border-radius:14px; padding:20px 25px; margin:0 auto 20px auto; box-shadow:0 4px 20px rgba(0,0,0,0.1); width:95%; height:200px; overflow:auto;">
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД АЛЬТЕРНАТИВЫ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА АУ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание. </div><br>
 <div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЭПИЗОД АЛЬТЕРНАТИВЫ" target="_blank">— НАЗВАНИЕ ЭПИЗОДА АУ</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание. </div><br>
 </div>
<div class="chrono-card" data-cat="Архив" style="background:rgba(255,255,255,0.75); border-radius:14px; padding:20px 25px; margin:0 auto 20px auto; box-shadow:0 4px 20px rgba(0,0,0,0.1); width:95%; height:200px; overflow:auto;">
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЗАКОНЧЕННЫЙ ЭПИЗОД" target="_blank">— НАЗВАНИЕ АРХИВНОГО ЭПИЗОДА</a></div>
 <div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание. </div><br>
<div style="font-weight:bold; font-size:18px; margin-bottom:8px;"><a href="ССЫЛКА НА ЗАКОНЧЕННЫЙ ЭПИЗОД" target="_blank">— НАЗВАНИЕ АРХИВНОГО ЭПИЗОДА</a></div>
<div style="line-height:1.6; font-size:14px;">действующие лица, место, любое описание.</div><br>
 </div>
 </div>
</div>
</div>
<script>
const tabs = document.querySelectorAll("#chrono-tabs .tab");
const cards = document.querySelectorAll(".chrono-card");
tabs.forEach(tab => {
 tab.addEventListener("click", () => {
 tabs.forEach(t => { t.classList.remove("active"); t.style.background="#fff"; t.style.color="#000"; t.style.opacity="0.6"; });
 tab.classList.add("active");
 tab.style.background="#000";
  tab.style.color="#fff";
 tab.style.opacity="1";
 const cat = tab.getAttribute("data-cat");
 cards.forEach(c => {
if (c.getAttribute("data-cat") === cat) {
c.style.display="block";
 } else {
 c.style.display="none";
}
});
});
});

 // по умолчанию показать "Настоящее"
cards.forEach(c => { if(c.getAttribute("data-cat")!=="Настоящее") c.style.display="none"; });
</script>


[/html]

Поделиться522026-01-11 23:20:27

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<style>
.post-storage{
width:700px;
margin:20px auto;
position:relative;
display:flex;
flex-direction:column;
gap:15px;
font-family:inherit;
padding:20px;
box-sizing:border-box;
}
.post-storage::before{
content:"";
position:absolute;
inset:0;
background:url(https://images2.imgbox.com/42/c8/Pj2mvFkC_o.jpg) center/cover no-repeat;
border-radius:16px;
opacity:0.35;
z-index:0;
}
.post-storage > *{
position:relative;
z-index:1;
}
.post-storage .row{
display:grid;
grid-template-columns:340px 300px;
gap:15px;
align-items:stretch;
}
.post-storage .block{
height:180px;
background:rgba(255,255,255,0.18);
backdrop-filter:blur(8px);
border:1px solid rgba(255,255,255,0.35);
border-radius:12px;
display:flex;
flex-direction:column;
box-sizing:border-box;
}

.post-storage .block.past{
height:auto;
min-height:180px;
}
.post-storage .block.full{
width:100%;
height:140px;
}
.post-storage .block-title{
padding:6px 10px;
font-weight:600;
font-size:14px;
border-bottom:1px solid rgba(255,255,255,0.3);
text-transform:lowercase;
}

.post-storage .block-content{
padding:8px 10px;
font-size:13px;
line-height:1.4;
overflow-y:auto;
}

.post-storage .photo{
border-radius:12px;
overflow:hidden;
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.35);
}

.post-storage .photo img{
width:100%;
height:auto;
display:block;
}
</style>

<div class="post-storage">
<div class="block full">
<div class="block-title">НАСТОЯЩЕЕ</div>
<div class="block-content">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
</div>
</div>
<div class="row">
<div class="block past">
<div class="block-title">ПРОШЛОЕ</div>
<div class="block-content">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА </a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА </a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
</div>
</div>
<div class="photo">
<img src="https://images2.imgbox.com/0c/25/AYd0bHSa_o.png">
</div>
</div>
<div class="row">
<div class="block">
<div class="block-title">AU</div>
<div class="block-content">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА </a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
</div>
</div>
<div class="block">
<div class="block-title">АРХИВ</div>
<div class="block-content">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА </a> — заморожен; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — заморожен; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — прерван; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — прерван; <br>
</div>
</div>
</div>
</div>
[/html]

код

Код:

[html]
<style>
.post-storage{
  width:700px;
  margin:20px auto;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:15px;
  font-family:inherit;
  padding:20px;
  box-sizing:border-box;
}
.post-storage::before{
  content:"";
  position:absolute;
  inset:0;
  background:url(https://images2.imgbox.com/42/c8/Pj2mvFkC_o.jpg) center/cover no-repeat;
  border-radius:16px;
  opacity:0.35;
  z-index:0;
}
.post-storage > *{
  position:relative;
  z-index:1;
}
.post-storage .row{
  display:grid;
  grid-template-columns:340px 300px;
  gap:15px;
  align-items:stretch;
}
.post-storage .block{
  height:180px;
  background:rgba(255,255,255,0.18);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,0.35);
  border-radius:12px;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

.post-storage .block.past{
  height:auto;
  min-height:180px;
}
.post-storage .block.full{
  width:100%;
  height:140px;
}
.post-storage .block-title{
  padding:6px 10px;
  font-weight:600;
  font-size:14px;
  border-bottom:1px solid rgba(255,255,255,0.3);
  text-transform:lowercase;
}

.post-storage .block-content{
  padding:8px 10px;
  font-size:13px;
  line-height:1.4;
  overflow-y:auto;
}

.post-storage .photo{
  border-radius:12px;
  overflow:hidden;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.35);
}

.post-storage .photo img{
  width:100%;
  height:auto;
  display:block;
}
</style>

<div class="post-storage">
<div class="block full">
<div class="block-title">НАСТОЯЩЕЕ</div>
<div class="block-content">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
</div>
</div>
<div class="row">
<div class="block past">
<div class="block-title">ПРОШЛОЕ</div>
<div class="block-content">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА </a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА </a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
</div>
</div>
<div class="photo">
<img src="https://images2.imgbox.com/0c/25/AYd0bHSa_o.png">
</div>
</div>
<div class="row">
<div class="block">
<div class="block-title">AU</div>
<div class="block-content">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА </a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — процесс; <br>
</div>
</div>
 <div class="block">
<div class="block-title">АРХИВ</div>
<div class="block-content">
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА </a> — заморожен; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — заморожен; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — прерван; <br>
<a href="ССЫЛКА НА ЭПИЗОД" target="_blank">НАЗВАНИЕ ЭПИЗОДА</a> — прерван; <br>
</div>
</div>
</div>
</div>
[/html]

Поделиться532026-01-11 23:20:50

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div class=chtototelo>
<div class=chtotofon2></div>
<div class=chtotonazvanie>копилка достижений</div>
<div class=chtototext>

<BR>
<BR>
предлагаем вам обменять ваше добро на приятные плюшки. правила максимально простые:
<BR>
<BR>
перед вами три уровня сложности. каждый уровень содержит в себе несколько категорий. для того, чтобы получить награду, вам нужно выполнить задания, которые будут описаны для каждой из категорий. за полный сбор некоторых заданий будет начислено денежное вознаграждение, если оно прописано в описании.
<BR>
<BR>
задания можно выполнять по одному или закрыть сразу несколько.
<BR>
<BR>
награды за: <b>рекламу, посты, попадания в таблицу, снс, эпизоды, нажатия на топ</b> - отсчитываются с начала запуска данного бессрочного ивента ^{<i>15 декабря, 2025 год</i>}. Всё, что набрано\написано\нарекламлено ранее - учитываться не будет. для остального (плюсы, сообщения, дни на форуме) - такого ограничения нет.
<BR>
<BR>
забрать награды можно с помощью шаблона ниже. обязательно прикрепление скринов с пруфами для категорий, которые этого требуют (<b>кол-во сообщений, кол-во дней, репутация, нажатия на топ</b>). бонусы на карточках можно увидеть при наведении на них. карточка забирается в биндер со ссылкой на получение её в данной теме.
<BR>
<BR>
награды начисляются строго на аккаунт, которым заполняется код. переносить или передавать данные предметы на другой аккаунт нельзя. при удалении аккаунта все достижения аннулируются. лимитки на закрытие категорий не работают.
<BR>
<BR>
на каждую награду заполняется отдельный код.
<BR>
<BR>
пс: со временем копилка достижений может обновляться: вводить новые категории или добавлять уровни сложности ;з

<div class="daily-tabs">
<div class="dtab active" onclick="openDaily(event, 'lvl1')">I УРОВЕНЬ</div>
<div class="dtab" onclick="openDaily(event, 'lvl2')">II УРОВЕНЬ</div>
<div class="dtab" onclick="openDaily(event, 'lvl3')">III УРОВЕНЬ</div>
</div>

<div class="daily-row">
<div class="daily-title">МАСТЕР ФЛУДИТЬ — 200 сайдов за полный 1 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://upforme.ru/uploads/001b/16/97/59/51594.png"></div>
<div class="daily-text">для получения необходимо набрать: <b>500 сообщений</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/dc/f8/BTln0xkA_o.png"></div>
<div class="daily-text">для получения необходимо набрать: <b>1000 сообщений</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/46/6a/KoedD78q_o.png"></div>
<div class="daily-text">для получения необходимо набрать: <b>1500 сообщений</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">САМЫЙ НЕОТЛУЧНЫЙ — 500 сайдов за полный 1 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://i.imgur.com/devGOWr.png"></div>
<div class="daily-text">для получения необходимо провести на форуме: <b>15 часов</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/0a/c6/twCagnYT_o.png"></div>
<div class="daily-text">для получения необходимо провести на форуме: <b>3 дня</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/8c/d6/qIju18gN_o.png"></div>
<div class="daily-text">для получения необходимо провести на форуме: <b>5 дней</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">ЛУЧШИЙ ПОСТОПИСЕЦ — 200 сайдов за полный 1 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://upforme.ru/uploads/001b/16/97/95/618420.png"></div>
<div class="daily-text">для получения необходимо написать: <b> 5 постов</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/5d/63/IhO1AErF_o.png"></div>
<div class="daily-text">для получения необходимо написать: <b>10 постов</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/d3/8d/HTz229sF_o.png"></div>
<div class="daily-text">для получения необходимо написать: <b>15 постов</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">САМЫЙ ПОПУЛЯРНЫЙ — 1 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/3d/5a/2zEzGw8S_o.png"
title="бонус на карте: 2000 сайдов">
</div>
<div class="daily-text">для получения необходимо получить в репутацию: <b>300 плюсов</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">МАСТЕР ПИАРА — 1 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/86/3c/jxWpCuly_o.png"
title="бонус на карте: закрыть 3 пропущенных дня в календаре (дублировать карту три раза в биндер)"></div>
<div class="daily-text">для получения необходимо оставить: <b>50 реклам</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">ПОПАДАНЕЦ В ТАБЛИЦУ — 500 сайдов за полный 1 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://upforme.ru/uploads/001b/16/97/95/76883.png"></div>
<div class="daily-text">для получения необходимо попасть в таблицу новостей: <b>5 раз</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/bb/c3/hI321ABf_o.png"></div>
<div class="daily-text">для получения необходимо попасть в таблицу новостей: <b>10 раз</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/2b/b4/TyjD7ctu_o.png"></div>
<div class="daily-text">для получения необходимо попасть в таблицу новостей: <b>15 раз</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">МАСТЕР ЗАВЕРШЕНИЯ ИСТОРИЙ— 50 сайдов за полный 1 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/93/fa/MxRYTqsb_o.png"></div>
<div class="daily-text">для получения необходимо отыграть и закрыть: <b>5 эпизодов</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/dd/d5/ctvfG5ru_o.png"></div>
<div class="daily-text">для получения необходимо отыграть и закрыть: <b>10 эпизодов</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">ЛУЧШИЙ В SNS — 50 сайдов за полный 1 УРОВЕНЬ</div>
<div class="daily-grid">

</div>
</div>

<div class="daily-row">
<div class="daily-title">ГЛАВНЫЙ ТОПАРЬ <a href="https://rpgtop.su/26533" title="рейтинг Ролевых Ресурсов - RPG TOP" target="_blank"> <img src="//img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> — 20 осколков за полный 1 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://images2.imgbox.com/2a/5d/7Xk16ZyT_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>3 дня подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/e2/64/0t5XF8vj_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>5 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/f5/f9/exBLsHoo_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>7 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://images2.imgbox.com/8f/fc/5QNn7m1j_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>10 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/33/3c/QVAnC8Fw_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>12 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/fb/ce/DLw3d6h3_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>14 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://images2.imgbox.com/76/17/Fx6eJn60_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>16 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/cb/09/cbftpdOd_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>18 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/82/33/YqWH3lg7_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>20 дней подряд</b></div>
</div>

</div>
</div>

</div>

<div class="daily-row">
<div class="daily-title">МАСТЕР ФЛУДИТЬ — 200 сайдов за полный 2 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://i.imgur.com/hoDZzEu.png"> </div>
<div class="daily-text">для получения необходимо набрать: <b>3000 сообщений</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/5d/1d/LpnomDGB_o.png"></div>
<div class="daily-text">для получения необходимо набрать: <b>4000 сообщений</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/90/5d/hP6ILkcQ_o.png"></div>
<div class="daily-text">для получения необходимо набрать: <b>5000 сообщений</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">САМЫЙ НЕОТЛУЧНЫЙ — 1000 сайдов за полный 2 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://i.ibb.co/q9nsxcv/image.png"></div>
<div class="daily-text">для получения необходимо провести на форуме: <b>15 дней</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/1e/71/0ODKAI7K_o.png"></div>
<div class="daily-text">для получения необходимо провести на форуме: <b>25 месяц</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/8a/c5/7JYkerL7_o.png"></div>
<div class="daily-text">для получения необходимо провести на форуме: <b>1 месяц</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">ЛУЧШИЙ ПОСТОПИСЕЦ — 200 сайдов за полный 2 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://i.ibb.co/5rj8drm/2-47.png"></div>
<div class="daily-text">для получения необходимо написать: <b>20 постов</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/f8/65/FgSdzp07_o.png"></div>
<div class="daily-text">для получения необходимо написать: <b>30 постов</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/ff/7a/1j78EhrP_o.png"></div>
<div class="daily-text">для получения необходимо написать: <b>40 постов</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">САМЫЙ ПОПУЛЯРНЫЙ — 2 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/a4/58/Rdm51QDh_o.png"
title="бонус на карте: скидка в размере 50% на любую позицию в магазине"></div>
<div class="daily-text">для получения необходимо получить в репутацию: <b>1500 плюсов</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">МАСТЕР ПИАРА — 1500 сайдов за полный 2 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://i.ibb.co/qrL55tF/5-017.png"></div>
<div class="daily-text">для получения необходимо оставить: <b>100 реклам</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/e6/b0/OG7vi2IQ_o.gif"></div>
<div class="daily-text">для получения необходимо оставить: <b>150 реклам</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/17/da/b0mNGsru_o.gif"></div>
<div class="daily-text">для получения необходимо оставить: <b>200 реклам</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">ПОПАДАНЕЦ В ТАБЛИЦУ — 500 сайдов за полный 2 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://i.ibb.co/84jm63v/image.png"></div>
<div class="daily-text">для получения необходимо попасть в таблицу новостей: <b>25 раз</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/28/35/nVGZklx8_o.png"></div>
<div class="daily-text">для получения необходимо попасть в таблицу новостей: <b>30 раз</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/60/58/XHtOKYlp_o.png"></div>
<div class="daily-text">для получения необходимо попасть в таблицу новостей: <b>35 раз</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">МАСТЕР ЗАВЕРШЕНИЯ ИСТОРИЙ — 50 сайдов за полный 2 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/8a/73/AZDJLVrG_o.png"
title="бонус на карте: твин без одобрения амс"></div>
<div class="daily-text">для получения необходимо отыграть и закрыть: <b>20 эпизодов</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">ЛУЧШИЙ В SNS — 50 сайдов за полный 2 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/1e/d8/RhQ3ZRkg_o.png"
title="бонус на карте: любая анимированная плашка из магазина бесплатно"></div>
<div class="daily-text">для получения необходимо отыграть и закрыть: <b>20 эпизодов</b></div>
</div>
</div>
</div>

<div class="daily-row">
<div class="daily-title">ГЛАВНЫЙ ТОПАРЬ <a href="https://rpgtop.su/26533" title="рейтинг Ролевых Ресурсов - RPG TOP" target="_blank"> <img src="//img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> — 25 осколков за полный 2 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://upforme.ru/uploads/001b/16/97/626/690697.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>25 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/c0/1a/Hwc74y8P_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>30 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/c9/c1/0qGRaLhh_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>35 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://i.imgur.com/6LE9LOg.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>40 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/40/da/JbiEXM3p_o.png"> </div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>45 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/ef/dc/53C06XSO_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>50 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://upforme.ru/uploads/001b/16/97/469/108295.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>55 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/bf/96/raB1IlIS_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>60 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/7d/d6/bmbXKy7C_o.png"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>65 дней подряд</b></div>
</div>
</div>

</div>
</div>
</div>
</div>

<div class="daily-row">
<div class="daily-title">МАСТЕР ФЛУДИТЬ — 300 сайдов за полный 3 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://images2.imgbox.com/8e/3d/LKh4rR38_o.gif"></div>
<div class="daily-text">для получения необходимо набрать: <b>6000 сообщений</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/b2/47/FPfMXDxd_o.gif"></div>
<div class="daily-text">для получения необходимо набрать: <b>7000 сообщений</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/e0/49/jaUuG2qi_o.gif"></div>
<div class="daily-text">для получения необходимо набрать: <b>8000 сообщений</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">САМЫЙ НЕОТЛУЧНЫЙ — 3000 сайдов за полный 3 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"> <img class="gif_i" src=" https://images2.imgbox.com/2a/5f/uSmcrs … t;/div>
<div class="daily-text">для получения необходимо провести на форуме: <b>1 месяц 10 дней</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/13/96/YVhVN8JK_o.gif"></div>
<div class="daily-text">для получения необходимо провести на форуме: <b>1 месяц 15 дней</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/e9/ae/oZs5SGyZ_o.gif"></div>
<div class="daily-text">для получения необходимо провести на форуме: <b>1 месяц 20 дней</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">ЛУЧШИЙ ПОСТОПИСЕЦ — 1000 сайдов за полный 3 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://images2.imgbox.com/75/1c/Pi83bFm0_o.gif"> </div>
<div class="daily-text">для получения необходимо написать: <b>55 постов</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/52/21/tExLwyP7_o.gif"></div>
<div class="daily-text">для получения необходимо написать: <b>65 постов</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/5b/00/XdBGVglG_o.gif"></div>
<div class="daily-text">для получения необходимо написать: <b>75 постов</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">САМЫЙ ПОПУЛЯРНЫЙ — 3000 сайдов за полный 3 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/69/0b/xmoUTLNT_o.png"
title="бонус на карте: защита от удаления"></div>
<div class="daily-text">для получения необходимо получить в репутацию: <b>5000 плюсов</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">МАСТЕР ПИАРА — 1500 сайдов за полный 3 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/d9/1d/LZ3hIExs_o.png"
title="бонус на карте: защита от удаления"> <img src="https://images2.imgbox.com/64/95/xNPPz3xS_o.png"
title="бонус на карте: защита от удаления"></div>
<div class="daily-text">для получения двух наград (2 шт) необходимо оставить: <b>250 реклам</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">ПОПАДАНЕЦ В ТАБЛИЦУ — 500 сайдов за полный 3 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://images2.imgbox.com/08/98/uY5WOD5n_o.gif"></div>
<div class="daily-text">для получения необходимо попасть в таблицу новостей: <b>40 раз</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/73/9e/1xYhsbR7_o.gif"></div>
<div class="daily-text">для получения необходимо попасть в таблицу новостей: <b>45 раз</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/a4/8d/SZnu72sp_o.gif"></div>
<div class="daily-text">для получения необходимо попасть в таблицу новостей: <b>50 раз</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">МАСТЕР ЗАВЕРШЕНИЯ ИСТОРИЙ — 100 сайдов за полный 3 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/4a/bb/u0ATYq4h_o.png"
title="бонус на карте: защита от удаления"></div>
<div class="daily-text">для получения необходимо отыграть и закрыть: <b>35 эпизодов</b></div>
</div>

</div>
</div>

<div class="daily-row">
<div class="daily-title">ЛУЧШИЙ В SNS — 100 сайдов за полный 3 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/8c/44/zPJOnvpa_o.png"
title="бонус на карте: набор индивидуальной плашки + фон"></div>
<div class="daily-text">для получения необходимо отыграть и закрыть: <b>35 эпизодов</b></div>
</div>
</div>
</div>

<div class="daily-row">
<div class="daily-title">ГЛАВНЫЙ ТОПАРЬ <a href="https://rpgtop.su/26533" title="рейтинг Ролевых Ресурсов - RPG TOP" target="_blank"> <img src="//img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> — 40 осколков за полный 3 УРОВЕНЬ</div>
<div class="daily-grid">

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://images2.imgbox.com/c1/0c/q3UmtHL3_o.gif"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>70 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/41/64/TK7JtN9T_o.gif"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>75 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/84/0b/IlBDjO96_o.gif"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>80 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://images2.imgbox.com/12/14/MqNLofCk_o.gif"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>85 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/d6/bd/vtmZdd4m_o.gif"> </div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>90 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/2b/bc/Swso4ilx_o.gif"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>95 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img class="gif_i" src="https://images2.imgbox.com/8a/db/9CxvnP9a_o.gif"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>100 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/8d/09/qbb3eohr_o.gif"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>105 дней подряд</b></div>
</div>

<div class="daily-cell">
<div class="daily-img"><img src="https://images2.imgbox.com/eb/30/FgWuTP2n_o.gif"></div>
<div class="daily-text">для получения необходимо нажать на баннер рейтинга: <b>110 дней подряд</b></div>
</div>
</div>

</div>
</div>
</div>
</div>

<style>

.daily-wrap {
width: 100%;
max-width: 900px;
margin: 0 auto;
font-family: inherit;
}

.daily-tabs {
display: flex;
justify-content: center;
margin-bottom: 15px;
gap: 10px;
}

.dtab {
padding: 6px 16px;
border: 1px solid #666;
cursor: pointer;
background: #111;
color: #aaa;
letter-spacing: 1px;
transition: .3s;
}

.dtab.active,
.dtab:hover {
background: #2b2b2b;
color: #fff;
box-shadow: 0 0 5px #888;
}

.dailybox {
display: none;
}

.dailybox.active {
display: block;
}

.daily-row {
margin-bottom: 25px;
padding: 10px;
border: 1px solid #333;
background: rgba(0,0,0,0.4);
}

.daily-title {
text-align: center;
font-size: 14px;
letter-spacing: 2px;
margin-bottom: 10px;
color: #black;
border-bottom: 1px solid #333;
padding-bottom: 5px;
}

.daily-grid {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}

.daily-cell {
width: 180px;
height: 190px;
border: 1px solid #444;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(4px);
padding: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: .3s;
}

.daily-cell:hover {
box-shadow: 0 0 10px rgba(255,255,255,0.2);
transform: translateY(-2px);
}

.daily-img {
height: 150px;
border: 1px dashed #555;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}

.daily-img img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}

.daily-text {
font-size: 11px;
text-align: center;
padding-top: 4px;
color: #black;
}

</style>

dtab = document.getElementsByClassName("dtab");
for (i = 0; i < dtab.length; i++) {
dtab[i].classList.remove("active");
}

document.getElementById(dailyName).classList.add("active");
evt.currentTarget.classList.add("active");
}
</script>

</div></div>[/html]

шаблон запроса

Код:

[b]1. какой из уровней:[/b]
[b]2. какой из категорий (название полностью):[/b]
[b]3. что получаем:[/b]
[b]4. пруфы - ссылки или скриншот, если это "топ" - скрыть под хайдом:[/b]

Поделиться542026-01-11 23:21:42

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]<div style="text-align:center; margin-top:20px;">
<div class="code-generator-wrapper" style="
display:inline-block;
padding:15px 20px;
border-radius:15px;
background: rgba(255,255,255,0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.3);
">
<div class="code-generator">
<div class="notification" id="result" style="display:none; margin-bottom:8px;">удачненько скопировано</div>
<div class="input-fields" style="margin-bottom:10px;">
<input type="text" id="type" placeholder="группа // соло // актёр // актриса" style="margin-bottom:5px; border:1px solid black; border-radius:5px; padding:5px; width:200px; color:black;"><br>
<input type="text" id="name" placeholder="имя фамилия" style="margin-bottom:5px; border:1px solid black; border-radius:5px; padding:5px; width:200px; color:black;"><br>
<input type="text" id="link" placeholder="ссылка на профиль при регистрации" style="margin-bottom:5px; border:1px solid black; border-radius:5px; padding:5px; width:200px; color:black;"><br>
</div>
<button type="button" id="copyButton" style="margin-right:8px;">жмакнуть со ссылкой</button>
<button type="button" id="copyWithoutLinkButton">жмакнуть без ссылки</button>
<textarea id="hiddenTextarea" style="position:absolute; left:-9999px;"></textarea>
</div>
</div>
</div>

<style>
input::placeholder {
color: black;
opacity: 1;
}
input::-webkit-input-placeholder {
color: black;
}
input::-moz-placeholder {
color: black;
}
input:-ms-input-placeholder {
color: black;
}
input:-moz-placeholder {
color: black;
}
</style>

<script>
const typeInput = document.getElementById('type');
const nameInput = document.getElementById('name');
const linkInput = document.getElementById('link');
const resultElement = document.getElementById('result');
const hidden = document.getElementById('hiddenTextarea');

function copyToClipboard(code) {
hidden.value = code;
hidden.select();
try {
document.execCommand('copy');
resultElement.textContent = 'удачненько скопировано';
resultElement.style.display = 'block';
setTimeout(() => resultElement.style.display = 'none', 1500);
} catch (err) {
resultElement.textContent = 'Ошибка копирования';
resultElement.style.display = 'block';
}
if (navigator.clipboard) {
navigator.clipboard.writeText(code).catch(err => console.error('Clipboard API error:', err));
}
}

// Ссылка
document.getElementById("copyButton").onclick = () => {
let type = typeInput.value.trim();
let name = nameInput.value.trim();
let link = linkInput.value.trim();

if(!type || !name || !link){
resultElement.textContent = 'Пожалуйста, заполните все поля!';
resultElement.style.display = 'block';
setTimeout(() => resultElement.style.display = 'none', 1500);
return;
}

let code = `${type} // <a href="${link}">${name}</a>`;
copyToClipboard(code);
}

// Без ссылки
document.getElementById("copyWithoutLinkButton").onclick = () => {
let type = typeInput.value.trim();
let name = nameInput.value.trim();

if(!type || !name){
resultElement.textContent = 'Пожалуйста, заполните тип и имя!';
resultElement.style.display = 'block';
setTimeout(() => resultElement.style.display = 'none', 1500);
return;
}

let code = `${type} // ${name}`;
copyToClipboard(code);
}
</script>
[/html]

Поделиться552026-01-11 23:22:49

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div class=chtototelo>
<div class=chtotofon2></div>
<div class=chtototext>

важно! забирать позиции в новом банке можно только за те пункты, которые были выполнены после обновлений: набитые после обновлений сообщения, репутацию, позитив, посты, посты в инстаграме и так далее. единственная позиция, которую можно брать с основания форума - это количество постов в профиле (за 30, 50, 100 постов).<br><br>

<div class=chtotonazvanie>копить</div>
<div style="padding: 10px; border-radius: 20px; border: 1px solid var(--color-8);"><table><tr valign=top><td width=50%>
<center><font color="#3d515e">ОБЩЕЕ</font></center><hr>
регистрация профиля — 100
<br>принятая анкета — 100
<br>привёл друга — 150
<br>пришёл «нужным» — 100
<br>заявка в «хочу видеть» — 5
<br>заявка в «нужные» — 15
<br>создание личной темы — 5
<br>создание instagram — 5

<br><br><center><font color="#3d515e">АКТИВ</font></center><hr>
5 постов в instagram — 5
<br>5 постов в «подслушано» — 5
<br>каждые 10 «это интересно»— 15
<br>1 подборка — 10
<br>1 эстетика — 15
<br>онлайн 3 часа — 5
<br>онлайн 12 часов — 10
<br>онлайн 24 часа — 50
<br>графика для игрока — 100
<br>графика для форума — 500
<br>пополнение рпг топа — сумма голосов
<br>пополнение фонда форума — сумма пополнения

</td><td>

<center><font color="#3d515e">АКТИВ</font></center><hr>
каждые 10 реклам — 50
<br>каждые 100 позитива — 15
<br>каждые 1000 позитива — 35
<br>каждые 100 репутации — 15
<br>каждые 1000 репутации — 35
<br>каждые 100 сообщений — 50
<br>каждые 1000 сообщений — 100
<br>попадание в таблицу — 150

<br><br><center><font color="#3d515e">ИГРА</font></center><hr>
открыл эпизод — 30
<br>закрыл эпизод — 150
<br>первый пост в эпизоде — 100
<br>ответ в течение суток — 100
<br>каждые 1к символов — 15
<br>более 10к символов — 100 ( плюсом )
<br>30 постов в профиле — 500
<br>50 постов в профиле — 700
<br>100 постов в профиле — 1200
<br>каждые 50 последующих постов — 1000
<br>открыл снс — 25
<br>закрыл снс — 100
<br>сообщение в снс — 10

</td></tr></table></div>

<br><br><div class=chtotonazvanie>тратить</div>

<center><font color="#3d515e">ОБЩЕЕ</font></center><hr>
первая смена внешности — бесплатно
<br>повторная смена внешности — 1000
<br>твинк — 1000 + одобрение администрации*
<br>выкуп внешности для себя/заявки на 2 недели** — 2000
<br>выкуп внешности для себя/заявки на 1 месяц** — 3500
<br>заказ листовки у амс*** — 5000
<br>2 недели пиара вашей листовкой — 2500
<br>продлить пиар заказанной листовкой на 2 недели**** — 2500

<br><br><small>* амс могут вам отказать, если вы регулярный гость в списках и имеете номинальную активность: отмечаетесь раз в 3 дня и не флудите/не пишите посты.</small>

</td><td>

<center><font color="#3d515e">ДРУГОЕ</font></center><hr>
перевод валюты на другой профиль — бесплатно
<br>защита от удаления - 10000*****
<br>передача лимитной карты с бонусом другому игроку — 500

<br><br><small>** выкупить внешность повторно для себя/заявки можно только через неделю после окончания предыдущего срока.
<br>*** 2 недели пиара входят в стоимость.
<br>**** листовка остаётся без изменений.
<br>***** использовать в течение суток после покупки на свой/профиль другого игрока через связь с амс, является альтернативным способом выписки (см. правила).
</small>
</td></tr></table></div>
</div></div>[/html]

накопить

Код:

[b]ссылка на прошлое обращение в банк:[/b]
[b]позиция с ценой:[/b]
[b]доказательства:[/b]
[b]итоговая сумма в профиле:[/b]

потратить

Код:

[b]позиция с ценой:[/b]
[b]перевод кому/что/сколько:[/b]
[b]итоговая сумма в профиле:[/b]

Поделиться562026-01-11 23:24:12

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div class=collection_fon></div>
<div class=collection_telo>
<div class=collection_name>коллекции</div>
<div class=collection_text>
на форуме можно собирать коллекцию карточек, привязанных к определенным темам: фильмам, книгам, жанрам, стилям и всему на свете. чтобы получить карточку, нужно выполнить соответствующий список заданий, принести доказательство, оформленное по шаблону, и после, конечно, радоваться наградам и красивостям на личной страничке. коллекции бессрочны, а это значит, что с добавлением новых карточек (каждые 3 месяца) не исчезает возможность собирать старые.
<table><tr valign=top>
<td width="60%" style="padding-right:20px !important;">
<br><center><b>ПРАВИЛА</b></center>
<br>1. каждая карточка собирается в отдельном сообщении.
<br>2. можно брать одновременно несколько карточек и выполнять по мере сил, но нельзя объединять задания для разных карточек.
<br>3. задания бессрочные и выполнять их можно когда и как вам удобно.
<br>4. карточка выдается за выполнение всех соответствующих заданий.
<br>5. задание в карточке может быть зачтено без выполнения при наличии у вас лимитки с соответствующим бонусом, но подобным образом нельзя пропустить более двух заданий.
</td>
<td><br><center><b>НАГРАДЫ</b></center>
<br>за выполнение 1 карточки:
<br>— картинка карточки на личную страницу;
<br>— см. условия к каждой карточке.

<br><br>за выполнение всех карточек темы:
<br>— графический комплект;
<br>— любая лимитная карта из доступных альбомов с редким бонусом на выбор.
</td>
</tr></table>

</div>
<div class=collection_content>
<h1>Криминальный Сеул</h1>

<div class="collection_card">
<div class="collection_image">
<img src="https://upforme.ru/uploads/001b/16/97/1240/771182.png" alt="Якудза и корейские банды">
</div>
<h1 class="collection_card_title" style="margin-bottom: 10px;">Якудза и корейские банды</h1>
<div class="collection_card_text">
<p><strong>«знак уважения»</strong> – отправить в репутацию другому игроку комплимент или похвалу, но так, чтобы звучало как угроза.</p>
<p><strong>«кодекс чести»</strong> – на протяжении 5 дней оставлять сообщения во флуде, начиная их с пословицы или афоризма про честь, преданность или власть (минимум одно сообщение в день).</p>
<p><strong>«чёрный чемоданчик»</strong> – придумать и оставить во флуде короткое сообщение (до 20 слов), которое звучало бы как серьёзный бандитский приказ.</p>
<p><strong>«красный конверт»</strong> – подарить <a href="https://sideffect.rusff.me/viewtopic.php?id=6723">сайды</a> и <a href="https://sideffect.rusff.me/viewtopic.php?id=6055#p1119527">подарок</a> другому игроку с коротким сообщением: «от семьи» (или другой тематической фразой).</p>

<div class="collection_reward" style="margin-top: 10px; font-style: italic; background: #f5f5f5; padding: 10px; border-left: 4px solid #b00; padding-bottom: 20px;">
<strong>награда:</strong>
<ul>
<li>бронь внешности без заявки на 1 неделю</li>
<li>статичная плашка из магазина</li>
<li>200 сайдов в банке</li>
</ul>
</div>
</div>
</div>

<div class="collection_card">
<div class="collection_image">
<img src="https://upforme.ru/uploads/001b/16/97/1240/988368.png" alt="Ограбления и аферы">
</div>
<h1 class="collection_card_title" style="margin-bottom: 10px;">Ограбления и аферы</h1>
<div class="collection_card_text">
<p><strong>«ограбить банк»</strong> – заработать 500 сайдов одним сообщением.</p>
<p><strong>«ставки сделаны, ставок больше нет»</strong> – примите участие в <a href="https://sideffect.rusff.me/viewtopic.php?id=6058">загадке недели</a> и разгадайте её.</p>
<p><strong>«я знаю, кто ты»</strong> – найти у другого игрока пост, где он упоминал что-то криминальное, и процитировать его в шутку во флуде.</p>
<p><strong>«двойной агент»</strong> – оставить три комментария в разных темах форума (флуд, игры, личные темы и т.д.), используя намёки, что ваш персонаж ведёт двойную игру.</p>

<div class="collection_reward" style="margin-top: 10px; font-style: italic; background: #f5f5f5; padding: 10px; border-left: 4px solid #b00; padding-bottom: 20px;">
<strong>награда:</strong>
<ul>
<li>скидка 50% в банке на любую услугу</li>
<li>одна любая стандартная карточка из доступных альбомов</li>
<li>500 сайдов в банке</li>
</ul>
</div>
</div>
</div>

<div class="collection_card">
<div class="collection_image">
<img src="https://upforme.ru/uploads/001b/16/97/1240/858761.png" alt="Частные детективы">
</div>
<h1 class="collection_card_title" style="margin-bottom: 10px;">Частные детективы</h1>
<div class="collection_card_text">
<p><strong>«шифрованное послание»</strong> – написать во флуде сообщение с зашифрованным словом или фразой.</p>
<p><strong>«чёрно-белая хроника»</strong> – опубликовать 3 фото в стиле нуар в свой аккаунт инстаграм.</p>
<p><strong>«секретное досье»</strong> – <a href="https://sideffect.rusff.me/viewtopic.php?id=6912">придумать</a> короткое описание персонажа в стиле криминальной хроники.</p>
<p><strong>«я слежу за вами»</strong> – сделать по одной <a href="https://sideffect.rusff.me/viewtopic.php?id=7128">эстетике</a> на трёх игроков форума в стиле скрытой съёмки.</p>

<div class="collection_reward" style="margin-top: 10px; font-style: italic; background: #f5f5f5; padding: 10px; border-left: 4px solid #b00; padding-bottom: 20px;">
<strong>награда:</strong>
<ul>
<li>реклама с персонажем на неделю</li>
<li>скидка 50% на покупку одного альбома</li>
<li>статичная иконка из магазина</li>
</ul>
</div>
</div>
</div>

<div class="collection_card">
<div class="collection_image">
<img src="https://upforme.ru/uploads/001b/16/97/1240/529921.png" alt="Гангстерские районы">
</div>
<h1 class="collection_card_title" style="margin-bottom: 10px;">Гангстерские районы</h1>
<div class="collection_card_text">
<p><strong>«гангстерские связи»</strong> – оставить 3 комментария в репутацию разным игрокам с намёками на тёмную тайну.</p>
<p><strong>«тени прошлого»</strong> – написать <a href="https://sideffect.rusff.me/viewtopic.php?id=3717">рецензию</a> на фильм в стиле нуар.</p>
<p><strong>«загадка улиц»</strong> – выложить фразу из классического нуара в подписи или в статусе и проносить её сутки (предоставить скрины).</p>
<p><strong>«серый кардинал»</strong> – разместить 20 <a href="https://sideffect.rusff.me/viewforum.php?id=19">реклам</a> форума.</p>

<div class="collection_reward" style="margin-top: 10px; font-style: italic; background: #f5f5f5; padding: 10px; border-left: 4px solid #b00; padding-bottom: 20px;">
<strong>награда:</strong>
<ul>
<li>пропуск одного задания в коллекциях</li>
<li>две любые стандартные карточки из доступных альбомов</li>
<li>фон для личной страницы из магазина</li>
</ul>
</div>
</div>
</div>

<div class="collection_card">
<div class="collection_image">
<img src="https://upforme.ru/uploads/001b/16/97/1240/773141.png" alt="Полицейские операции">
</div>
<h1 class="collection_card_title" style="margin-bottom: 10px;">Полицейские операции</h1>
<div class="collection_card_text">
<p><strong>«печать молчания»</strong> – 7 дней голосовать в топе.</p>
<p><strong>«радиоэфир»</strong> – <a href="https://sideffect.rusff.me/viewtopic.php?id=6829">поделиться</a> песней в атмосфере детективного триллера.</p>
<p><strong>«досье на преступника»</strong> – найти у игрока криминальный пост и принести оттуда понравившиеся <a href="https://sideffect.rusff.me/viewtopic.php?id=1116">цитаты</a>.</p>
<p><strong>«под прикрытием»</strong> – изменить подпись и аватар на 3 дня под образ жизни под прикрытием (предоставить скрины).</p>

<div class="collection_reward" style="margin-top: 10px; font-style: italic; background: #f5f5f5; padding: 10px; border-left: 4px solid #b00; padding-bottom: 20px;">
<strong>награда:</strong>
<ul>
<li>одна услуга в магазине без оплаты</li>
<li>защита от удаления</li>
<li>анимационная плашка из магазина</li>
</ul>
</div>
</div>
</div>

<div class="collection_card">
<h1 class="collection_card_title" style="margin-bottom: 10px;">бонус за всю коллекцию</h1>
<div class="collection_card_text">
<div class="collection_reward" style="margin-top: 10px; font-style: italic; background: #f5f5f5; padding: 10px; border-left: 4px solid #b00; padding-bottom: 20px;">
<strong>награда:</strong>
<ul>
<li>графический комплект</li>
<li>любая лимитная карта из доступных альбомов с редким бонусом на выбор</li>
</ul>
</div>
</div>
</div>

</div>

</div>[/html]

Код:

[b]1. название карточки ::[/b] ваш ответ
[b]2. пропуск задания ::[/b] ваш ответ (если не будет, ставим прочерк)
[b]3. задания ::[/b] ваш ответ
[b]4. доказательства ::[/b] ваш ответ

Поделиться572026-01-11 23:24:34

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]
<div class=chtototelo>
<div class=chtotofon1></div>
<div class=chtotofon2></div>
<div class=chtotonazvanie>шаблон биндера</div>
<div class=chtototext>

<big>— внимательно копируйте и заполняйте код, биндеры помещаются в отдельно созданной в данном разделе теме [ вы создаёте её сами ] и заполняется только вами ;;<br>
— вы можете хранить сколько угодно повторных карт в одной ячейке, но в том случае, если они ПОВТОРНЫЕ [ то есть, одинаковые ] ;;<br>
— в вашей теме можно создавать сколько угодно сообщений с биндрами, хоть на каждого участника отдельно ;;<br>
— вы можете попросить в связи с амс поставить ссылку на ваш биндер на личную страницу.<br>
</big>

</div>
</div>
[/html]

Поделиться582026-01-11 23:24:47

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

гайд по заполнению

код биндера (не забывайте встраивать в тэг [ html ][ /html ])

пример биндера, 1 заголовок, 4 кармашка
[html]
<div class="nbf">
<div class="nbb">

<div class="nbn">group or idol name</div>

<div class="nbc"><img src="https://upforme.ru/uploads/001b/16/97/626/249803.png"><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbc"><img src="https://upforme.ru/uploads/001b/16/97/626/249803.png"><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbc"><img src="https://upforme.ru/uploads/001b/16/97/626/249803.png"><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbc"><img src="https://upforme.ru/uploads/001b/16/97/626/249803.png"><div class="nbc_t"><a href="">1 карта</a></div></div>

</div></div>
[/html]

пример биндера, без заголовков, 7 кармашков
[html]
<div class="nbf">
<div class="nbb">

<div class="nbc"><img src=""><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbc"><img src=""><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbc"><img src=""><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbc"><img src=""><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbc"><img src=""><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbc"><img src=""><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbc"><img src=""><div class="nbc_t"><a href="">1 карта</a></div></div>

</div></div>
[/html]

пример биндера, 3 заголовка, 3 кармашка
[html]
<div class="nbf">
<div class="nbb">

<div class="nbn">group or idol name</div>
<div class="nbc"><img src=""><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbn">group or idol name</div>
<div class="nbc"><img src=""><div class="nbc_t"><a href="">1 карта</a></div></div>
<div class="nbn">group or idol name</div>
<div class="nbc"><img src=""><div class="nbc_t"><a href="">1 карта</a></div></div>

</div></div>
[/html]

Поделиться592026-01-11 23:25:06

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

/// оформление эпизода — свободное, однако, на всякий случай мы оставим здесь шаблон

/ / / / / / / /
первый игрок & второй игрок

название

------

описание & цитата & музыка

/ / / / / / / /
место & время действия

Код:

[quote][align=right][size=25]/ / / / / / / /[/size][/align]
[align=right][size=8]первый игрок & второй игрок[/size][/align]

[align=center][size=25][font=Bebas Neue][b]название[/b][/font][/size][/align]

[align=center][img][/img][img][/img][img][/img][/align]

[align=center][size=8]описание & цитата & музыка[/size][/align]

[align=left][size=25]/ / / / / / / /[/size][/align]
[align=left][size=8]место & время действия[/size][/align]
[/quote]

Поделиться602026-01-11 23:25:33

Автор: Eifel
Администратор
Сообщений: 167
Уважение: +0

[html]<div class="sns_chat-wrap">
<div class="sns_chat-header">
<div class="sns_chat-desc">
<img src="https://forumstatic.ru/files/001b/16/97/14453.png">
<div class="sns_chat-title">
Какой-то чат с какими-то азиатами
<small>2 участника</small>
</div>
</div>
<div class="sns_chat-header-social">
<span class="search-icon"></span>
<span class="phone-icon"></span>
<span class="menu-icon"></span>
</div>
</div>
<div class="sns_chat-scroll">
<div class="sns_chat-content">
<div class="sns_chat-mess-wrap">
<div class="sns_chat-bubble">
На утро весь мир иной, как-будто всё не со мной. Как-будто шар земной по швам трещит.
</div>
</div>
<div class="sns_chat-user">
<img src="https://forumstatic.ru/files/001b/16/97/14453.png"> <span>insomnia</span>
</div>
</div>
<div class="sns_chat-content">
<div class="sns_chat-mess-wrap">
<div class="sns_chat-bubble">
Меньше надо было пить
</div>
<div class="sns_chat-bubble">
Короткое сообщение какое-нибудь
</div>
</div>
<div class="sns_chat-user">
<img src="https://forumstatic.ru/files/001b/16/97/14453.png"> <span>meori apueda</span>
</div>
</div>
<div class="sns_chat-content">
<div class="sns_chat-mess-wrap">
<div class="sns_chat-bubble">
<img src="https://forumstatic.ru/files/001b/cd/92/38195.jpg">
</div>
</div>
<div class="sns_chat-user">
<img src="https://forumstatic.ru/files/001b/16/97/14453.png"> <span>insomnia</span>
</div>
</div>
</div>
<div class="sns_chat-footer">
<span class="clip-icon"></span>
<div class="sns_chat-send">Send message...</div>
<span class="smile-icon"></span>
<span class="micro-icon"></span>
</div>
</div>
[/html]

код сообщений справа

Код:

[html]<div class="sns_chat-wrap">
   <div class="sns_chat-header">
      <div class="sns_chat-desc">
         <img src="картинка чата">
         <div class="sns_chat-title">
            название чата
            <small>количество участников</small>
         </div>
      </div>
      <div class="sns_chat-header-social">
         <span class="search-icon"></span>
         <span class="phone-icon"></span>
         <span class="menu-icon"></span>
      </div>
   </div>
   <div class="sns_chat-scroll">
      <div class="sns_chat-content">
         <div class="sns_chat-mess-wrap">
            <div class="sns_chat-bubble">
               текст сообщения
            </div>
            <div class="sns_chat-bubble">
               ещё текст, можно <b>выделить слово</b> если хотите
            </div>
            <div class="sns_chat-bubble">
               можно вставить картинку<img src="сюда ссылка">
            </div>
            <div class="sns_chat-bubble">
               ещё можно сделать <i>курсивом</i>
            </div>
         </div>
         <div class="sns_chat-user">
            <img src="аватар-квадрат, размер регулируется автоматически"> <span>ваш никнейм</span>
         </div>
      </div>
   </div>
   <div class="sns_chat-footer">
      <span class="clip-icon"></span>
      <div class="sns_chat-send">Send message...</div>
      <span class="smile-icon"></span>
      <span class="micro-icon"></span>
   </div>
</div>
[/html]

код сообщений слева

Код:

[html]<div class="sns_chat-wrap">
   <div class="sns_chat-header">
      <div class="sns_chat-desc">
         <img src="картинка чата">
         <div class="sns_chat-title">
            название чата
            <small>количество участников</small>
         </div>
      </div>
      <div class="sns_chat-header-social">
         <span class="search-icon"></span>
         <span class="phone-icon"></span>
         <span class="menu-icon"></span>
      </div>
   </div>
   <div class="sns_chat-scroll">
      <div class="sns_chat-content">
         <div class="sns_chat-mess-wrap">
         </div>
      </div>
      <div class="sns_chat-content">
         <div class="sns_chat-mess-wrap">
            <div class="sns_chat-bubble">
               текст сообщения
            </div>
            <div class="sns_chat-bubble">
               ещё текст, можно <b>выделить слово</b> если хотите
            </div>
            <div class="sns_chat-bubble">
               можно вставить картинку<img src="сюда ссылка">
            </div>
            <div class="sns_chat-bubble">
               ещё можно сделать <i>курсивом</i>
            </div>
         </div>
         <div class="sns_chat-user">
            <img src="аватар-квадрат, размер регулируется автоматически"> <span>ваш никнейм</span>
         </div>
      </div>
   </div>
   <div class="sns_chat-footer">
      <span class="clip-icon"></span>
      <div class="sns_chat-send">Send message...</div>
      <span class="smile-icon"></span>
      <span class="micro-icon"></span>
   </div>
</div>
[/html]

код общего чата

Код:

[html]<div class="sns_chat-wrap">
   <div class="sns_chat-header">
      <div class="sns_chat-desc">
         <img src="картинка чата">
         <div class="sns_chat-title">
            название чата
            <small>количество участников</small>
         </div>
      </div>
      <div class="sns_chat-header-social">
         <span class="search-icon"></span>
         <span class="phone-icon"></span>
         <span class="menu-icon"></span>
      </div>
   </div>
   <div class="sns_chat-scroll">
      <div class="sns_chat-content">
         <div class="sns_chat-mess-wrap">
            <div class="sns_chat-bubble">
               текст сообщения
            </div>
         </div>
         <div class="sns_chat-user">
            <img src="аватар-квадрат, размер регулируется автоматически"> <span>ваш никнейм</span>
         </div>
      </div>
      <div class="sns_chat-content">
         <div class="sns_chat-mess-wrap">
            <div class="sns_chat-bubble">
               текст сообщения собеседника
            </div>
            <div class="sns_chat-bubble">
               ещё текст, можно <b>выделить слово</b> если хотите
            </div>
         </div>
         <div class="sns_chat-user">
            <img src="аватар-квадрат собеседника, размер регулируется автоматически"> <span>никнейм собеседника</span>
         </div>
      </div>
      <div class="sns_chat-content">
         <div class="sns_chat-mess-wrap">
            <div class="sns_chat-bubble">
               можно вставить картинку<img src="сюда ссылка">
            </div>
            <div class="sns_chat-bubble">
               ещё можно сделать <i>курсивом</i>
            </div>
         </div>
         <div class="sns_chat-user">
            <img src="аватар-квадрат, размер регулируется автоматически"> <span>ваш никнейм</span>
         </div>
      </div>
   </div>
   <div class="sns_chat-footer">
      <span class="clip-icon"></span>
      <div class="sns_chat-send">Send message...</div>
      <span class="smile-icon"></span>
      <span class="micro-icon"></span>
   </div>
</div>
[/html]