[lztext]<div id="lz">// что хочу напишу и <i><a href="google.com">буба</a></i>.</div>[/lztext]
Тестовое сообщение
Сообщений 31 страница 42 из 42
Поделиться322024-10-10 01:36:37
[sign]нн[/sign][lztext]нн[/lztext][status]н[/status][nick]н[/nick]
Поделиться332024-10-10 01:40:14
[sign]нн[/sign][lztext]нн[/lztext][status]н[/status][nick]н[/nick]
Поделиться342024-10-10 01:41:49
<!------------------- маска профиля -------------------------------> <script src="https://forumstatic.ru/files/0019/47/79/27999.js?v=1"></script> <script> hvScriptSet.addMask({ guestAccess: ['страницы истории', 'маховик времени', 'незавершенные эпизоды', 'пыльный чердак', 'проклятый аукцион', 'городская администрация', 'лавочка у подъезда'], forumAccessExtended: { 'игра на выживание': ['игроки'], 'создаем историю': ['игроки'], 'маховик времени': ['игроки'], 'путешествие между мирами': ['игроки'], 'лавочка у подъезда': ['игроки'], 'шкатулка с секретами': ['игроки'], 'лотерея удачи': ['игроки'], 'страницы истории': ['игроки'], 'незавершенные эпизоды': ['игроки'], 'городская администрация': ['игроки'] }, changeList: { 'pafld1': { title: 'личное звание', description: '', tag: 'lztext', class: 'pa-fld2', defaultCode: '// пишите, что хотите <i><a href="ссылка">можно с ссылками</a></i>.', type: 'html' } }, userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-fld4', 'pa-fld5', 'pa-posts', 'pa-respect', 'pa-ip', 'pa-online', 'pa-awards'] }); </script> <!------------------- конец маски профиля ------------------------------->
Поделиться352024-10-10 01:43:22
[nick]бла бла[/nick][lztext]// привет тебе путник[/lztext]
Поделиться362024-10-10 01:44:45
[lztext]<div id="lz">// что хочу напишу и <i><a href="google.com">буба</a></i>.</div>[/lztext][fauxpl]лалалалалалалалаалалалалалаалалал[/fauxpl][status]длалалала[/status][nick]лалалалал[/nick]
Поделиться372024-10-10 01:51:37
[block=hvmask][icon]https://i.imgur.com/Hplp7cX.gif[/icon][nick]Casper Mayer[/nick][status]swing your bat[/status][sign][indent][/sign][lztext]// just come and show me what your mama gave[/lztext][/block]
надо чтоб сработала вот эта хуета
[icon]https://i.imgur.com/Hplp7cX.gif[/icon][nick]Casper Mayer[/nick][status]swing your bat[/status][sign][indent][/sign][lztext]// just come and show me what your mama gave[/lztext]
Поделиться382024-10-10 02:04:34
[nick]лалалалал[/nick][status]длалалала[/status][lztext]<div id="lz">// что хочу напишу и <i><a href="google.com">буба</a></i>.</div>[/lztext][fauxpl]лалалалалалалалаалалалалалаалалал[/fauxpl]
Поделиться392024-10-10 15:50:32
адаптив
/* бургер */ .burger-menu { display: none; color: var(--head-link) !important; font-size: 20px !important; background-color: #171717 !important; box-shadow: var(--head-border); padding: 5px; opacity: .9; } /* АДАПТИВ НАЧИНАЕТСЯ ЗДЕСЬ */ @media screen and (max-device-width: 580px) { html, body { -webkit-text-size-adjust: none; min-width: unset !important; max-width: 100vw!important; } input, button { -webkit-text-size-adjust: none; } #pun-index .tclcon { -webkit-text-size-adjust: none; } #pun-stats .container { -webkit-text-size-adjust: none; } #pun { width: 96vw !important; margin: 370px auto 180px !important; } #pun:before { width: 104%; height: 80%; top: -45px; left: 50%; transform: translateX(-50%); } .go-up, .go-down { display: none!important; } #pun-index #pun-crumbs1 { margin: 0 !important; } /*НАВИГАЦИЯ КАРТИНКАМИ */ #pun-navlinks { position: absolute; left: 50%; transform: translateX(-50%); top: -33px; margin: 0 !important; } #pun-navlinks .container { gap: 16px!important; } .isguest #pun-navlinks { } .isguest #navindex { margin-left: 20px; } #navindex { margin-right: 4px; } #navindex a span, #navuserlist a span, #navsearch a span, #navprofile a span, #navpm a span, #navadmin a span, #navlogout a span, #navregister a span, #navlogin a span, #navpr_1 a span, #navpr_2 a span, #navextra1 a span { display: none; } #navindex a, #navuserlist a, #navsearch a, #navprofile a, #navpm a, #navadmin a, #navlogout a, #navlogin a, #navregister a, #navpr_1 a, #navpr_2 a, #navextra1 a { display: block; transition: all .2s ease-in-out; position: relative; width: 22px; height: 22px; } #navextra1 a { font-size: 0px!important; } #navindex a:after { content: "\f6f1"; } #navuserlist a:after { content: "\f0c0"; } #navpm a:after { content: "\f0e0"; } #navsearch a:after { content: "\f1e5"; } #navprofile a:after { content: "\f714"; } #navadmin a:after { content: "\f521"; } #navlogout a:after { content: "\f52b"; } #navlogin a:after { content: "\f52b"; } #navregister a:after { content: "\f234"; } #navpr_1 a:after { content: "\f1d8"; } #navpr_2 a:after { content: "\f518"; } #navextra1 { margin: 0 2px 0 -4px; } #navextra1 a:after { content: "\f279"; } #navindex a:after, #navuserlist a:after, #navsearch a:after, #navprofile a:after, #navpm a:after, #navadmin a:after, #navlogout a:after, #navlogin a:after, #navregister a:after, #navpr_1 a:after, #navpr_2 a:after, #navextra1 a:after { position: absolute; text-align: center; font-size: 20px; color: var(--hovlink); font-family: 'Font Awesome'; transition: all .2s ease-in-out; left: 50%; top: 44%; transform: translateX(-50%) translateY(-50%); } #navawards { display: none !important; } #navindex a:hover, #navuserlist a:hover, #navsearch a:hover, #navprofile a:hover, #navpm a:hover, #navadmin a:hover, #navlogout a:hover, #navlogin a:hover, #navregister a:hover, #navpr_1 a:hover, #navpr_2 a:hover, #navextra1 a:hover { transform: scale(1.2); } /* бургерное меню часть 2 */ .burger-menu { display: block; color: var(--hovlink) !important; font-size: 24px !important; background-color: var(--helpcol) !important; border: var(--orange-border) !important; padding: 0px 5px 4px; opacity: 1; height: auto; } #pun-ulinks { position: absolute; top: -90px; left: 10px; } #pun-ulinks .container { display: none!important; padding: 10px; list-style: none; margin: 0; } #pun-ulinks .container.active { display: flex !important; flex-direction: column; gap: 6px; background-color: #0e0e0e; box-sizing: border-box; padding: 6px 10px !important; border: var(--orange-border); border-radius: 4px; opacity: .95; z-index: 10; position: absolute; width: 120px; top: -210px!important; } #pun-ulinks .container li { margin: 0; } #pun-ulinks li a { font-family: 'Mulish'; font-size: 10px !important; color: var(--doptext); } /* конец бургерное меню часть 2 */ #pun-index .category h2, #pun-stats h2 { width: 99.6vw; background-repeat: no-repeat; margin: 0px 0px 0px -3px; position: relative; z-index: 4; height: 40px; } #pun-index .category h2 span, #pun-stats h2 span{ font-size: 10px; margin-top: -5px; } #pun-index .category .container { width: 99%; margin: 0 auto 0 -1%; } #pun-index .hasicon tr { flex-direction: column; } #pun-index .tcr { margin: 0!important; padding: 10px 20px!important; } #pun-index .hasicon tr:after { width: 85%!important; } #pun-about .container .item1 { z-index: 2; width: 100%; bottom: 0px; } #pun-about .container .item1 a { font-size: 8px; } .punbb { padding: 0; width: 100% !important; padding-top: 1px; } .punbb::after, .punbb::before { content: none!important; } #pun-status { top: -345px !important; left: 50% !important; transform: translateX(-50%) !important; width: 100% !important; } #pun-status .container { background-color: #0e0e0ed1 !important; padding: 5px 10px; border-radius: 10px; margin: 0 !important; } .isuser #pun-status .item2 { display: none; } .isuser #pun-status .item3 { font-size: 0; } .isuser #pun-status .item3 a { font-size: 12px; } .category { width: 100vw; overflow: hidden; } #pun-index .hasicon { padding: 0px 0px 10px; width: 92%; margin-left: -6px; gap: 0px!important; } #pun-index .tclcon div { height: unset !important; margin-bottom: 8px; } #pun-index .tcl { height: unset!important; width: 100%!important; padding: 5px 30px 0!important; } .switch { top: 355px; left: -1%; } #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { width: 90%; padding: 0px; margin: 2px; } #pun-stats .container:before { width: 92%; height: 78px; top: 4px; } #pun-stats .container { padding: 6px 0px 20px; } li#onlinelist { width: 86%; margin-top: 35px; } .table, #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon, #pun-userlist .tc2, #pun-searchtopics .tc2, .multipage .hasicon .tc3, .multipage .hasicon .user-avatar, .spirit-navigation_2, .pa-fld4 { display: none; } .multipage, #pun-crumbs1, #pun-crumbs2 { width: 94%; margin: 0 auto; } .multipage .hasicon .tcr { display: flex; flex-direction: column; align-content: end; flex-wrap: wrap; text-align: right; width: 40%; } .multipage .hasicon .tcr .byuser { margin-top: -7px; line-height: 1; } #pun-userlist .tcl, #pun-searchtopics .tcl, #pun-modviewforum .tcl { width: 55%!important; } .linkst .pagelink { left: 0!important; } #pun-searchposts .post h3{ margin: 0px!important; width: 100%!important; height: 35px!important; } .post h3, #pun-messages .post h3 { margin: 0px!important; width: 100%!important; } #pun-searchposts .post h3 span, .post h3 span { width: 100%!important; } #pun-searchposts .post .post-author { margin-top: 20px; width: 140px; } #pun-searchposts .post-body { margin-left: 150px; } #pun-searchposts .post-box { margin-right: 0px; } #viewprofile table { width: 95%; margin: 0 auto; } #pun-profile #viewprofile tbody tr #profile-left { background: none!important; width: 100%!important; } #pun-profile #viewprofile tbody tr { flex-direction: column; } #pun-profile #viewprofile tbody tr #profile-right { width: 100%!important; } #viewprofile li { width: 95%; } #form-buttons tr { width: 111%!important; flex-wrap: wrap; margin-left: -19px!important; } #main-reply { width: 100% !important; margin-left: -7%; } .subscribelink a { position: unset!important; } #togglePreview input { margin-top: 15px; margin-left: 7%; } .post .post-author { width: 100% !important; margin-bottom: 15px !important; background: url(https://forumstatic.ru/files/001c/35/64/12922.png); min-height: 120px !important; border: none !important; margin-left: 0% !important; position: relative !important; } .post-author:before, .post-author:after { content: none!important; } .post .container { margin-top: 40px; } .post-body { margin: 0!important; } .post-content { width: 97%!important; } .post-box { margin-right: -8px; } .post-author ul { gap: 0px 30px; margin-top: 5px!important; margin-bottom: 0!important; padding: 5px 15px !important; justify-content: space-between; display: grid!important; grid-template-areas: "nickname nickname avatar" "title title avatar" "lz lz avatar" "art love avatar"; } .pa-author { grid-area: nickname; margin: 0px; width: 180px; display: flex; text-align: left; } .pa-title { grid-area: title; margin-bottom: 6px !important; justify-self: center !important; text-align: left; } .no-avatar .pa-title { margin-left: -40px;} .pa-avatar { grid-area: avatar; margin-bottom: 25px !important; } .pa-avatar img { max-height: 100px; max-width: 100px !important; } .pa-fld1 { font-size: 0px !important; position: absolute; right: 10px; bottom: 10px; width: fit-content; height: fit-content; background: none !important; z-index: 2; } .pa-fld1 a { font-size: 0px !important; line-height: 0px !important; width: 15px; height: 15px; position: relative; padding: 0 !important; } .pa-fld1 a:before { content: '\f188'; position: absolute; text-align: center; font-size: 18px; color: var(--hovlink); font-family: 'Font Awesome'; transition: all .2s ease-in-out; left: 50%; top: 44%; text-shadow: 1px 1px 1px #0000008c; transform: translateX(-50%) translateY(-50%) rotate(21deg); } .pa-fld1 a div { font-size: 0px !important; } .pa-fld1:before { content: none!important; } lz, .pa-fld3, .pa-fld5 { display: none; } .fld_wrap:after, .fld_wrap_un:after, .fld_wrap:before, .fld_wrap_un:before, .pa-author a:before, .pa-title:before { content: none!important; } .fld_wrap .pa-respect .fld-name a::before, .isguest .fld_wrap .pa-respect .fld-name::before { top: 0px; font-size: 11px; } .pa-fld2 { grid-area: lz; width: 100% !important; margin: 0 !important; margin-left: -4px !important; background: #0e0e0edb!important; } #lz { margin: 5px 0px !important; background: #0e0e0edb; border-radius: 0 10px 10px 0; } .pa-posts, .pa-respect { flex-direction: row; font-size: 11px; margin: 10px 10px !important; gap: 11px !important; width: 48px !important; } .pa-posts { width: 33px !important; } .pa-respect { flex-wrap: nowrap; grid-area: love; } .pa-posts { grid-area: art; } .pa-respect .fld-name { width: 48px; } .fld_wrap_un .pa-respect .fld-name a::before, .isguest .fld_wrap_un .pa-respect .fld-name::before { top: -1px; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { width: 86vw!important; background: #cec5b4; } .reveal-modal.xlarge { width: 95vw!important; } .menu-links { gap: 8px !important; width: 95%; } .menu span, .menu a { padding: 0 10px; } #submenu { width: 100%!important; } .menu span, .menu a { font-size: 12px; } .menu { margin-left: -4px; } .redirect-page #pun { width: 90% !important; left: 50%; transform: translateX(-50%); } #pun-messages #profilenav ul { display: flex; gap: 5px 10px; flex-wrap: wrap; } #pun-messages #profilenav, #profile #profilenav { float: none!important; margin: 20px 20px !important; } #profile .container { width: 96%!important; margin: 0 !important; padding: 0 !important; } #pun-messages .fs-box { width: 110%; margin-left: -10px; margin-right: 0; } #pun-messages .fs-box .post-author { margin-top: 20px !important; min-height: 120px !important; margin-left: -70px !important; } #pun-messages .post-body .post-box { border: 0; margin-left: -40vw!important; width: 92vw; } #pun-messages .post-links { margin-left: -60px!important; margin-bottom: 20px!important; } #pun-messages .linksb { margin-left: 10px; margin-bottom: 30px; } #pun-messages #main-reply, #pun-edit #main-reply { width: 90% !important; margin-left: -1px !important; } #pun-messages #form-buttons table tr { width: 99% !important; margin-left: 0px !important; } .punbb-admin { width: 1040px!important; background-color: #cec5b4; } #profile #form-buttons table tr { width: 110% !important; margin-bottom: 15px; margin-left: -9px !important; } #profile #main-reply { width: 98% !important; margin-left: -3%; } .need { width: 100%!important; } .need a { display: flex; width: fit-content !important; font-size: 11px;} .cop { bottom: -134px; left: 50%; transform: translateX(-50%); } #slideout { right: 0!important; } #slideout:before { right: 1px!important; } .hide-author .post-body { width: unset !important; padding: 0px !important; } .indOnline, .indOffline { left: 50%; transform: translateX(-50%); top: -12px; } .lichka { width: 100%!important; } .modal_wrap { display: flex; width: 98vw; margin-left: 51px; } .modal_wrap > div { width: 100%!important; } .lichka_gif { position: unset!important; margin-left: 113px !important; } .lichka_name { margin: 10px 10px 10px 56px !important; } .lichka_text { margin: 0 !important; width: 83vw!important; margin-left: 10% !important; } .lichka_plashki { display: flex; flex-direction: column; width: 62vw !important; } .lichka_achiev { display: flex; flex-wrap: wrap; width: 80vw!important; margin: 15px 0 0 71px !important; } .lichka_awards { width: 71vw!important; margin: 0 !important; height: 70px!important; margin-left: 44px !important; } #form-buttons small { display: none!important; } #character { left: 92%!important; } .reveal-modal .close-reveal-modal { top: -40px !important; right: 88px !important; transition: none !important; font-size: 30px !important; color: #929292 !important; } .punbb #pun-navlinks #form-login { top: -319px!important; left: -60px!important; } #List-UserNames { width: 122px!important; left: -154px!important; } #List-UserNames ul+span { width: 136px!imortant; } .punbb #pun-navlinks #form-login input { width: 128px!important; } .punbb #List-UserNames li { background: none!important; } #notify-link .unreads, #navpm .unreads { z-index: 999; } #pun-navlinks li a { z-index: 10; } .punbb #pun-navlinks a#New-exit { right: -21px !important; top: 0px !important; margin: 0 !important; } .punbb #pun-navlinks a#New-exit:after { content: none!important; } .hvStickerPackModalContainer { left: 19px !important; transform: unset !important; } .linksb .pagelink { position: relative; z-index: 99; } .reactions-root .emoji-mart { width: 350px !important; } .post-box .post-sig { display: none; } } /* конец адаптива */
скрипт бургера
<!---------------------------- бургерное меню для адаптива ----------------------------> <script>// Добавляем кнопку "бургерное меню" window.addEventListener('load', function() { var menu = document.querySelector('#pun-ulinks .container'); if (menu) { // Создаем кнопку var burgerButton = document.createElement('button'); burgerButton.className = 'burger-menu'; burgerButton.innerHTML = '☰'; burgerButton.onclick = function() { menu.classList.toggle('active'); }; // Вставляем кнопку перед списком ссылок var section = document.querySelector('#pun-ulinks'); section.insertBefore(burgerButton, section.firstChild); } });</script> <!---------------------------- конец бургерного меню для адаптива ---------------------------->
Поделиться402024-10-11 17:59:01
/* бургер */ .day .burger-menu { display: none; color: var(--head-link) !important; font-size: 20px !important; background-color: #171717 !important; box-shadow: var(--head-border); padding: 5px; opacity: .9; } /* АДАПТИВ НАЧИНАЕТСЯ ЗДЕСЬ */ @media screen and (max-device-width: 580px) { .day html, .day body { -webkit-text-size-adjust: none; min-width: unset !important; max-width: 100vw!important; } .day input, .day button { -webkit-text-size-adjust: none; } .day #pun-index .tclcon { -webkit-text-size-adjust: none; } .day #pun-stats .container { -webkit-text-size-adjust: none; } .day #pun { width: 96vw !important; margin: 370px auto 180px !important; } .day #pun:before { width: 104%; height: 80%; top: -45px; left: 50%; transform: translateX(-50%); } .day .go-up, .day .go-down { display: none!important; } .day #pun-index #pun-crumbs1 { margin: 0 !important; } /*НАВИГАЦИЯ КАРТИНКАМИ */ .day #pun-navlinks { position: absolute; left: 50%; transform: translateX(-50%); top: -33px; margin: 0 !important; } .day #pun-navlinks .container { gap: 16px!important; } .day .isguest #pun-navlinks { } .day .isguest #navindex { margin-left: 20px; } .day #navindex { margin-right: 4px; } .day #navindex a span, .day #navuserlist a span, .day #navsearch a span, .day #navprofile a span, .day #navpm a span, .day #navadmin a span, .day #navlogout a span, .day #navregister a span, .day #navlogin a span, .day #navpr_1 a span, .day #navpr_2 a span, .day #navextra1 a span { display: none; } .day #navindex a, .day #navuserlist a, .day #navsearch a, .day #navprofile a, .day #navpm a, .day #navadmin a, .day #navlogout a, .day #navlogin a, .day #navregister a, .day #navpr_1 a, .day #navpr_2 a, .day #navextra1 a { display: block; transition: all .2s ease-in-out; position: relative; width: 22px; height: 22px; } .day #navextra1 a { font-size: 0px!important; } .day #navindex a:after { content: "\f6f1"; } .day #navuserlist a:after { content: "\f0c0"; } .day #navpm a:after { content: "\f0e0"; } .day #navsearch a:after { content: "\f1e5"; } .day #navprofile a:after { content: "\f714"; } .day #navadmin a:after { content: "\f521"; } .day #navlogout a:after { content: "\f52b"; } .day #navlogin a:after { content: "\f52b"; } .day #navregister a:after { content: "\f234"; } .day #navpr_1 a:after { content: "\f1d8"; } .day #navpr_2 a:after { content: "\f518"; } .day #navextra1 { margin: 0 2px 0 -4px; } .day #navextra1 a:after { content: "\f279"; } .day #navindex a:after, .day #navuserlist a:after, .day #navsearch a:after, .day #navprofile a:after, .day #navpm a:after, .day #navadmin a:after, .day #navlogout a:after, .day #navlogin a:after, .day #navregister a:after, .day #navpr_1 a:after, .day #navpr_2 a:after, .day #navextra1 a:after { position: absolute; text-align: center; font-size: 20px; color: var(--hovlink); font-family: 'Font Awesome'; transition: all .2s ease-in-out; left: 50%; top: 44%; transform: translateX(-50%) translateY(-50%); } .day #navawards { display: none !important; } .day #navindex a:hover, .day #navuserlist a:hover, .day #navsearch a:hover, .day #navprofile a:hover, .day #navpm a:hover, .day #navadmin a:hover, .day #navlogout a:hover, .day #navlogin a:hover, .day #navregister a:hover, .day #navpr_1 a:hover, .day #navpr_2 a:hover, .day #navextra1 a:hover { transform: scale(1.2); } /* бургерное меню часть 2 */ .day .burger-menu { display: block; color: var(--hovlink) !important; font-size: 24px !important; background-color: var(--helpcol) !important; border: var(--orange-border) !important; padding: 0px 5px 4px; opacity: 1; height: auto; } .day #pun-ulinks { position: absolute; top: -90px; left: 10px; } .day #pun-ulinks .container { display: none!important; padding: 10px; list-style: none; margin: 0; } .day #pun-ulinks .container.active { display: flex !important; flex-direction: column; gap: 6px; background-color: #0e0e0e; box-sizing: border-box; padding: 6px 10px !important; border: var(--orange-border); border-radius: 4px; opacity: .95; z-index: 10; position: absolute; width: 120px; top: -210px!important; } .day #pun-ulinks .container li { margin: 0; } .day #pun-ulinks li a { font-family: 'Mulish'; font-size: 10px !important; color: var(--doptext); } /* конец бургерное меню часть 2 */ .day #pun-index .category h2, .day #pun-stats h2 { width: 99.6vw; background-repeat: no-repeat; margin: 0px 0px 0px -3px; position: relative; z-index: 4; height: 40px; } .day #pun-index .category h2 span, .day #pun-stats h2 span{ font-size: 10px; margin-top: -5px; } .day #pun-index .category .container { width: 99%; margin: 0 auto 0 -1%; } .day #pun-index .hasicon tr { flex-direction: column; } .day #pun-index .tcr { margin: 0!important; padding: 10px 20px!important; } .day #pun-index .hasicon tr:after { width: 85%!important; } .day #pun-about .container .item1 { z-index: 2; width: 100%; bottom: 0px; } .day #pun-about .container .item1 a { font-size: 8px; } .day .punbb { padding: 0; width: 100% !important; padding-top: 1px; } .day .punbb::after, .day .punbb::before { content: none!important; } .day #pun-status { top: -345px !important; left: 50% !important; transform: translateX(-50%) !important; width: 100% !important; } .day #pun-status .container { background-color: #0e0e0ed1 !important; padding: 5px 10px; border-radius: 10px; margin: 0 !important; } .day .isuser #pun-status .item2 { display: none; } .day .isuser #pun-status .item3 { font-size: 0; } .day .isuser #pun-status .item3 a { font-size: 12px; } .day .category { width: 100vw; overflow: hidden; } .day #pun-index .hasicon { padding: 0px 0px 10px; width: 92%; margin-left: -6px; gap: 0px!important; } .day #pun-index .tclcon div { height: unset !important; margin-bottom: 8px; } .day #pun-index .tcl { height: unset!important; width: 100%!important; padding: 5px 30px 0!important; } .day .switch { top: 355px; left: -1%; } .day #pun-stats li.item1, .day #pun-stats li.item2, .day #pun-stats li.item3, .day #pun-stats li.item4 { width: 90%; padding: 0px; margin: 2px; } .day #pun-stats .container:before { width: 92%; height: 78px; top: 4px; } .day #pun-stats .container { padding: 6px 0px 20px; } .day li#onlinelist { width: 86%; margin-top: 35px; } .day .table, .day #pun-viewforum table Div.icon, .day #pun-messages table Div.icon, .day #pun-searchtopics table Div.icon, .day #pun-userlist .tc2, .day #pun-searchtopics .tc2, .day .multipage .hasicon .tc3, .day .multipage .hasicon .user-avatar, .day .spirit-navigation_2, .day .pa-fld4 { display: none; } .day .multipage, .day #pun-crumbs1, .day #pun-crumbs2 { width: 94%; margin: 0 auto; } .day .multipage .hasicon .tcr { display: flex; flex-direction: column; align-content: end; flex-wrap: wrap; text-align: right; width: 40%; } .day .multipage .hasicon .tcr .byuser { margin-top: -7px; line-height: 1; } .day #pun-userlist .tcl, .day #pun-searchtopics .tcl, .day #pun-modviewforum .tcl { width: 55%!important; } .day .linkst .pagelink { left: 0!important; } .day #pun-searchposts .post h3 { margin: 0px!important; width: 100%!important; height: 35px!important; } .day .post h3, .day #pun-messages .post h3 { margin: 0px!important; width: 100%!important; } .day #pun-searchposts .post h3 span, .day .post h3 span { width: 100%!important; } .day #pun-searchposts .post .post-author { margin-top: 20px; width: 140px; } .day #pun-searchposts .post-body { margin-left: 150px; } .day #pun-searchposts .post-box { margin-right: 0px; } .day #viewprofile table { width: 95%; margin: 0 auto; } .day #pun-profile #viewprofile tbody tr #profile-left { background: none!important; width: 100%!important; } .day #pun-profile #viewprofile tbody tr { flex-direction: column; } .day #pun-profile #viewprofile tbody tr #profile-right { width: 100%!important; } .day #viewprofile li { width: 95%; } .day #form-buttons tr { width: 111%!important; flex-wrap: wrap; margin-left: -19px!important; } .day #main-reply { width: 100% !important; margin-left: -7%; } .day .subscribelink a { position: unset!important; } .day #togglePreview input { margin-top: 15px; margin-left: 7%; } .day .post .post-author { width: 100% !important; margin-bottom: 15px !important; background: url(https://forumstatic.ru/files/001c/35/64/12922.png); min-height: 120px !important; border: none !important; margin-left: 0% !important; position: relative !important; } .day .post-author:before, .day .post-author:after { content: none!important; } .day .post .container { margin-top: 40px; } .day .post-body { margin: 0!important; } .day .post-content { width: 97%!important; } .day .post-box { margin-right: -8px; } .day .post-author ul { gap: 0px 30px; margin-top: 5px!important; margin-bottom: 0!important; padding: 5px 15px !important; justify-content: space-between; display: grid!important; grid-template-areas: "nickname nickname avatar" "title title avatar" "lz lz avatar" "art love avatar"; } .day .pa-author { grid-area: nickname; margin: 0px; width: 180px; display: flex; text-align: left; } .day .pa-title { grid-area: title; margin-bottom: 6px !important; justify-self: center !important; text-align: left; } .day .no-avatar .pa-title { margin-left: -40px;} .day .pa-avatar { grid-area: avatar; margin-bottom: 25px !important; } .day .pa-avatar img { max-height: 100px; max-width: 100px !important; } .day .pa-fld1 { font-size: 0px !important; position: absolute; right: 10px; bottom: 10px; width: fit-content; height: fit-content; background: none !important; z-index: 2; } .day .pa-fld1 a { font-size: 0px !important; line-height: 0px !important; width: 15px; height: 15px; position: relative; padding: 0 !important; } .day .pa-fld1 a:before { content: '\f188'; position: absolute; text-align: center; font-size: 18px; color: var(--hovlink); font-family: 'Font Awesome'; transition: all .2s ease-in-out; left: 50%; top: 44%; text-shadow: 1px 1px 1px #0000008c; transform: translateX(-50%) translateY(-50%) rotate(21deg); } .day .pa-fld1 a div { font-size: 0px !important; } .day .pa-fld1:before { content: none!important; } .day lz, .day .pa-fld3, .day .pa-fld5 { display: none; } .day .fld_wrap:after, .day .fld_wrap_un:after, .day .fld_wrap:before, .day .fld_wrap_un:before, .day .pa-author a:before, .day .pa-title:before { content: none!important; } .day .fld_wrap .pa-respect .fld-name a::before, .day .isguest .fld_wrap .pa-respect .fld-name::before { top: 0px; font-size: 11px; } .day .pa-fld2 { grid-area: lz; width: 100% !important; margin: 0 !important; margin-left: -4px !important; background: #0e0e0edb!important; } .day #lz { margin: 5px 0px !important; background: #0e0e0edb; border-radius: 0 10px 10px 0; } .day .pa-posts, .day .pa-respect { flex-direction: row; font-size: 11px; margin: 10px 10px !important; gap: 11px !important; width: 48px !important; } .day .pa-posts { width: 33px !important; } .day .pa-respect { flex-wrap: nowrap; grid-area: love; } .day .pa-posts { grid-area: art; } .day .pa-respect .fld-name { width: 48px; } .day .fld_wrap_un .pa-respect .fld-name a::before, .day .isguest .fld_wrap_un .pa-respect .fld-name::before { top: -1px; } .day #pun-report .inner, .day #pun-reputation .inner, .day #pun-admin-award-form .inner { width: 86vw!important; background: #cec5b4; } .day .reveal-modal.xlarge { width: 95vw!important; } .day .menu-links { gap: 8px !important; width: 95%; } .day .menu span, .day .menu a { padding: 0 10px; } .day #submenu { width: 100%!important; } .day .menu span, .day .menu a { font-size: 12px; } .day .menu { margin-left: -4px; } .day .redirect-page #pun { width: 90% !important; left: 50%; transform: translateX(-50%); } .day #pun-messages #profilenav ul { display: flex; gap: 5px 10px; flex-wrap: wrap; } .day #pun-messages #profilenav, .day #profile #profilenav { float: none!important; margin: 20px 20px !important; } .day #profile .container { width: 96%!important; margin: 0 !important; padding: 0 !important; } .day #pun-messages .fs-box { width: 110%; margin-left: -10px; margin-right: 0; } .day #pun-messages .fs-box .post-author { margin-top: 20px !important; min-height: 120px !important; margin-left: -70px !important; } .day #pun-messages .post-body .post-box { border: 0; margin-left: -40vw!important; width: 92vw; } .day #pun-messages .post-links { margin-left: -60px!important; margin-bottom: 20px!important; } .day #pun-messages .linksb { margin-left: 10px; margin-bottom: 30px; } .day #pun-messages #main-reply, .day #pun-edit #main-reply { width: 90% !important; margin-left: -1px !important; } .day #pun-messages #form-buttons table tr { width: 99% !important; margin-left: 0px !important; } .day .punbb-admin { width: 1040px!important; background-color: #cec5b4; } .day #profile #form-buttons table tr { width: 110% !important; margin-bottom: 15px; margin-left: -9px !important; } .day #profile #main-reply { width: 98% !important; margin-left: -3%; } .day .need { width: 100%!important; } .day .need a { display: flex; width: fit-content !important; font-size: 11px;} .day .cop { bottom: -134px; left: 50%; transform: translateX(-50%); } .day #slideout { right: 0!important; } .day #slideout:before { right: 1px!important; } .day .hide-author .post-body { width: unset !important; padding: 0px !important; } .day .indOnline, .day .indOffline { left: 50%; transform: translateX(-50%); top: -12px; } .day .lichka { width: 100%!important; } .day .modal_wrap { display: flex; width: 98vw; margin-left: 51px; } .day .modal_wrap > div { width: 100%!important; } .day .lichka_gif { position: unset!important; margin-left: 113px !important; } .day .lichka_name { margin: 10px 10px 10px 56px !important; } .day .lichka_text { margin: 0 !important; width: 83vw!important; margin-left: 10% !important; } .day .lichka_plashki { display: flex; flex-direction: column; width: 62vw !important; } .day .lichka_achiev { display: flex; flex-wrap: wrap; width: 80vw!important; margin: 15px 0 0 71px !important; } .day .lichka_awards { width: 71vw!important; margin: 0 !important; height: 70px!important; margin-left: 44px !important; } .day #form-buttons small { display: none!important; } .day #character { left: 92%!important; } .day .reveal-modal .close-reveal-modal { top: -40px !important; right: 88px !important; transition: none !important; font-size: 30px !important; color: #929292 !important; } .day .punbb #pun-navlinks #form-login { top: -319px!important; left: -60px!important; } .day #List-UserNames { width: 122px!important; left: -154px!important; } .day #List-UserNames ul+span { width: 136px!important; } .day .punbb #pun-navlinks #form-login input { width: 128px!important; } .day .punbb #List-UserNames li { background: none!important; } .day #notify-link .unreads, .day #navpm .unreads { z-index: 999; } .day #pun-navlinks li a { z-index: 10; } .day .punbb #pun-navlinks a#New-exit { right: -21px !important; top: 0px !important; margin: 0 !important; } .day .punbb #pun-navlinks a#New-exit:after { content: none!important; } .day .hvStickerPackModalContainer { left: 19px !important; transform: unset !important; } .day .linksb .pagelink { position: relative; z-index: 99; } .day .reactions-root .emoji-mart { width: 350px !important; } .day .post-box .post-sig { display: none; } /* конец адаптива */ #yandex_rtb_R-A-1623045, #yandex_rtb_R-A-1623045-1, #yandex_rtb_R-A-1623045-3, #yandex_rtb_R-A-1623045-2 { margin: 10px 0px!important; }
Поделиться412024-10-12 01:04:40
[html]<!--------------------------- ЧАСТЬ 1. Код кастомизированного плеера (c) forumd --------------------->
<div class='playerNode' data-tracks="https://forumstatic.ru/files/001c/35/64/68814.mp3" title='Kensington - Island '></div>
<!--------------------------- ЧАСТЬ 1. Код кастомизированного плеера ------------------------------------>[/html]
kzkzkz nene gjcn rerfhtre
Поделиться42Вчера 21:02:29
[html]
<fins>
<fins_t> masks for grabs </fins_t>
<fins_extra>
нижеуказанные волчата существуют пока на стадии концепта + скорее всего, уже в февральском таймлайне появятся в качестве нпс в постах финчика и их инклюзивчика; вы можете взять их погонять масками разово или навсегда (их так же можно брать полноценными персонажами)
важный аспект стаи заключается в том, что она не центрируется на альфе и вайб у нее больше как у невольных участников гли - все собрались в кучку, но никто, по факту, не хочет к этой кучке принадлежать; в будущем есть надежда вырастить это в троп found family (не очень хорошие ребята начинают помогать друг другу и постепенно становятся дружной семьей).
</fins_extra>
<fins_p>
<fins_pp>
<fins_ch>
<img src='https://i.ibb.co/Snxp7PD/tumblr-e122cf6c1a6f493571d65fcd31d81d83-05af9d67-400.gif'>
<fins_info>
<h4>ms. law and order</h4>
<h5>josefine pettersen </h5>
<p>• лучше звоните солу - для всех, кого прессует инквизиция
• в тринадцать присутствовала на казни собственного отца
• острые зубы, мысли еще острее
• слава богу на стороне добра, иначе твое тело не нашли бы и через три сотни лет
• закончила университет на два года раньше ровесников
• работает как танк, отдыхает как будто завтра никогда не наступит
• girl's girl</p>
</fins_info>
</fins_ch>
<fins_ch>
<img src='https://i.ibb.co/WVLKqbx/tumblr-4c6ee98cc2579fef7550f031824f3bc5-562d9600-500.gif'>
<fins_info>
<h4>ms. loose cannon</h4>
<h5>cristin milioti</h5>
<p>• живет в мэгги последние пару месяцев – возможно, только потому, что фин боится ее выселять (платит нерегулярно, дебоширит, приводит гостей – если натравить на нее акса, может угомониться ненадолго)
• никто не хотел ее звать, так что она пришла сама
• если протянуть палец – откусит все, кроме пальца
• совершенно точно будущий источник сюжетных проблем, потому что готова влезть в любую грязь за наживой или просто из скуки
• либо: с пиздинкой и потому поспособствовала развалу своей прошлой стаи + постоянно самосаботируется + в итоге дойдет до точки максимального конфликта с остальными волчатами
• либо: после всех этих передряг привяжется к детишкам и начнет исправляться (меньше дебоширить, больше помогать, возможно, даже работу найдет - кто знает; но характер, скорее всего, останется скверным)</p>
</fins_info>
</fins_ch>
</fins_pp>
<fins_pp>
<fins_ch>
<img src='https://i.ibb.co/1sk18TV/tumblr-ac141caa68c7e377fb34d238f99177e2-28dc1986-540.gif'>
<fins_info>
<h4>mr. stray dog</h4>
<h5>kj apa </h5>
<p>• бездомствует с двенадцати
• отсидел в джексонской тюрьме за угон и непреднамеренное похищение (взломал тайоту хайлендер на заправке и проехал в ней пару километров прежде, чем обнаружил на заднем сидении младенца - вернул машину обратно, но за прошлые нарушение получил четыре года, несмотря на смягчающие обстоятельства)
• мать младенца – мисс камила / школьная учительница – присутствовала на суде и выступала на стороне защиты; навещала его на протяжение всех четырех лет и заставила вернуться к школьному образованию после выхода
• стал жертвой проклятого альфы из батон-руж и присмотрел там стаю, но случайно застрял в но
• не в чарлепаке, потому что хочет больше независимости
• визуал представляю <a src='https://gifstorage.tumblr.com/kj-apa/ofm/01./'>так</a></p>
</fins_info>
</fins_ch>
<fins_ch>
<img src='https://i.ibb.co/3RHKHsY/4e4722a360d2ba0bd7cb9c38dc8a9c41.gif'>
<fins_info>
<h4>mr. hustler</h4>
<h5>avan jogia </h5>
<p>• знает человечка, который знает человечка
• привел финансы мэгги в порядок, потому что нечем было заняться (сири включи комбинация - бухгалтер)
• в деньгах не нуждается, но устал быть слабее вообще всех окружных оборотней
• имеет какие-то бизнесы, но никому не говорит какие
• пришел по объявлению
• гифка уебская но внешность просто отвал жопы траст ми</p>
</fins_info>
</fins_ch>
</fins__pp>
</fins_p>
<fins_extra>
сюжетные моменты:
1. у фин нет желания быть альфой, у них есть желание кусаться побольнее и иметь зубы поширше, но эти две вещи плотно связаны, поэтому они собирают горстку омежек, которым нужны деньги, выдают по двести баксов на нос и уговаривают признать их альфой с помощью сидни (вуду ведьма, оплаченный эмиссар, просто хороший человек по версии некоторых официантов в хутерс);
2. всяческая хрень, скорее всего, будет происходить со стаей регулярно, но в ней можно не участвовать и какого-то распланированного гейминга я не хочу – первое время каждый будет сам за себя и динамики мама альфа - бейби бета здесь нет (думайте про фин, как про скотта макколла в первом сезоне – с перспективой стать скоттом из пятого)
3. общий вайб – гангстерские разборки с юмором и легким налетом охуевоза (потому что персонажи все относительно молодые, но вечно влезают в штуки, которые для них ту мач). эмоушанал дамаж у всех довольно большой, но горьких драм не хочется – тем не менее, вы можете завести такую для себя и играть ее дополнительно
</fins_extra>
</fins>
<style>
@import url('https://fonts.googleapis.com/css2?family=Lacquer&display=swap');
fins {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
padding: 0 40px;
box-sizing: border-box;
}
fins:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: .07;
filter: contrast(0.6);
background-image: url(https://i.pinimg.com/736x/9f/a2/cf/9fa2 … 66c4cb.jpg);
z-index: -1;
background-position: top center;
background-repeat: no-repeat;
}
fins_t {
font-size: 40px;
font-family: "Lacquer";
}
fins_extra {
display: flex;
font-family: 'Raleway';
font-weight: 500;
letter-spacing: 0.2px;
margin-top: 20px;
white-space: pre-wrap;
font-size: 11px;
padding: 0 40px;
box-sizing: border-box;
}
fins_p { display: flex; margin-top: 55px; gap: 40px; width: 80%; justify-content: center;}
fins_pp {
display: flex;
flex-direction: column;
gap: 50px;
}
fins_ch {
display: flex;
flex-direction: column;
}
fins_ch img {
width: 268px;
margin: 0 auto;
border-radius: 7px;
filter: brightness(0.7);
position: relative;
z-index: 1;
}
fins_info {
display: flex;
flex-direction: column;
gap: 5px;
text-align: center;
position: relative;
align-content: center;
flex-wrap: wrap;
background: #0000000f;
padding: 25px 15px 15px;
border-radius: 10px;
margin-top: -15px;
}
fins_info::-webkit-scrollbar {
width: 1px!important;
height: 1px;
}
fins_info::-webkit-scrollbar-track,
fins_info::-webkit-scrollbar-thumb {
background-color: #00000026!important;
}
fins_info h4, fins_info h5, fins_info p { margin: 0; }
fins_info h4 {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -163px;
font-family: "Lacquer";
font-size: 24px;
width: 100%;
}
fins_info p {
white-space: pre-wrap;
text-align: left;
width: 310px;
height: 140px;
overflow: auto;
font-family: 'Raleway'!important;
line-height: 16px!important;
font-size: 10px!important;
font-weight: 500!important;
padding: 0 6px;
}
</style>
[/html]