В каталоге запрещено создавать новые темы, т.к. скриптов очень много, а мы стараемся делать хорошую навигацию по разделу и добавлять их упорядоченно. Скрипты, которых еще нет в этом разделе можно выкладывать в этой теме. И модератор добавит их на форум.
Добавление скриптов и css трюков для MYBB
Сообщений 131 страница 140 из 148
Поделиться13112.10.21 16:31
Самым первым был Дука. Я, до супер-дайсов ничо с рандомом не делал
Поделиться13213.10.21 04:43
А мне кажется похоже на модификацию скрипта дайсов от Дуки, который от 2008 года ещё.
Самым первым был Дука.
Стало быть, точно, его скрипт. Буду хоть знать, чей код лежит в основе всех моих дайсометалок. : ))
Поделиться13331.07.22 23:44
Участники в виде карточек: десктоп, мобильный
скорее всего (почти гарантирую) было, но если вдруг нет, то вот
добавлять в стили
.usertable tbody { width: 100%; display: flex; flex-wrap: wrap; } .usertable tr { display: grid; padding: .5em; margin: .5em; border: 2px solid #eca4a4; background: #dceaeb; justify-items: center; } .usertable .user_title:before { content: 'Cтатус: '; font-weight: bold; } .usertable .relation:before { content: 'Отношение: '; font-weight: bold; } .usertable .num_posts:before { content: 'Постов: '; font-weight: bold; } .usertable .registered:before { content: 'Зарегистрирован(а): '; font-weight: bold; } .usertable .last_visit:before { content: 'Был(а): '; font-weight: bold; }
Отредактировано Emerael (31.07.22 23:45)
Поделиться13401.08.22 11:00
Emerael
Спасибо, нет не было. Герда хотела что-то подобное написать и выложить, но руки так и не дошли... А у тебя дошли. Здорово!
Поделиться13504.08.22 12:59
выделение в подписи блоков, скрытых в постах, и блоков, скрытых в профиле
зачем? Ну, может быть вы хотите дать возможность красиво оформить профиль через подпись, а в подписи к постам сочинение на страницу смотрится не комильфо, а прятать под спойлер все не хочется (=
TODO: докинуть опцию вешать валидатор по количеству символов/высоте контента той части подписи, которая будет отображаться в посте и банить при невалидной подписи кнопку(?)В html-верх - добавление в секцию доп тегов кнопок "скрыть в профиле" и "скрыть в постах" на редактировании подписиКод:<script> if(document.location.pathname === '/profile.php' && document.location.search.includes('signature')) { FORUM.set( 'editor.addition.tags.hide_in_profile', { name:'Скрыть в профиле', onclick:function(){ $("#main-reply").surroundSelectedText("[hide_in_profile]", "[/hide_in_profile]"); } } ); FORUM.set( 'editor.addition.tags.hide_in_posts', { name:'Скрыть в постах', onclick:function(){ $("#main-reply").surroundSelectedText("[hide_in_posts]", "[/hide_in_posts]"); } } ); } </script>В HTML-низ - обработка теговКод:<script> $('.#profile-signature:contains("[hide_in_profile]"), .parsedsig:contains("[hide_in_profile]"), .post-sig:contains("[hide_in_profile]")') .html(function(){ return $(this).html() .replace(/\[hide_in_profile\]/gim,'<div class="hide_in_profile">') .replace(/\[\/hide_in_profile\]/gim,'</div>') }); $('.#profile-signature:contains("[hide_in_posts]"), .parsedsig:contains("[hide_in_posts]"), .post-sig:contains("[hide_in_posts]")') .html(function(){ return $(this).html() .replace(/\[hide_in_posts\]/gim,'<div class="hide_in_posts">') .replace(/\[\/hide_in_posts\]/gim,'</div>') }); </script>В HTML в форме ответа - легенда (для редактирования подиси)Код:<div class='hiding_legend'> <div class='hide_in_profile'>Скрытое в профиле</div> <div class='hide_in_posts'>Скрытое в постах</div> </div>В стиль или в HTML-верх в тегах <style></style>Код:/*Начало скрытия подписи по частям*/ #viewprofile-next .hide_in_profile{ display: none; } /*Стиль для легенды скрываемого в профиле и отображения самого скрываемого в редактировании подписи*/ #profile #profile5 .hide_in_profile { border: 2px solid red; padding: .2em; margin: .2em; } /*Стиль для легенды скрываемого в постах и отображения самого скрываемого в редактировании подписи*/ #profile #profile5 .hide_in_posts { border: 2px dashed red; padding: .2em; margin: .2em; } .post-body .hide_in_posts { display: none; } .hiding_legend { display: none; } #profile5 .hiding_legend { display: block; } /*Конец скрытия подписи по частям*/
Скрытие подписи по частям в постах и просмотре профиля (JS, CSS, HTML)
Отредактировано Emerael (04.08.22 13:10)
Поделиться13604.08.22 21:01
выделение в подписи блоков, скрытых в постах, и блоков, скрытых в профиле
Ух ты! С этим скриптом можно делать разные подписи на странице просмотра профиля и в постах!
TODO: докинуть опцию вешать валидатор по количеству символов/высоте контента той части подписи, которая будет отображаться в посте и банить при невалидной подписи кнопку(?)
Если суть вопроса в том что делать или нет, то ответ тут только может быть один: если есть время и желание - сделай. Нет, ну и так отлично!
Пойду добавлять это в каталог!
Поделиться13714.08.22 18:56
Ну и сразу следом,
по мотивам запроса с рено, можно выпилить примечание, не обижусь, jfyi- тег audio в постах и подписях (без поддержки динозавров правда, только html5, только хардкор)HTML-верхКод:<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>Свой стиль или HTML-верх в тегах styleКод: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; }HTML-низКод:<script> (()=>{ const selectors = [ '#profile-signature:contains("[audio=")', //подпись в профиле '.parsedsig:contains("[audio=")', //предпросмотр подписи '.post-body:contains("[audio=")', //посты и подписи в них ]; const replaceAudio = () => { const containMusic = $(selectors.join(', ')); containMusic.each((_, el) => { const re = /\[audio=([^\]]+)]([^[]+)\[\/audio\]/gmi; el.innerHTML = el.innerHTML.replace(re, `<div class="audio-block"><span class="audio-title">$2:</span><audio controls src="$1"> <span>ваш браузер не поддерживает HTML5 аудио. Вот взамен <a href="$1">ссылка на трек</a></span> </audio></div>`); }); }; replaceAudio(); $(document).on('pun_post', () => {replaceAudio()}); })(); </script>По кастомизации иконки - вот прям в html-верхе выпиливаем фон и ставим свой
По остальному: .audio-block - блок, содержащий плеер + подпись, .audio-title - подпись трека
Музыка в постах и подписях (JS, CSS)
Отредактировано Emerael (14.08.22 18:57)
Поделиться13814.08.22 19:05
Ну и сразу следом,
по мотивам запроса с рено, можно выпилить примечание, не обижусь, jfyi- тег audio в постах и подписях (без поддержки динозавров правда, только html5, только хардкор)
Шикарно, но так а разве нельзя просто вставить в пост через теги [html]? Что-то типа такого:
<audio controls="controls" preload="none" style="width:220px;height:16px;"> <source src="https://forumstatic.ru/files/0018/3d/6c/46381.mp3" type="audio/mp3"> Ваш браузер не поддерживает тег audio </audio>
И будет работать как-то так:
[html]<audio controls="controls" preload="none" style="width:220px;height:16px;">
<source src="https://forumstatic.ru/files/0018/3d/6c/46381.mp3" type="audio/mp3">
Ваш браузер не поддерживает тег audio
</audio>[/html]
Правда нельзя стилизовать такое (или я не знаю как). Но пока знаю что можно поменять прозрачность, ширину и высоту через стили.
Или твой скрипт - это другое?
Поделиться13914.08.22 19:08
#p171442,Emerael написал(а):Ну и сразу следом,
по мотивам запроса с рено, можно выпилить примечание, не обижусь, jfyi- тег audio в постах и подписях (без поддержки динозавров правда, только html5, только хардкор)Шикарно, но так а разве нельзя просто вставить в пост через теги [html]? Что-то типа такого:
Код:<audio controls="controls" preload="none" style="width:220px;height:16px;"> <source src="https://forumstatic.ru/files/0018/3d/6c/46381.mp3" type="audio/mp3"> Ваш браузер не поддерживает тег audio </audio>И будет работать как-то так:
Правда нельзя стилизовать такое (или я не знаю как). Но пока знаю что можно поменять прозрачность, ширину и высоту через стили.
Или твой скрипт - это другое?
там прям кнопка в форме ответа, которая реквестует ссылку на трек и название и лепит подобное самаможет таки прикручу к этой штуке как раз яшкину библиотеку и научу людей лепить в постах кастомные плееры хд
Поделиться14014.08.22 19:12
там прям кнопка в форме ответа, которая реквестует ссылку на трек и название и лепит подобное сама
может таки прикручу к этой штуке как раз яшкину библиотеку и научу людей лепить в постах кастомные плееры хд
А-а-а! Ну ладно тогда, чуть попозже добавлю. Спасибо за скрипт и пояснение.