Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 18 из 18
Поделиться22025-01-20 18:30:42
She clicks again and the ancient printer next to the desk whirs to life. “As far as I can tell there were more books in the original donation, it’s possible that they were too fragile for circulation or damaged. These twelve are what’s out there, maybe the one you have is a second volume of something?” She hands Zachary the printed list of titles and authors and call numbers.
Код:
She clicks again and the ancient printer next to the desk whirs to life. “As far as I can tell there were more books in the original donation, it’s possible that they were too fragile for circulation or damaged. These twelve are what’s out there, maybe the one you have is a second volume of something?” She hands Zachary the printed list of titles and authors and call numbers.
She clicks again and the ancient printer next to the desk whirs to life. “As far as I can tell there were more books in the original donation, it’s possible that they were too fragile for circulation or damaged. These twelve are what’s out there, maybe the one you have is a second volume of something?” She hands Zachary the printed list of titles and authors and call numbers.
ссылка, а тут жирный, а тут обычный, зачеркнутый
тут текст
She clicks again and the ancient printer next to the desk whirs to life. “As far as I can tell there were more books in the original donation, it’s possible that they were too fragile for circulation or damaged.
Поделиться42025-01-21 15:02:58
1. Из первого поля (в котором лз) убрать строку с карточкой на личную страницу. Убрать совсем.
2. Создать 4 поле для всплывающего блока
3. В 4 поле каждого игрока поставить этот код:
<a href=#tid=ЗДЕСЬ ID ТЕМЫ КАЖДОГО ИГРОКА (КАК В СТАРОМ КОДЕ)><img src="ЗДЕСЬ ИКОНКА-ПЛАШКА, КОТОРАЯ БУДЕТ В ПРОФИЛЕ" onclick="iconRedir(this)"></a>
4. Каждая вкладка в теме - отдельное сообщение (как у вас сейчас, в общем-то)
Код первого сообщения:
Код:
[mark]О персонаже[/mark] [block=pers_info] [img]https://place-hold.it/300x100[/img] [block=char_info] [block=char_name][b]Имя персонажа, возраст[/b][/block] [block=char_wrk][b]Род деятельности[/b][/block] [block=char_blood][b]Чистота крови[/b][/block] [block=char_loyal][b]Принадлежность[/b][/block][/block] [/block] [block=char_facts] [block=char_z]Факты о персонаже[/block] [block=char_text] [block=char_text_char] [b]•[/b] Крокодилы ходят лежа [b]•[/b] У пингвинов есть колени [/block] [/block] [/block]
код второго сообщения:
Код:
[mark]Ачивки[/mark] [block=achiv] [block=a_story] [block=achiv_z]Сюжетные[/block] [block=achivs] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [/block] [block=achiv_z]Романтические[/block] [block=achivs] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [/block] [/block] [block=a_story2] [block=achiv_z]Не игровые[/block] [block=achivs] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [/block] [block=achiv_z]Игровые[/block] [block=achivs] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название [block=ac_t]за что ачивка[/block][/block] [/block] [/block] [/block] [/block]
код третьего сообщения:
Код:
[mark]Соигроки[/mark] [block=bro_user] [block=b_us] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [block=b_us_kart] [img]https://forumstatic.ru/files/001c/64/77/45971.png[/img] [block=b_us_kart_n][img]https://forumstatic.ru/files/001c/64/77/86026.png[/img][/block] [/block] [/block] [/block]
код четвертого сообщения:
Код:
[mark]Зелья и бонусы[/mark] [block=bnss] [block=bnss_ovr] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [block=kart][img]https://forumstatic.ru/files/001c/64/77/87892.png[/img] [block=achiv_text]Название[/block] [/block] [/block][/block]
Готово, можно заполнять для каждого игрока свое)
Поделиться72025-01-31 22:02:12
Код:
<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/***************************
Настройки!
***************************/
FORUM._NUMpa_fld = 2; // Номер.Доп.поля,
FORUM._color_fld = "inherit"; // Цвет шрифта,
FORUM.includeFirstPost = 0; // 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0; //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[25]]; // Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960"; //Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум //Темы (включаемые, или исключаемые)
f9 :-[0], //Сюжетные эпизоды
f7 :-[0], //Личные эпизоды
f21 :-[0], //Эпизоды 18+
f10 :-[0], //Завершенные эпизоды
f8 :-[0], //Альтернатива
f19 :-[0] //Архив незавершенных эпизодов //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:2px;}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->
<!--Нужные-->
<div class="needm">
<zag>Нужны в игру:</zag>
<pers>
<a href="https://foreveryoung.rolbb.me/viewtopic.php?id=27#p217360">Selwyn</a>,
<a href="https://foreveryoung.rolbb.me/viewtopic.php?id=27#p214456">Charity Burbage</a>,
<a href="https://foreveryoung.rolbb.me/viewtopic.php?id=27#p223193">Duran & Beatrice Rosier</a> </pers>
</div>
<!--Название палочка и снитч-->
<div class="namn"></div>
<div class="mwand"></div>
<!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © Damassk, версия 2019г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'ctrl c ctrl v' //текст ссылки</script>
<!-- конец -->
<!— HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика —>
<style>img.post-img-Sp {
margin: 0px 10px;
}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>
<!-- Обтекание текста слева/справа --><style type="text/css">
.post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
.post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
</style>
<script type="text/javascript">
FORUM.editor.addition.tags.float_left={name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}};
FORUM.editor.addition.tags.float_right={name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}};
</script>
<!--Запрет перехода на первую страницу При удалении Тем и сообщений -->
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script>
<!-- Пиар-вход v.2 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26022.js"></script>
<style>#pun-ulinks #Rz{display:none}</style>
<script type="text/javascript">
PR.nick = 'Howler'; //Ник PR-аккаунта
PR.pass = '1234'; //Пароль PR-аккаунта
PR.btn_text = 'PR-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<!-- Музыка в постах и подписях (c) Emerael, Часть 1 в ХТМЛ-Верх -->
<script>
FORUM.set('editor.music', {
name: 'Аудио',
audio_url: function() {
return prompt("Поместите ссылку на трек", "https://")
},
audio_title: function() {
return prompt("Введите название трека", "Трек")
},
onclick: function(){
const link = FORUM.get('editor.music.audio_url()');
if (!link || link === "https://" || $.trim(link) === "") return false;
const title = FORUM.get('editor.music.audio_title()');
document.querySelector("#main-reply").value += `[audio=${link}]${title || 'Песня'}[/audio]`;
}})
</script>
<style>/*Стиль к скрипту "Музыка в постах и подписях" (c) Emerael */
td#button-music {
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6%2013c0%201.105-1.12%202-2.5%202S1%2014.105%201%2013c0-1.104%201.12-2%202.5-2s2.5.896%202.5%202zm9-2c0%201.105-1.12%202-2.5%202s-2.5-.895-2.5-2s1.12-2%202.5-2s2.5.895%202.5%202z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14%2011V2h1v9h-1zM6%203v10H5V3h1z%22%2F%3E%3Cpath%20d%3D%22M5%202.905a1%201%200%200%201%20.9-.995l8-.8a1%201%200%200%201%201.1.995V3L5%204V2.905z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat; /*иконка, замените ссылку если хотите поставить свою*/
background-size: 16px; /*размер иконки*/
}</style>Поделиться82025-01-31 22:02:22
Код:
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
guestAccess: ['СЮЖЕТНЫЕ ЭПИЗОДЫ', 'ЛИЧНЫЕ ЭПИЗОДЫ', 'САМИ ЗНАЕТЕ КАКИЕ ЭПИЗОДЫ', 'ЗАВЕРШЕННЫЕ ЭПИЗОДЫ', 'АЛЬТЕРНАТИВА', 'АРХИВ НЕЗАВЕРШЕННЫХ ЭПИЗОДОВ', 'ФЛУД', 'РАЗВЛЕЧЕНИЯ'],
forumAccessExtended: {
'СЮЖЕТНЫЕ ЭПИЗОДЫ': ['Игроки', 'Гейм мастер'],
'САМИ ЗНАЕТЕ КАКИЕ ЭПИЗОДЫ': ['Игроки', 'Гейм мастер'],
'ЛИЧНЫЕ ЭПИЗОДЫ': ['Игроки', 'Гейм мастер'],
'ЗАВЕРШЕННЫЕ ЭПИЗОДЫ': ['Игроки', 'Гейм мастер'],
'АЛЬТЕРНАТИВА': ['Игроки', 'Гейм мастер'],
'АРХИВ НЕЗАВЕРШЕННЫХ ЭПИЗОДОВ': ['Игроки', 'Гейм мастер'],
'ФЛУД': ['Игроки', 'Гейм мастер'],
'РАЗВЛЕЧЕНИЯ': ['Игроки', 'Гейм мастер']
},
changeList: {
'pafld1': {
title: 'Личное звание',
description: '',
tag: 'info',
class: 'pa-fld1',
defaultCode: '<div class="lzn"><a href="ССЫЛКА НА ОПИСАНИЕ МАСКИ (можно удалить)">Имя Фамилия, XX</a></div><div class="whos">Трудоустройство</div><div class="lznf">Красивая цитата</div>',
type: 'html'
}
},
userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-respect', 'pa-posts', 'pa-ip', 'pa-online']
});
</script>
<script>
rusffLive.enable = false;
</script>
<!--Отключить кнопку "Вложения"-->
<script type="text/javascript">
RusffCore.sets.files.button = false;
</script>
<!-- Отключение сокращения ссылки-->
<script type="text/javascript">
FORUM.set("editor.link.short_url", function() { return false; });
</script>
<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>
<!--Отключить функцию "Граффити"-->
<script>
RusffCore.sets.graffiti = false; /*Граффити*/
</script>
<!--Отключить функцию "Поделиться"-->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>
<!--Отключение кнопки "Жалоба в сообщениях"-->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<script type="text/javascript">
RusffCore.sets.rusff_smilepack = 0;
</script>
<script>
ReactionsPlugin.setConfig({
disable: true
});
</script>
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><span>вверх</span></div>
<div class="go-down" id='OnBottom'><span>вниз</span></div>
<style>
.go-up, .go-down {
display: none;
position: fixed;
margin-left: 960px;
z-index: 9999;
cursor: pointer;
opacity: 1;
margin-bottom: 140px;
}
.go-up {
bottom:210px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:150px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<script><!--Универсальный скрипт замены. -->
function UniverСhange(selektor,changed,substitute){
$(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
$(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}
UniverСhange("li.item3 span","Зарегистрированных пользователей:","Волшебников:");
UniverСhange(".pa-posts","Сообщений:","Писем:");
UniverСhange("#pun-status .item1","Привет, Гость!","Добро пожаловать домой, волшебник!");
UniverСhange("li#navindex","Форум","Магбритания");
UniverСhange("li#navuserlist","Участники","Волшебники");
UniverСhange("li#navsearch","Поиск","Акцио");
UniverСhange(".subforums","Подфорумы","<b>Архивы</b>");
UniverСhange("li#navpm","Сообщения","Сова");
UniverСhange("li#navadmin","Администрирование","админ");
UniverСhange("#pun-ulinks .item2","Активные темы","активные");
UniverСhange("#pun-ulinks .item3","Темы без ответов","без ответов");
</script>
<!-- КАТЕГОРИИ -->
<script>
$(function (){
$( "<q>Of course it is happening inside your head, Harry, but why on earth should that mean that it is not real?</q>").insertAfter( ".category.category-1 h2 span" );
$( "<q>Неизвестность тревожила парня, но если хочешь быть рыцарем, поступай, как рыцарь. (с) Davey Gudgeon</q>" ).insertAfter( ".category.category-2 h2 span" );
$( "<q>You're a little scary sometimes, you know that? Brilliant... but scary.</q>" ).insertAfter( ".category.category-3 h2 span" );
$( "<q>Настоящая леди должна быть безупречна всегда, даже если ее никто не видит. (с) Alecto Carrow</q>" ).insertAfter( ".category.category-4 h2 span" );
$( "<q>Ему не слишком хотелось разыгрывать карту перестраховщика, но и оказаться глупцом было чревато. (с) James Potter</q>" ).insertAfter( ".category.category-5 h2 span" );
$( "<q>Тяга к простым путям всегда свойственна молодости и незачем пытаться её заключить в строгие рамки логики и здравого смысла. (с) Cuthbert Binns</q>" ).insertAfter( ".category.category-6 h2 span" );
$( "<q>Трудно смотреть не на губы, которые нельзя поцеловать, а на бутылку огневиски, которую нельзя выпить. (с) Mundungus Fletcher</q>" ).insertAfter( ".category.category-7 h2 span" );
});
</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0013/44/56/73823.css" />
<script img-data="https://forumstatic.ru/files/001b/b8/74/21745.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="24"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->
<!— HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика —>
<script>
var a1 = 3 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author", //Автор
//"pa-title", //Статус
//"pa-avatar", //Аватар
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://sg.uploads.ru/HCoNM.png",
//"pa-from", //Откуда
//"pa-reg", //Зарегистрирован
//"pa-invites", //Приглашений
//"pa-posts", //Сообщений
//"pa-respect", //Уважение
//"pa-positive", //Позитив
//"pa-sex", //Пол
//"pa-age", //Возраст
//"pa-icq", //Аська
//"pa-time-visit", //Провел на форуме
//"pa-last-visit", //Последний визит
//"pa-ip", //IP
//"pa-online", //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://s8.uploads.ru/Dl9bR.png",
//"pa-fld1", //Доп.Поле.1
// 3 кнопка- ссылка на Картинку
"https://forumstatic.ru/files/001c/28/dc/78957.png",
"award", //Награды(только для rusff и ork)
"gift", //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->
<!-- Аватар по умолчанию -->
<script type="text/javascript">
var DefAvtr = 'https://forumstatic.ru/files/001b/b8/74/16854.jpg'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'https://forumstatic.ru/files/001b/b8/74/16854.jpg'; //Ссылка на аватар для Гостя
$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>
<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<!-- Конец -->
<!-- символы в посте -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="padding:2px 3px;margin:0 20px 0 10px;">Длина поста: <b>00</b> символов</small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!-- Конец -->
<!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
<script type="text/javascript">
$('.post-content').each(function() {
var CNT = $(this).html();
CNT = CNT.replace(/<p><br><\/p>/img,'');
CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
$(this).html(CNT);
});
</script>
<!-- HTML низ -убираем лишние пробелы в постах в начале предложения -->
<script>
$(document).ready(function(){$('.post-content').each(function() {$(this).html($(this).html().replace(/ /gi, '').replace(/ {2,}/gi, ''))})});
</script>
<!-- HTML низ -короткое и средне тире на длинное автоматически--><script type="text/javascript">
$('.post-content p').each(function(){
function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
var a = $(this).clone().wrap('<div></div>').parent().html();
var b = a.replace(/>[^<>]+</gim,replacer);
if(a!=b)$(this).replaceWith(b)
});
</script>
<!-- HTML низ - убираем рекорд посетивших -->
<script type="text/javascript">
$('#pun-stats li[id="onlinelist"]').each(function(){
$(this).html($(this).html().split(/; Рекорд:.*?.(?=\))/).join(''))
});
</script>
<!-- Регулировка размера шрифта в постах © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!--ТЕГ абзаца - [indent] -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Абзац"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:0em 1.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>
<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*Подвижка иконки*/
img.a-info {
margin-top: 0px!important;
margin-left: 0px!important;
width: 19px;
left: -13px;
}
/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
margin-top: -2px!important;
margin-left:-6px!important;
font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
margin-top: -72px; /*сдвиг таблицы вверх от положения иконки*/
margin-left:250px; /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
background: #d9e6f1!important;
border-color: #d9e6f1!important;
}
</style>
<!--Баннеры в футере -->
<div class="bannerss">
<a href="https://rpgtop.su/26742" title="Рейтинг сайтов - TOP RPG" target="_blank"><img src="http://img.rpgtop.su/88x31x11x6.gif"></a>
<!--кроссоверы -->
<a href="https://randomcross.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/ddSNFKZ.png" title="randomcross" border="0"width="88" height="31"></a>
<a href="https://vhscross.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/57/23/2/489156.png" title="VHS_Cross" border="0" width="88" height="31"></a>
<a href="https://crossroulette.rusff.me/" target="_blank"> <img src="https://upforme.ru/uploads/001c/46/9d/3/820835.gif" title="cross roulette"></a>
<a href="https://barcross.rusff.me" title="CROSS BAR" target="_blank"><img src="https://forumstatic.ru/files/001b/2c/35/65418.png"></a>
<a href="https://exlibrisforlife.ru" title="ex libris crossover" target="_blank"><img src="https://i.imgur.com/QLFSD0Q.png" alt="ex libris"></a>
<a href="https://kingscross.f-rpg.me/" target="_blank"><img title="KINGSCROSS. Внимание, поезд отправляется!" src="https://forumstatic.ru/files/001a/08/74/15843.png"></a>
<a href="https://sunnycross.ru/"><img src="https://i.ibb.co/Zz1H0CH/bb.png"></a>
<a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/245/266488.png" title="karma cross" border="0" width="88" height="31"></a>
<a href='https://onlinecross.ru/' target='_blank' title='ONLINECROSS'><img src='https://upforme.ru/uploads/001b/1a/5a/29/959285.gif' border='0' width='88' height='31'></a>
<a href="https://crossteller.ru/" target="_blank"><img src="https://forumstatic.ru/files/001b/f1/88/91574.jpg" title="CROSSTELLER"border="1" width="88" height="31"></a>
<a href="https://gemcross.rusff.me/"><img src="https://i.imgur.com/BGonlbE.png" width="88" height="31" border="0" alt="GEMcross"></a>
<a href="http://crossfeeling.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/0015/e5/b7/3090/809455.png" title="crossfeeling"border="1" width="88" height="31"></a>
<a href="http://yellowcross.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/48/df/2/95048.png" title="yellowcross" border="0"width="88" height="31"></a>
<a href="https://wildcross.rusff.me/" title="wildcross" target="_blank"><img src="https://i.imgur.com/HedNEnM.png" border="0" width="88" height="31"></a>
<a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://upforme.ru/uploads/001b/67/7a/2/84020.jpg"></a>
<a href="https://dos.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/BQboz9c.png" title="de other side [crossover]"></a>
<a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a>
<a href="https://maryonacross.rolbb.me" target="_blank"><img src="https://upforme.ru/uploads/001b/da/4f/2/76517.jpg" title="mary on a cross(over)" border="0" width="88" height="31"></a>
<a href="https://abyssus.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/36/d0/3/228996.png" width="88px" height="31px" title="Supermassive Black Cross"></a>
<!--гп-форумы -->
<a href="https://hpsleepless.rusff.me/"><img src="https://upforme.ru/uploads/001c/39/a8/4/91384.gif" title="hp: sleepless"></a>
<a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/71898.png" title="alluvio maris"></a>
<a href="https://burndown.rusff.me/" title="гп, 1983 год, полный локальный катаклизм" target="_blank"><img src="https://i.imgur.com/gWfGU5z.gif" width="88" height="31" border="0"></a>
<a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/4/184058.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a>
<a href="http://hproleplay.mybb.ru" target="_blank"><img src="http://s2.uploads.ru/t/WgZOp.gif" border="0" alt="Hogwarts and the Game with the Death=" width="88" height="31"></a>
<a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://i.imgur.com/ziAEvwz.png" title=“the good place /// визардинг ворлд без постирония“></a>
<a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/5a/62/68424.jpg" title="HP: Exile. ГП 2 поколение, 1997. Школа и не только. Активная игра"></a>
<a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001a/2e/af/7/894083.png" title="у нас наливают"></a>
<a href="https://after.rolebb.ru" target="_blank"><img src="https://i.imgur.com/3PVLu7S.png"title="Marauders: Aftershocks"border="0"width="88" height="31"></a>
<a href="https://imperiumaeternum.rolka.me/" target="_blank"><img src="https://i.imgur.com/WX5beWm.gif" title="Imperium Aeternum"></a>
<a href="http://hogwartslegacy.rolbb.me"><img border="0" src="https://upforme.ru/uploads/001b/d4/28/2/888011.gif"title="Hogwarts Legacy: false fate"></a>
<a href="https://epitaphium.rusff.me/" target="_blank"> <img src="https://upforme.ru/uploads/0013/26/8a/4/453227.png" title="Marauders: EPITAPHIUM"></a>
<a href="https://postfactum.rusff.me" target="_blank"> <img src="https://forumstatic.ru/files/001a/f3/4c/68407.jpg" title="Enigma" border="0" alt="enigma"></a>
<a href="https://hogwartsnotalegacy.rusff.me/" title="HOGWARTS not a LEGACY" target="_blank"><img src="https://upforme.ru/uploads/001c/47/8d/11/797614.gif"></a>
<a href="https://anarchy.f-rpg.me/" target="_blank" style="cursor: pointer;"><img src="https://forumstatic.ru/files/001c/4e/f9/93476.jpg" border="0" alt="hp, 3gen, AnArChY" width="88" height="31"></a>
<!--разное -->
<a href="https://wolveslife.bbok.ru" target="_blank"><img src="https://forumstatic.ru/files/0001/bf/9c/79365.gif" title="Волки. Инстинкт зовет!">
<a href="https://dilemma.rusff.me/" target="_blank"><img src="https://i.ibb.co/vBS8T7c/657658868.gif"title="dilemma" alt="DILEMMA"></a>
<a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/LCSHzDw.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a>
<a href="https://memlane.rusff.me" title="memory lane" target="_blank"><img src="https://forumstatic.ru/files/0019/9e/ef/99042.gif" width="88" height="31" border="0"></a>
<a href="http://kelmoracrown.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001b/e6/2d/44174.png" title="Kelmora. Hollow crown" border="0" alt="Kelmora. Hollow crown"></a>
<a href="https://sinistrum.f-rpg.me" target="_blank"><img src="https://upforme.ru/uploads/001b/ea/09/6/972347.png" alt="sinistrum"></a>
<a href="https://cursedland.rusff.me" target="_blank"> <img src="https://i.ibb.co/5hN2D89/image.jpg" title="cursed land" alt="cursed land" border="0"></a>
<a href="https://thehaze.rusff.me/" target="_blank"><img src='https://i.imgur.com/0zr5eI4.gif' title="городская мистика в эврика-спрингс" /></a>
<a href="https://tmsqr.ru/" target="_blank"><img src='https://i.imgur.com/q4P8TKn.gif' title="time§quare" /></a>
<a href="http://yourphoenix.rusff.me/" target=_blank> <img src="https://i.imgur.com/lF9a9jb.png" border="0"alt="Phoenix" width=88 height=31></a>
<a href="http://toeden.rusff.me" title="Магический реализм, США, 2022 год" target="_blank"><img src="https://i.imgur.com/ZFiLFxE.gif" alt="Return to eden"></a>
<a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a>
<a href="https://arkhaim.su" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a>
<a href="https://magia-frpg.ru/" target="_blank"><img src="https://upforme.ru/uploads/001a/fa/19/2/153026.gif" title="MAGIA" border="0" width="88" height="31"></a>
<a href="https://thedome.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001b/e7/0b/28425.gif' title="Город, из которого нет выхода" /></a>
<a href="https://lovereplay.ru/" target="_blank"> <img src="https://i.imgur.com/nQKA3xF.gif" title="Replay: Atlantic-City" border="0" alt="Replay: Atlantic-City"></a>
<a href="https://eatcake.rusff.me" target="_blank"> <img src="https://i.imgur.com/TUWB8Fj.gif" title="CAKE rpf" border="0" alt="Cake"></a>
<a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif"title="BOSTON"></a>
<a href="https://dis.f-rpg.me/" target=_"blank"><img src="https://forumstatic.ru/files/001a/e7/ed/65531.jpg" title="DIS" alt="DIS" border="0"></a>
<a href="https://soullove.ru" target=_blank> <img src="https://forumstatic.ru/files/000e/5d/50/10990.gif" border="0" alt="soul love"></a>
<a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/fb/fb/50003.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a>
<a href="https://verbaveritatis.rusff.me" title="Верба. Просто добавь магии."><img src="https://upforme.ru/uploads/001b/aa/c9/4/12634.gif"></a>
<a href="https://darksymphony.f-rpg.me/" title="Явь, Сны и Магия: Dark symphony"><img src="https://upforme.ru/uploads/001b/d5/58/2/217166.gif"></a>
<a href="https://nyc.f-rpg.me/"><img src="https://forumstatic.ru/files/001c/1a/2f/97282.png" alt="New York City: город, где сбываются мечты"></a>
<a href="https://godstrust.rusff.me//" title="in gods we trust. боговник" target="_blank"><img src="https://upforme.ru/uploads/001c/38/7d/8/134741.png"></a>
<!--фандомы -->
<a href="https://genshinmemories.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/0017/4a/e0/13035.gif" title="Genshin Impact: Golden Memories"></a>
<a href="http://thesealofgod.rolka.me/" title="Charmed: The Seal of God" target="_blank"><img src="https://forumstatic.ru/files/001b/87/f4/95065.gif" border="0" width="88" height="31"></a>
<a href="http://musicalspace.rusff.me/" target="_blank"><img src="https://imgur.com/382FJyh.jpg" title="Musicalspace: мультифандомный форум" alt="Musicalspace" border="0" width="88" height="31"></a>
<a href="https://genshin.rusff.me/"><img src="https://forumstatic.ru/files/001b/5c/7f/13066.jpg" title="Genshin Impact: Tales of Teyvat"></a>
<a href="http://darkmatter.rusff.me/" title="TVD DARK MATTER" target="_blank"><img src="https://i.imgur.com/sWcM3uJ.gif"></a>
<a href="https://aenhanse.rolka.me" target="_blank"> <img src="https://forumstatic.ru/files/0019/c7/e0/61668.png" title="Aen Hanse. Мир ведьмака" border='0' width='88' height='31'></a>
<a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a>
<a href="https://urchoice.rolka.me/" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/61730.png" title="Каталог форумов" alt="LYL" width="88" height="31"></a>
</center>
</div>Поделиться92025-01-31 22:02:30
Код:
/*************************************************************
A - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
@font-face {
font-family: 'accio';
font-style: normal;
font-weight: 400;
src: url(https://forumstatic.ru/files/001c/28/dc/92419.otf);
}
/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
/* A2.1 */
html, body {margin: 0; padding: 0}
/* A2.2 */
.punbb * {
margin: 0
}
/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
list-style: none;
}
/* A2.4 */
.punbb img {
border:none
}
/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 100%;
}
/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle
}
/* A3 Text setup
-------------------------------------------------------------*/
/* A3.1 */
body {
font-size: 100.01%;
position: initial !important;
}
/* A3.2 */
.punbb {
font: normal 70% Verdana;
}
/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 11px verdana, arial, helvetica, sans-serif;
background: #dfded7;
}
/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}
/* A3.5 */
.punbb h1 span, .punbb legend span {
font-size: 13px;
}
/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}
/* A3.8 */
.punbb .post-content em {
font-style: italic
}
/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}
/* A3.10 */
.punbb a {
text-decoration: underline
}
/* A3.11 */
.punbb optgroup {
font-weight: bold;
}
/* A4 Float clearing and hidden items
-------------------------------------------------------------*/
/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}
/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden;
}
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
margin: auto;
width: 962px;
margin-bottom: 123px;
background: url(https://forumstatic.ru/files/001c/28/dc/14957.jpg) top no-repeat, url(https://forumstatic.ru/files/001c/28/dc/25154.jpg) bottom no-repeat, url(https://forumstatic.ru/files/001c/28/dc/66816.jpg) repeat #ebebe6;
margin-top: 210px;
position: relative;
box-shadow: 0px 0px 20px rgb(132 132 128 / 11%);
}
/* A5.2 */
.punbb {
float: none;
width: auto;
height: auto;
margin: 0px 30px;
position: relative;
}
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
min-height: 100px;
}
#pun-redirect {
border: 0 none!important;
margin: 0;
padding: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
width: 100%;
height: 100%;
text-align: center;
background: #e3e3de url(https://forumstatic.ru/files/001c/28/dc/21902.jpg) no-repeat fixed top;
background-size: cover;
}
#pun-redirect *{
border:0 none;
}
#pun-redirect .main-title {
display:none;
}
#pun-redirect.punbb .info .container {
text-align: center;
display: block;
margin: 5% auto;
font-size: 11px;
font-weight: 400;
font-family: el messiri;
text-transform: lowercase;
padding: 30px 0px;
height: auto;
border: 0 !important;
text-transform: lowercase;
width: 900px;
font-weight: 500;
margin-top: 120px;
color: #453c3a;
}
#pun-redirect.punbb .info .container a {
color: #4e7a7f !important;
}
/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}
/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}
/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none none none;
border-width: 0px 0px 0px 0px;
}
/* A5.9 */
.punbb .container {
border-style: none;
border-width: 0px;
}
/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-debug h2 {
font-family: 'El Messiri';
font-size: 13px !important;
font-style: normal;
font-weight: 400;
padding: 0;
text-align: center;
width: auto;
text-transform: uppercase;
margin: 0 0 20px;
height: 20px;
}
/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
text-align: justify;
margin-top: 10px;
}
/* B1.2 */
.punbb .post-sig dt {
display: block;
text-align: center;
border-top: 1px dotted #3e4b6d;
width: 60%;
margin-left: 120px;
padding-bottom: 5px;
margin-top: 10px;
}
/* B1.3 */
.punbb .post-content p {
margin: 0 0 0 0px;
padding: 0 0 1em 0;
line-height: 150%;
}
/* B1.4 */
.punbb .post-content img {
vertical-align: text-bottom
}
/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}
/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;
}
/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}
/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 1em 1px 1em 1px;
padding: 20px 20px 10px 20px;
}
/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
text-align: left;
display: block;
font-size: 11px;
font-weight: 400;
font-family: arimo;
margin-bottom: 8px;
width: auto;
text-transform: uppercase;
font-style: normal;
letter-spacing: 0.2px;
color: #1d282d;
border-bottom: 1px dotted #606060;
padding-bottom: 6px;
}
/* B2 Information boxes
-------------------------------------------------------------*/
/* B2.1 */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}
/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}
/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}
/* B3 Pagination and posting links
-------------------------------------------------------------*/
/* B3.1 */
.punbb .linkst {
position: relative;
width: 100%;
height: 21px;
font-size: 11px;
font-weight: 400;
font-family: arimo;
text-transform: lowercase;
margin-top: -10px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
/* background: #c1c1b6; */
align-items: center;
}
/* B3.2 */
.multipage {
margin-top: 1em;
}
/* B3.3 */
.linkst .pagelink {
width: 24em;
margin-left: 10px;
}
/* B3.4 */
.linkst .postlink {
text-align: right;
margin-right: 10px;
}
/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 11px;
font-weight: 400;
font-family: arimo;
text-transform: lowercase;
}
/* B3.6 */
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;
}
/* B3.7 */
.linksb .postlink {
float: right;
width: 16em;
}
/* B3.8 */
.subscribelink {
clear:both;
padding-top: 0.3em;
padding-bottom: 0.5em;
}
/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
/* C1 Form layout
-------------------------------------------------------------*/
/* C1.1 */
.punbb .formal .container {
padding: 0em 2.3em 1.1em 2.3em;
}
/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}
/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}
/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 0
}
/* C1.5 */
.punbb fieldset legend {
padding: 10px 0px 0 0;
margin: 0 0 0 11px;
font-size: 1.1em
}
/* C1.6 */
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 15px;
font-weight: 300;
font-family: 'Arimo';
font-size: 10px;
text-transform: uppercase;
}
/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}
/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}
/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 0
}
/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}
/* C1.11 */
.punbb .inline .infofield {
clear:both
}
/* C1.12 */
.punbb .datafield br {
display: none
}
/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
font-weight: bold
}
/* C1.14 */
.punbb .datafield span.input a {
font-weight: normal;
}
/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block;
padding: 0 12em 0 0;
height: 100%; /* For IE */
}
/* C1.16 */
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;
}
/* C1.17 */
.punbb .hashelp {
position: relative;
}
/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}
/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}
/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}
/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}
/* C2 Table layout
-------------------------------------------------------------*/
/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 45%;
}
/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
font-size: 10px;
font-weight: 500;
font-family: arimo;
text-transform: lowercase;
width: 8%;
}
/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: left;
width: 30%;
}
#pun-index .tcr {
width: 30%;
position: relative;
flex: auto;
text-align: left;
font-size: 11px;
font-weight: 400;
font-family: accio;
line-height: 16px;
}
/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
width: 40%
}
/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
text-align: center;
width: 20%;
}
/* C2.6 */
#pun-debug table .tcl {
background-color: transparent;
width: 15%;
white-space:normal;
}
/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
width: 90%;
white-space: normal;
}
/* C2.8 названия подфорумов*/
#pun-index .tcl h3 {
margin-top: 0px;
letter-spacing: 0;
text-align: left;
margin-bottom: 0px;
font: 400 24px el messiri;
}
#pun-index .tcl {
width: 70%;
position: relative;
overflow: visible;
}
/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}
/* C2.10 */
.punbb td .modlist {
display: block;
padding-top: 0.3em
}
/* C2.11 */
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 10px 0;
}
/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1.5em;
}
/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}
* html .tclcon {height: 1px}
/* C2.14 */
#pun-index td div.tclcon {
text-align: justify;
margin: 0px 0;
position: relative;
font: 400 13px/140% el messiri;
width: auto;
z-index: 1;
padding: 0 0 0 10px;
letter-spacing: 0;
}
/* C2.15 */
.punbb div.icon {
float: left;
display: block;
}
#pun-messages .main .tc2 {
text-align: center;
}
/* C3 Topics
-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
border-color: #202021 ;
}
/* CS2.1 */
.punbb .container, .punbb .post-body {
border-color: transparent;
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none;
border-width: 0;
}
/* CS2.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent ;
}
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.post-links ul, .post-links, .usertable table {
border-color: transparent;
}
/* CS2.5 */
.punbb th {
border-color: transparent ;
}
/* CS2.6 */
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent ;
}
.punbb .divider {
border-color: transparent;
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid transparent ;
}
/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: 0px;
padding-bottom: 1px;
}
/* C3.2 */
#pun-viewtopic .post h3 {
position: relative;
font-family: arimo;
text-transform: lowercase;
}
/* C3.3 */
.punbb .post h3 span {
display: flex;
align-items: center;
margin-left: 222px;
justify-content: space-between;
width: auto;
gap: 10px;
padding: 5px 15px 7px;
color: #363531;
flex-direction: row-reverse;
border: 1px solid #d7d3cb;
background: #e2e1da82;
}
/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}
/* C3.5 */
.punbb .post .post-author {
float: left;
width: 230px;
background: url(https://forumstatic.ru/files/001c/28/dc/86791.jpg) bottom/cover no-repeat;
margin: -26px 0px 0px -10px;
font-family: el messiri;
font-weight: 500;
font-size: 12px;
padding-top: 0px;
position: relative;
border: 1px solid #d7d3cb;
}
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0em 1em 1em 1em;
line-height: 160%;
}
/* C3.7 */
.pa-author {
font-size: 21px;
letter-spacing: .1px;
text-transform: none;
font-family: el messiri;
text-align: center;
margin-top: 10px !IMPORTANT;
}
/* C3.8 */
.pa-author a {
font-size: 21px;
letter-spacing: .1px;
text-transform: none;
transition: all .7s ease-in-out 0s;
font-family: el messiri;
color: #2d6970 !important;
}
.pa-author a:hover {
color: #000 !important;
transition: all .7s ease-in-out 0s;
}
/* C3.9 */
li.pa-title {
display: block;
margin: 0;
text-align: center;
text-transform: lowercase;
font-family: arimo;
font-size: 10px;
font-weight: 500;
letter-spacing: .5px;
}
/* C3.11 */
.punbb .post-body {
margin-left: 240px;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}
/* C3.12 */
.punbb .post-box {
padding: 10px 0px 15px 0px;
}
/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}
/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}
/* C3.15 */
.punbb .post-links ul {
padding: 1em 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19.5em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
font-size: 11px;
font-weight: 400;
font-family: arimo;
text-transform: lowercase;
}
/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}
/* C3.17 */
.pl-email, .pl-website {
float: left;
}
/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}
/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
font-size: 11.5px;
font-weight: 400;
font-family: arimo;
text-transform: lowercase;
}
/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}
/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}
/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}
/* C5 Message boxes
-------------------------------------------------------------*/
/* C5.1 */
.punbb .info .container {
padding: 0.8em 1em
}
/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}
/* C6 Profile
-------------------------------------------------------------*/
/* C6.1 */
#profile .container {
padding-left: 18.6em;
}
/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -16.3em;
display: inline;
}
/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}
/* C6.4 */
#viewprofile ul, #profilenav ul {
}
/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px 1em 14px;
}
/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}
/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}
/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}
/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}
/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}
/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}
/* C7 User list
-------------------------------------------------------------*/
/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}
/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}
/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
border-style: none none none none;
border-width: 0px 0px 0 0px;
}
/* D1.2 */
#pun-title h1 {
display : block;}
/* D1.3 */
#pun-title .container {
border-style: none none none none;}
/* D1.4 */
#pun-title h1 span {
display: none;}
#pun-title h1 span {
font-size: 1.5em;}
/* D2 Page navigation
-------------------------------------------------------------*/
/* D2.1 */
#pun-pagelinks {
position: absolute;
top: 55px;
left: 0;
margin: 0;
border: none;
padding: 0;
width: 100%;
}
/* D2.2 */
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0}
/* D2.3 */
#pun-pagelinks .container li {
display: inline}
/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.2em;
margin-left: -9999px;
display: block;
float:left;
width: 100%;}
/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
position:relative;
margin: 0;}
#pun-pagelinks li a span {
display:block;
margin: 0 1em}
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks .container {
text-align: center;
font-style: normal;
font-size: 16px;
text-transform: uppercase;
height: 16px;
margin-left: 0px;
width: 100%;
padding: 0 !important;
font-family: accio;
letter-spacing: 0;
margin-top: -40px;
}
/* D3.2 */
#pun-navlinks .container {
padding: 0.2em 0em;
padding-top: 4px;}
/* D.3 */
#pun-navlinks li {
display: inline;
padding: 0px 10px 0 0;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
}
/* D4.2 */
#pun-ulinks .container {
font-style: normal;
text-align: center;
text-transform: lowercase;
height: 20px;
/* border: 1px solid red; */
padding-inline-start: 0px;
width: 100%;
margin-top: 40px;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline-block;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}
/* D4.4 */
#pun-ulinks li a {
padding: 0 10px;
}
/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0;
}
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
/* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}
/* D5.2 */
#pun-status .container {
text-align: left;
font-size: 11px;
font-weight: 400;
font-family: accio;
letter-spacing: 0;
height: 24px;
width: auto;
background: #dcd8cf8a;
border: 1px solid #d7d3cb;
display: flex;
align-items: center;
padding-left: 10px;
box-shadow: 0px 0px 10px #aaa79e3d;
}
#pun-status .container strong, #pun-status .container a {
font-weight: 400;
}
/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}
/* D5.4 */
#pun-crumbs1 {
font-weight: 400;
overflow: hidden;
}
/* D5.5 */
#pun-crumbs1 p.container {
margin-top: 10px;
text-align: left;
font-size: 11px;
font-weight: 400;
font-family: accio;
letter-spacing: 0;
height: 24px;
display: flex;
align-items: center;
padding-left: 10px;
box-shadow: 0px 0px 10px #aaa79e3d;
background: #dcd8cf8a;
border: 1px solid #d7d3cb;
}
/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: 0px 0 0 0 !important;
position: relative;
z-index: 1;
}
/* D6 Announcement
-------------------------------------------------------------*/
/* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid none;
border-width: 0 0 1px 0;
position: relative;
font-weight: bold;
}
/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}
/* D6.3 */
#pun-announcement .container {
padding: 0em 1em 1em 1em;
margin-top: -13px;
line-height: 1.1;
text-align: center;
}
/* D7 Statistics
-------------------------------------------------------------*/
#pun-stats .container {
letter-spacing: 0px;
padding: 20px 20px;
font: 400 11px/140% accio;
color: #171718;
margin-top: 10px;
box-shadow: 0px 0px 10px #aaa79e24;
background: #dcd8cf54;
border: 1px solid #d7d3cb;
}
/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}
/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}
/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 1px;
float: left;
width: 100%;
line-height: 130%;
}
/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 0.7em 0 0 0;
}
/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/
/* D8.1 */
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}
/* D8.2 */
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}
/* D8.3 */
#pun-about {
margin-top: 0;
margin-bottom: 0;
}
/* D8.4 */
#pun-about .container {
border-top-style: none;
text-align: center;
line-height: 150%;}
/* D8.5 */
#pun-about p span {
display: block;
padding-left: 50%;
margin-top: 10px;
font-size: 12px;
font-weight: 400;
font-family: 'El Messiri';
text-transform: lowercase;
}
/* D8.6 */
#pun-crumbs2 {
font-weight: 400;
overflow: hidden;
margin-bottom: 0;
border-bottom: none;
}
/* D8.7 */
#pun-crumbs2 .container {
text-align: left;
font-size: 11px;
font-weight: 400;
font-family: accio;
letter-spacing: 0;
height: 24px;
display: flex;
align-items: center;
padding-left: 10px;
box-shadow: 0px 0px 10px #aaa79e3d;
background: #dcd8cf8a;
border: 1px solid #d7d3cb;
}
/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: none;
border-width: 0px 0;
position: relative;
height: 0;
z-index: 1;
}
/* D9 Help file
-------------------------------------------------------------*/
/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: none;
border-bottom-width: 0px;
padding-bottom: 0;
margin-bottom: 0.8em;
}
/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: none;
border-bottom-width: 0px;
font-size: 1.1em;
}
/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}
/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}
/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}
/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}
/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}
#pun-status .status-right {
display: none;
}
.punbb th {
font-size: 0 !important;
}
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
display:none!important;
}
html {
position: relative;
}
#pun-index .category table tr {
-webkit-appearance: none;
display: flex;
padding: 5px 10px;
align-items: center;
gap: 0 40px;
position: relative;
overflow: hidden;
margin-top: 10px;
box-shadow: 0px 0px 10px #aaa79e24;
background: #dcd8cf54;
border: 1px solid #d7d3cb;
}
#pun-index .category table tr + tr {
margin: 20px 0;
}
#main-reply {
width: 100%;
padding: 10px;
}
.topic a.sharelink {
display: none;
}
#pun-index .category tr.inew {
background: #e2e1dd url(https://forumstatic.ru/files/001c/28/dc/35752.jpg) top right/cover;
border: 1px solid #d3d2d0;
box-shadow: rgb(17 17 26 / 4%) 0px 1px 0px, rgb(17 17 26 / 5%) 0px 0px 8px;
}
#pun-index .category tr.inew:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: #c18c74;
border-right: 1px solid #d3d2d0;
}
.spoiler-box {
margin: 1em 1px 1em 1px;
padding: 10px 20px 10px 20px !important;
}
.namn {
background: url(https://forumstatic.ru/files/001c/28/dc/96634.png) no-repeat;
width: 594px;
height: 106px;
position: absolute;
top: -150px;
/* left: 0; */
z-index: -1;
margin-left: 154px;
}
.mwand {
background: url(https://forumstatic.ru/files/001c/28/dc/26069.png) no-repeat;
top: -210px;
width: 464px;
height: 308px;
position: absolute;
left: -140px;
pointer-events: none;
}
.sntch {
background: url(https://forumstatic.ru/files/001c/28/dc/63474.png?v=1) no-repeat;
position: absolute;
width: 98px;
height: 61px;
top: -150px;
right: 0;
pointer-events: none;
}
#pun-index .category h2 {
width: auto;
padding: 0px 30px !important;
height: 36px;
text-transform: uppercase;
display: flex;
justify-content: space-between;
align-items: flex-start;
font-family: 'Forum';
font-size: 29px !IMPORTANT;
margin: 24px -30px 0px -30px !important;
flex-direction: row-reverse;
background: linear-gradient(180deg, #d9d2bf40, transparent);
border-top: 1px solid #d5d2bfb3;
position: relative;
}
#pun-index .category h2 span, #pun-stats h2 span {
font-size: 26px;
font-family: el messiri;
z-index: 22;
letter-spacing: 1px;
margin-top: -18px;
color: #4e7a7f;
}
#pun-index .category h2 q {
text-transform: none;
font-size: 10px;
font-family: 'accio';
text-align: right;
margin-left: 60px;
margin-top: 10px;
}
hr {
border: 0;
height: 1px;
background: #b1aea64f;
margin: 10px 0 !important;
}
#pun-stats h2 span {
font-size: 20px;
font-family: el messiri;
z-index: 22;
letter-spacing: 1px;
margin-top: 0;
color: #4e7a7f;
}
#pun-stats h2 {
margin: 0 0 14px !important;
}
.needm {
position: absolute;
/* border: 1px solid red; */
top: -158px;
left: -50px;
height: 60px;
rotate: -35deg;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
font-family: 'accio';
justify-content: center;
}
.needm zag {
text-transform: uppercase;
font-size: 14px;
text-shadow: 0px 0px 5px #9a9d91;
color: #494342;
letter-spacing: 1px;
}
.needm pers {
font-size: 13px;
}
.go-up span {
background: #eaebe6;
width: 47px;
height: 47px;
border-radius: 100%;
display: flex;
justify-content: center;
font-family: 'accio';
align-items: center;
border: 1px solid #d7d3cb;
font-size: 10px;
text-transform: uppercase;
}
.go-down span {
background: #eaebe6;
width: 47px;
height: 47px;
border-radius: 100%;
display: flex;
justify-content: center;
font-family: 'accio';
align-items: center;
border: 1px solid #d7d3cb;
font-size: 10px;
text-transform: uppercase;
}
.go-up span:hover, .go-down span:hover {
background: #deddd6;
border: 1px solid #cdcbc4;
transition: 1s;
color: #5e462e;
}
#pun-index .category h2:before {
content: ' ';
background: url(https://forumstatic.ru/files/001c/28/dc/74215.png) no-repeat;
width: 108px;
height: 30px;
position: absolute;
pointer-events: none;
left: 50px;
top: 15px;
opacity: .6;
}
.pa-fld1 hr {
border: 0;
height: 1px;
background: transparent;
margin: 0 !important;
}
.pa-fld1 {
background: transparent;
border: none;
margin-bottom: 6px;
}
.lzn {
background: transparent;
padding: 5px 5px 3px;
text-transform: uppercase;
font-size: 13px;
}
.whos {
border: 1px solid #d7d3cb;
margin: 0;
text-transform: uppercase;
font-family: 'accio';
font-size: 8px;
letter-spacing: 1px;
background: #d1d0c561;
}
.lznf {
text-align: center;
font-size: 12px;
border: 1px solid #d7d3cb;
border-width: 0 1px 1px 1px;
padding: 5px;
box-sizing: border-box;
}
.html-box {
display: flex;
justify-content: center;
gap: 0 10px;
width: auto;
/* border: red 1px solid; */
margin-top: 25px;
}
.html-box a {
background: #cfa691;
display: flex;
padding: 7px 15px 6px;
align-items: center;
font-family: 'accio';
text-transform: uppercase;
color: #fefffa !important;
letter-spacing: .5px;
transition: 1s ease;
font-size: 11px;
border-radius: 1px;
border: 1px solid #b9917d;
text-shadow: 1px 1px #a17863;
}
.html-box a:hover {
background: #438b93;
color: #fefffa !important;
transition: 1s ease;
border: 1px solid #3a7a81;
text-shadow: 1px 1px #3a7a81;
}
.punbb .modmenu .container span {display: none;}
.bannerss {
height: 66px;
width: 656px;
display: flex;
justify-content: flex-start;
gap: 5px;
white-space: nowrap;
overflow-y: auto;
margin: 30px 0 0 -30px;
position: absolute;
/* border: red 1px solid; */
padding-right: 10px;
flex-wrap: wrap;
}
.bannerss img {
opacity: .4;
transition: 1s ease;
}
.bannerss img:hover {
opacity: .9;
transition: 1s ease;
}
.FNTslider {
border-radius: 0;
position: relative;
z-index: 1000;
background: #eaebe6;
width: 110px;
height: 5px;
margin: 3px 5px;
border: solid 1px #e1bdab;
float: right;
margin-right: 7%;
}
.FNTslider .before {
height: 5px;
position: absolute;
background: #e9d0c2;
}
.FNTslider .thumb {
width: 7px;
height: 7px;
position: relative;
top: -1px;
background: #cf9274;
cursor: pointer;
}
.podfr {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
gap: 3px 10px;
text-transform: uppercase;
font-size: 10px;
}Поделиться102025-01-31 22:02:37
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
/* Фон форума */
body {
background: #e3e3de url(https://forumstatic.ru/files/001c/28/dc/34684.jpg) no-repeat fixed bottom;
background-size: cover;
}
/* Шапка */
#pun-title table {
overflow-x: hidden;
}
/* Тело форума */
#pun {
background-position: center top;
background-repeat: repeat-y;
}
/* Футер */
#pun-about p.container {
overflow-x: hidden;
height: 60px;
}
/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container {
background-color: transpanent;
color: #292a2a;
font-weight: normal;
font-style: normal;
}
#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color: transparent;}
.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #292a2a;
text-align: center;
font-style: normal;
font-size: 11px;
font-weight: 400;
font-family: el messiri;
}
/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
color: #292a2a;
background: #e6e6e0;
border: 1px solid #d7d3cb;
}
/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb input {
color: #292a2a;
background: #e6e6e0;
border: 1px solid #d7d3cb;
}
/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
color: #292a2a;
background: #e6e6e0;
border: 1px solid #d7d3cb;
}
/* CS2 Ссылки
-------------------------------------------------------------*/
/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {color: #4e7a7f;
text-decoration: none;
}
/* CS2.2 */
.punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #4b4543;
transition-duration: 1s;
}
.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
color: #4b4543;
transition-duration: 1s;
text-decoration: none;
}
#pun-ulinks a {
font-size: 12px;
color: #4b4543;
font-weight: 400;
text-transform: lowercase;
letter-spacing: 0;
font-family: 'accio';
transition: all .7s ease-in-out 0s;
}
#pun-ulinks a:hover {
text-decoration: none;
color: #9e5c45;
transition: all .7s ease-in-out 0s;
}
#pun-navlinks a {
color: #494342;
transition: all .7s ease-in-out 0s;
position: relative;
}
#pun-navlinks a:focus, #pun-navlinks a:active, #pun-navlinks a:hover {
color: #9e5c45;
transition: all .7s ease-in-out 0s;
}
/* CS3 Остальное
-------------------------------------------------------------*/
div.icon {
display: none;
}
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
background: transparent url(https://forumstatic.ru/files/001c/28/dc/84937.png);
height: 42px;
width: 39px;
margin-right: 8px !important;
margin-top: -8px;
margin-left: 0px;
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background: transparent url(https://forumstatic.ru/files/001c/28/dc/13324.png);
height: 42px;
width: 39px;
margin-right: 8px !important;
margin-top: -8px;
margin-left: 0px;
}
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
background: transparent url(https://forumstatic.ru/files/001c/28/dc/60987.png);
height: 42px;
width: 39px;
margin-right: 8px !important;
margin-top: -8px;
margin-left: 0px;
}
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
background: transparent url(https://forumstatic.ru/files/001c/28/dc/70868.png);
height: 42px;
width: 39px;
margin-right: 8px !important;
margin-top: -8px;
margin-left: 0px;
}
/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
#pun-stats h2 span {visibility: visible;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}
/*---Прокрутка---*/
::-webkit-scrollbar {
width: 9px;
height: 3px;
background-color: #e1ded2;
-webkit-background-color: #e1ded2;
}
::-webkit-scrollbar-thumb {
background-color: #4e7a7f;
-webkit-background-color: #4e7a7f;
}
::selection {
background: #4e7a7f !important;
color: #e1e1d9;
}
.punbb .user-avatar .avatar-image {
border: 1px solid #d4ceba;
opacity: .77 !important;
width: 30px !important;
height: 30px !important;
mix-blend-mode: luminosity;
border-radius: 0 !important;
}
.punbb .user-avatar .isonline {
margin-right: 4px;
background: #b59a63 !important;
}
.punbb .user-avatar {
margin: 1px 14px 2px 0px !important;
}
.category .container thead {display: none;}
.punbb .pa-avatar img {
max-width: 180px !important;
margin-bottom: 0px;
margin-top: 5px;
border: 1px solid #9b968c;
box-shadow: 0px 0px 10px #a3a3a37a;
}
#counters A IMG{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=30);}
#counters a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=70); transition-duration: 2s;}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
position: absolute;
right: 6px;
top: 43px;
overflow-y: auto;
padding-top: 10px;
background: #dfded9;
border: 1px solid #d3d2d0;
}
.pun-modal .modal-inner {
width: 700px;
max-width: 94%;
height: auto;
max-height: 44em;
margin: 12% auto 0;
position: relative;
z-index: 120000;
overflow: hidden;
background: #dfded9;
border: 1px solid #d3d2d0;
}
.button {
font-family: 'El Messiri' !important;
background-color: #d5d4cc !important;
font-size: 10px !important;
text-decoration: none;
transition: all 0.5s ease-in-out 0s;
text-transform: uppercase;
font-weight: 400 !important;
letter-spacing: .1px;
border: 1px solid #c1bcb2 !important;
text-align: justify;
padding: 7px 15px 4px;
}
#video-area-tinp, #image-area-tinp {
margin: .5em 0;
padding: .3em;
background: #dfded9;
border: 1px solid #d3d2d0;
height: 70px;
}
#MyBookmarks {
display: none;
position: fixed;
z-index: 101;
left: 0;
top: 0;
right: 0;
height: 100%;
box-shadow: 0 0 20px rgba(0,0,0,.5);
width: 240px;
background: #dfded9;
border: 1px solid #d3d2d0;
}
#BookmCntToggle.default-style {
background: #F7F7F7;
border-left: solid 5px currentColor;
box-shadow: 0 0 6px rgb(0 0 0 / 42%);
color: #7a5634 !important;
display: block;
height: 26px;
width: 21px;
}
#mask_dialog .inner {
cursor: default;
margin: 0;
width: 760px;
max-width: 99%;
max-height: 90%;
overflow-x: auto;
z-index: 100;
background: #dfded9;
border: 1px solid #d3d2d0;
padding: 8px;
}
#MyBookmarks h2 {
margin: 10px 0 10px 0 !important;
}
#pun-viewforum .tclcon a, #pun-messages .tclcon a, #pun-searchtopics .tclcon a {
font-size: 13px;
font-weight: 600;
font-family: 'El Messiri';
letter-spacing: 0;
text-transform: none;
}
#pun-viewforum .tcr {
position: relative;
display: flex;
width: 100%;
gap: 0 10px;
align-items: center;
justify-content: flex-start;
}
#pun-viewforum span.byuser, #pun-messages span.byuser, #pun-searchtopics span.byuser {
font-size: 13px;
font-weight: 400;
font-family: 'El Messiri';
}
#pun-viewforum td.tcr a, #pun-messages td.tcr a, #pun-searchtopics td.tcr a {
font-size: 13px;
font-weight: 600;
font-family: 'El Messiri';
letter-spacing: 0;
text-transform: none;
}
.punbb .post .post-author a {
transition: 1s;
font-weight: 500;
color: #a9715a;
}
.punbb .post .post-author a:hover {
transition: 1s;
font-weight: 500;
color: #000;
}
#tags .container {
position: absolute;
right: 6px;
top: 43px;
z-index: 2;
background: #dfded9;
border: 1px solid #d3d2d0;
max-height: 250px;
}
#imageupload-left input[type=button] {
width: auto !important;
text-align: center;
}
#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {
position: relative;
width: auto;
z-index: 9999999;
margin-left: 0px !important;
}
.punbb .post-content a, .punbb .post-content a:link {
font-weight: bold;
transition: all .2s ease;
color: #8f723c;
}
.punbb .post-content a:hover {
color: #000;
transition: all .2s ease;
}
/* Индикатор активности пользователя */
.post .post-author ul {
position: relative;
padding: 10px 15px 15px!IMPORTANT;
}
.pa-online {
position: absolute;
display: inline-block !important;
bottom: 0;
left: 0;
background: #85b9b8;
height: 4px;
width: 100%;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
border-top: 1px solid #59b1b9;
}
.pa-online:hover {
opacity:1;
}
.pa-online strong {
position: absolute;
top: 18px;
right: -8px;
padding: 0 8px;
height: 24px;
line-height: 24px;
background: #85b9b8;
font-weight: 400;
white-space: nowrap;
text-transform: lowercase;
color: #e8e7e2;
opacity: 1 !IMPORTANT;
font-size: 10px;
font-weight: 300;
font-family: arimo;
text-transform: lowercase;
text-align: center;
z-index: 222;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
opacity: 0;
visibility: hidden;
}
.pa-online:hover strong {
opacity: 1.0;
visibility: visible;
}
.pa-online strong:before {
content: "";
position: absolute;
width: 0;
height: 0;
right: 6px;
top: -10px;
border-width: 5px 5px;
border-style: solid;
border-color: transparent transparent #85b9b8 transparent;
}
#pun-index .tcr a {
font-size: 12px;
font-weight: 500;
font-family: 'accio';
letter-spacing: 0;
transition: 1s ease;
}Поделиться112025-06-02 22:19:16
[newDiceMulti=1d6+1d3+1d7:0:]
Поделиться122025-06-02 22:19:33
[newDiceMulti=1d9+1d100+1d2:0:]
Поделиться132025-06-02 22:19:47
[newDiceMulti=1d10+1d10+1d10:0:]
Поделиться142025-06-02 22:20:49
[newDiceMulti=1d6+1d4+1d4:0:]
Поделиться152025-06-02 22:21:23
[newDiceMulti=1d10+1d10+1d10:0:]
Поделиться162025-06-02 22:21:37
[newDiceMulti=1d10+1d10+1d10:0:]
Поделиться172025-06-02 22:22:50
[newDice=1:6:0:]
Поделиться182025-12-29 21:17:00
[hideprofile]
[html]
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ПОДАРКИ</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: #1a1a1a;
color: #203528;
line-height: 1.6;
padding: 20px;
}
.table-wrapper {
max-width: 1020px;
margin: 0 auto;
border: 2px solid #203528;
border-radius: 14px;
padding: 4px;
background-color: #203528;
}
.container {
max-width: 1000px;
margin: 0 auto;
background-color: #d9d8d0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
border: 1px solid #203528;
}
header {
background-color: #203528;
padding: 20px;
text-align: center;
border-bottom: 1px solid #203528;
}
h1 {
font-size: 28px;
color: #ffffff;
margin-bottom: 5px;
}
h2 {
font-size: 18px !important;
color: #caa954 !important;
font-weight: normal !important;
text-align: center !important;
}
.columns-container {
display: flex !important;
padding: 25px !important;
gap: 30px !important;
height: 400px !important;
background-color: #d9d8d0 !important;
}
.column {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
}
.column-header {
color: #203528 !important;
margin-bottom: 15px !important;
font-size: 20px !important;
border-bottom: 2px solid #caa954 !important;
padding-bottom: 8px !important;
text-align: center !important;
}
.scroll-content {
flex: 1 !important;
overflow-y: auto !important;
padding-right: 10px !important;
}
.money-list {
list-style-type: none !important;
}
.money-item {
padding: 12px 15px !important;
margin-bottom: 10px !important;
background-color: #e8e7e0 !important;
border-radius: 8px !important;
border-left: 3px solid #caa954 !important;
transition: all 0.3s ease !important;
}
.money-item:hover {
background-color: #dfded6 !important;
transform: translateX(3px) !important;
}
/* Стили для скроллбара */
.scroll-content::-webkit-scrollbar {
width: 8px !important;
}
.scroll-content::-webkit-scrollbar-track {
background: #c4c3bc !important;
border-radius: 4px !important;
}
.scroll-content::-webkit-scrollbar-thumb {
background: #caa954 !important;
border-radius: 4px !important;
}
.scroll-content::-webkit-scrollbar-thumb:hover {
background: #b89746 !important;
}
.money-item a {
color: #203528 !important;
text-decoration: none !important;
font-weight: bold !important;
}
.money-item a:hover {
text-decoration: underline !important;
}
.money-item b {
color: #203528 !important;
}
</style>
<div class="table-wrapper">
<div class="container">
<header>
<h2>ВАШ СЧЕТ В ГРИНГОТТС</h1>
</header>
<div class="columns-container">
<!-- Колонка "КАК ЗАРАБОТАТЬ ГАЛЛЕОНЫ?" -->
<div class="column">
<h3 class="column-header">КАК ЗАРАБОТАТЬ ГАЛЛЕОНЫ?</h3>
<div class="scroll-content">
<ul class="money-list">
<li class="money-item"><b>Приход по акции:</b> Если ваш персонаж появился по акции, ранее написанной игроком, то вы можете получить за это 100 галлеонов на счет.</li>
<li class="money-item"><b>Система начисления галеонов за посты:</b> С ноября 2025 года мы вводим новую систему вознаграждений. Каждый ваш пост будет конвертироваться в галлеоны из расчёта 1 пост = 1 галлеон.<br>Начисление происходит автоматически по итогам месяца, а отчёт будет доступен для просмотра в магазине.</li>
<li class="money-item"><b>Дополнительные награды для самых активных:</b> Игроки, написавшие наибольшее количество постов за месяц, получают бонусные галеоны:<br>1 место: +30 галлеонов;<br>2 место: +20 галлеонов<br>3 место: +10 галлеонов<br>Бонусные награды зачисляются на основной профиль игрока автоматически.</li>
<li class="money-item"><b><a href="https://foreveryoung.rolbb.me/viewtopic.php?id=1473">Пазлы</a>:</b> Собирай и получай галлеоны! За каждый собранный паззл можно требовать 5 галлеонов.</li>
<li class="money-item"><b><a href="https://foreveryoung.rolbb.me/viewtopic.php?id=1916">Филворлды</a>:</b> Филворд обновляется каждое 15 число месяца и за найденные слова вам будут начислены галлеоны! 1 найденное слово = 1 галлеон.</li>
<li class="money-item"><b><a href="https://foreveryoung.rolbb.me/viewtopic.php?id=1639">Рекламные листовки</a>:</b> Если ты сделал для форума рекламную листовку, то можешь выложить в теме с нашими листовками. Платим 10 галлеонов за каждую!</li>
<li class="money-item"><b><a href="https://foreveryoung.rolbb.me/viewtopic.php?id=29">Аватары/подписи для игроков</a>:</b> За каждый аватар и подпись, выложенные в теме Аватаризация или в личной теме можно получить галлеоны. Платим 5 галлеонов за один элемент графики (аватар или подпись).</li>
<li class="money-item"><b>Размещение заявки на форуме-каталоге:</b> За размещение в темах с поиском игроков своей заявки начислим 50 галлеонов! Каталоги: <a href="https://lyl-forum.ru/viewforum.php?id=10">Live Your Life</a>, <a href="https://mayakfor.me/viewforum.php?id=32">Маяк</a>, <a href="https://imagiart.ru/viewforum.php?id=148">photoshop: renaissance</a></li>
</ul>
</div>
</div>
<!-- Колонка "НА ЧТО ПОТРАТИТЬ ГАЛЛЕОНЫ?" -->
<div class="column">
<h3 class="column-header">НА ЧТО ПОТРАТИТЬ ГАЛЛЕОНЫ?</h3>
<div class="scroll-content">
<ul class="money-list">
<li class="money-item"><b>Выкуп внешности для заявки или маски:</b> Выкупить внешность можно на определенный срок (стоимость за 1 месяц — 20 галлеонов)</li>
<li class="money-item"><b>Выбор цитаты для главной страницы:</b> Вы можете выбрать цитату из поста любого игрока для главной страницы (время показа 1 месяц, стоимость — 10 галлеонов)</li>
<li class="money-item"><b>Выбор картинки для пазла:</b> Вы можете выбрать любую понравившуюся картинку, и мы сделаем из нее пазл, который будем собирать всем форумом (стоимость — 20 галлеонов).</li>
<li class="money-item"><b>Установить ссылку акцию в шапке форума:</b> Вы можете выбрать заявку на акционного персонажа для шапки форума (время показа 1 месяц, стоимость — 10 галлеонов)</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
[/html]
ЗАРАБАТЫВАЕМ: | ТРАТИМ: |
Код: [b]1. За что начисляем:[/b] Ссылка на листовку/паззл/аватар [b]2. Сколько начислить (сумма):[/b] N галлеонов | Код: [b]1. Снимаю со счета средства на покупку услуги:[/b] Описание приобретений со ссылками (например, сообщение о ставке в казино) [b]2. Сколько списать (сумма):[/b] N галлеонов |
Если изображения не грузятся, обновите страницу.
[html]
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ПОДАРКИ</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: #1a1a1a;
color: #203528;
line-height: 1.6;
padding: 20px;
}
.table-wrapper {
max-width: 1020px;
margin: 0 auto;
border: 2px solid #203528;
border-radius: 14px;
padding: 4px;
background-color: #203528;
}
.container {
max-width: 1000px;
margin: 0 auto;
background-color: #d9d8d0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
border: 1px solid #203528;
}
header {
background-color: #203528;
padding: 20px;
text-align: center;
border-bottom: 1px solid #203528;
}
h1 {
font-size: 28px;
color: #ffffff;
margin-bottom: 5px;
}
h2 {
font-size: 18px !important;
color: #caa954 !important;
font-weight: normal !important;
text-align: center !important;
}
.tabs {
display: flex;
background-color: #203528;
border-bottom: 1px solid #203528;
}
.tab {
padding: 12px 20px;
cursor: pointer;
transition: all 0.3s ease;
border-right: 1px solid #3a5243;
font-weight: 500;
color: #ffffff;
flex: 1 !important;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.tab:hover {
background-color: #2a3d30;
}
.tab.active {
background-color: #caa954 !important;
color: #203528 !important;
border-bottom: 2px solid #caa954 !important;
}
.content {
padding: 25px;
height: 500px !important;
overflow-y: auto;
background-color: #d9d8d0;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
h3 {
color: #203528 !important;
margin-bottom: 15px !important;
font-size: 20px !important;
border-bottom: 2px solid #caa954 !important;
padding-bottom: 8px !important;
text-align: center !important;
}
/* Стили для сетки картинок */
.image-grid {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
margin-bottom: 20px;
}
.image-item {
width: 85px;
text-align: center;
}
.image-slot {
width: 85px;
height: 85px;
background-color: transparent;
border: none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5px;
overflow: hidden;
}
.image-slot img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 6px;
}
.image-description {
font-size: 12px;
color: #203528;
font-weight: 500;
line-height: 1.2;
}
/* Стили для скроллбара */
.content::-webkit-scrollbar {
width: 8px;
}
.content::-webkit-scrollbar-track {
background: #c4c3bc;
}
.content::-webkit-scrollbar-thumb {
background: #caa954;
border-radius: 4px;
}
.content::-webkit-scrollbar-thumb:hover {
background: #b89746;
}
</style>
</head>
<body>
<div class="table-wrapper">
<div class="container">
<header>
<h2>ПОДАРКИ</h2>
</header>
<div class="tabs">
<div class="tab active" onclick="openTab('hogwarts')">ХОГВАРТС<br>Цена: 10 галлеонов</div>
<div class="tab" onclick="openTab('standard')">ОБЩИЕ<br>Цена: 20 галлеонов</div>
<div class="tab" onclick="openTab('season')">СЕЗОННЫЕ<br>Цена: 20 галлеонов</div>
<div class="tab" onclick="openTab('unique')">УНИКАЛЬНЫЕ<br>Цена: 50 галлеонов</div>
</div>
<div class="content">
<div id="hogwarts" class="tab-content active">
<h3>ХОГВАРТС</h3>
<div class="image-grid">
<!-- Строка 1 -->
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/571470.png">
</div>
<div class="image-description">Письмо из Хогвартса</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/379244.png">
</div>
<div class="image-description">Распределяющая шляпа</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/42570.png">
</div>
<div class="image-description">Кипящий котел</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/473952.png">
</div>
<div class="image-description">Карта Мародёров</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/238057.png">
</div>
<div class="image-description">Униформа для квиддича</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/307231.png">
</div>
<div class="image-description">Сливочное пиво</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/99686.png">
</div>
<div class="image-description">Шоколадная лягушка</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/311952.png">
</div>
<div class="image-description">Феликс Фелицис</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/432336.png">
</div>
<div class="image-description">Чудовищная книга о чудовищах</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/44658.png">
</div>
<div class="image-description">Малютка мандрагора</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/78040.png">
</div>
<div class="image-description">Громовещатель</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/94490.png">
</div>
<div class="image-description">Золотой снитч</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/34868.png">
</div>
<div class="image-description">Торт на День Рождения</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/58831.png">
</div>
<div class="image-description">Летающий ключ</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/41574.png">
</div>
<div class="image-description">Волшебные очки</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/60954.png">
</div>
<div class="image-description">Маховик времени</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/317596.png">
</div>
<div class="image-description">Гриффиндор</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/901545.png">
</div>
<div class="image-description">Хаффлпафф</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/962534.png">
</div>
<div class="image-description">Рейвенкло</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/515771.png">
</div>
<div class="image-description">Слизерин</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/579579.png">
</div>
<div class="image-description">Школьные учебники</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/876475.png">
</div>
<div class="image-description">Свиток с домашкой</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/914160.png">
</div>
<div class="image-description">Записная книжка</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/909414.png">
</div>
<div class="image-description">Талисман на удачу</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/317391.png">
</div>
<div class="image-description">Реагенты для зелий</div>
</div>
</div> <!-- Закрывающий div для image-grid Хогвартс -->
<h3>ВОЛШЕБНЫЕ СУЩЕСТВА</h3>
<div class="image-grid">
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/271770.png">
</div>
<div class="image-description">Фея</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/35590.png">
</div>
<div class="image-description">Фвупер</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/68674.png">
</div>
<div class="image-description">Огненная саламандра</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/698235.png">
</div>
<div class="image-description">Нюхлер</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/712812.png">
</div>
<div class="image-description">Морской змей</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/861490.png">
</div>
<div class="image-description">Совушка</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/128886.png">
</div>
<div class="image-description">Маленький акромантул</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/407094.png">
</div>
<div class="image-description">Гром-птенчик</div>
</div>
</div> <!-- Закрывающий div для image-grid Волшебные существа -->
</div> <!-- Закрывающий div для hogwarts tab-content -->
<div id="standard" class="tab-content">
<h3>ОБЩИЕ</h3>
<div class="image-grid">
<!-- Строка 1 -->
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/001b/b8/74/63/t133154.png">
</div>
<div class="image-description">Шляпа</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/001c/64/77/2/t656555.png">
</div>
<div class="image-description">Виски</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/2/391497.png">
</div>
<div class="image-description">Приворотное зелье</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/2/504990.png">
</div>
<div class="image-description">Песочные часы</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/33828.png">
</div>
<div class="image-description">Попкорн</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/90478.png">
</div>
<div class="image-description">Чай с лимоном</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/74019.png">
</div>
<div class="image-description">Кофе с пончиком</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/53238.png">
</div>
<div class="image-description">Чизкейк с черникой</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/31675.png">
</div>
<div class="image-description">Панкейки с медом</div>
</div>
</div> <!-- Закрывающий div для image-grid Общие -->
<h3>ПРАЗДНИЧНЫЕ</h3>
<div class="image-grid">
<!-- Строка 2 -->
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/27510.png">
</div>
<div class="image-description">Сиреневая гортензия</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/90703.png">
</div>
<div class="image-description">Герань</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/91886.png">
</div>
<div class="image-description">Герберы</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/75644.png">
</div>
<div class="image-description">Коробка шоколадных конфет</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/55172.png">
</div>
<div class="image-description">Ягодный торт</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/939544.png">
</div>
<div class="image-description">Шоколадный торт</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/16146.png">
</div>
<div class="image-description">Шоколадный десерт</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://forumstatic.ru/files/001b/b8/74/71663.png">
</div>
<div class="image-description">Воздушный клубничный десерт</div>
</div>
</div> <!-- Закрывающий div для image-grid Праздничные -->
</div> <!-- Закрывающий div для standard tab-content -->
<div id="season" class="tab-content">
<h3>РОЖДЕСТВО И НОВЫЙ ГОД</h3>
<div class="image-grid">
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/421311.png">
</div>
<div class="image-description">Согревающий набор</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/16016.png">
</div>
<div class="image-description">Пряничный домик</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/623022.png">
</div>
<div class="image-description">Рождественское печенье</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/527150.png">
</div>
<div class="image-description">Банка со сладостями</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/40847.png">
</div>
<div class="image-description">Какао</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/269809.png">
</div>
<div class="image-description">Рождественский кекс</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/149328.png">
</div>
<div class="image-description">Для уютного вечера</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/406372.png">
</div>
<div class="image-description">Носок с подарками</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/500308.png">
</div>
<div class="image-description">Рождественский подарок</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/177535.png">
</div>
<div class="image-description">Тёплая шапка</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/498441.png">
</div>
<div class="image-description">Вязаный шарф</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/212163.png">
</div>
<div class="image-description">Коньки</div>
</div>
<div class="image-item">
<div class="image-slot">
<img src="https://upforme.ru/uploads/0008/e1/93/3/208655.png">
</div>
<div class="image-description">Рукавички</div>
</div>
</div> <!-- Закрывающий div для image-grid Хэллоуин -->
</div> <!-- Закрывающий div для season tab-content -->
<div id="unique" class="tab-content">
<h3>УНИКАЛЬНЫЕ</h3>
<div class="image-grid">
</div> <!-- Закрывающий div для image-grid Уникальные -->
</div> <!-- Закрывающий div для unique tab-content -->
</div> <!-- Закрывающий div для content -->
</div> <!-- Закрывающий div для container -->
</div> <!-- Закрывающий div для table-wrapper -->
<script>
function openTab(tabName) {
// Скрываем все вкладки
const tabContents = document.getElementsByClassName('tab-content');
for (let i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove('active');
}
// Убираем активный класс со всех кнопок
const tabs = document.getElementsByClassName('tab');
for (let i = 0; i < tabs.length; i++) {
tabs[i].classList.remove('active');
}
// Показываем выбранную вкладку и делаем кнопку активной
document.getElementById(tabName).classList.add('active');
// Находим и активируем соответствующую кнопку
const activeTab = Array.from(tabs).find(tab => tab.textContent.trim() ===
document.querySelector(`[onclick="openTab('${tabName}')"]`).textContent.trim());
if (activeTab) {
activeTab.classList.add('active');
}
}
</script>
</body>
</html>
[/html]
ПОДАРИТЬ ПОДАРОК:
Код:
[b]Кому дарим:[/b] ссылка на профиль игрока, можно через @ [b]Какой подарок дарим:[/b] номер и название подарка (если номера нет, просто полное название) [b]Подпись и имя отправителя:[/b] подпись к подарку и имя (не заполняется, когда подарок анонимный) [b]Стоимость подарка (сколько списать):[/b] N галлеонов
Страница: 1
