ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Добавление скриптов и css трюков для MYBB

Сообщений 131 страница 140 из 148

1

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

+1

131

Самым первым был Дука. Я, до супер-дайсов ничо с рандомом не делал  :dontknow:

+2

132

#p161613,Automation Baby написал(а):

А мне кажется похоже на модификацию скрипта дайсов от Дуки, который от 2008 года ещё.

#p161616,Deff написал(а):

Самым первым был Дука.

Стало быть, точно, его скрипт. Буду хоть знать, чей код лежит в основе всех моих дайсометалок. : ))

+2

133

Участники в виде карточек: десктоп, мобильный
скорее всего (почти гарантирую) было, но если вдруг нет, то вот
добавлять в стили

Код:
.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)

+2

134

Emerael
Спасибо, нет не было. Герда хотела что-то подобное написать и выложить, но руки так и не дошли... А у тебя дошли. Здорово!

+1

135

Добавлено

выделение в подписи блоков, скрытых в постах, и блоков, скрытых в профиле
зачем? Ну, может быть вы хотите дать возможность красиво оформить профиль через подпись, а в подписи к постам сочинение на страницу смотрится не комильфо, а прятать под спойлер все не хочется (=
TODO: докинуть опцию вешать валидатор по количеству символов/высоте контента той части подписи, которая будет отображаться в посте и банить при невалидной подписи кнопку(?)

https://forumupload.ru/uploads/0007/e3/f7/6797/t736070.png
https://forumupload.ru/uploads/0007/e3/f7/6797/t824194.png
https://forumupload.ru/uploads/0007/e3/f7/6797/t602457.png

В 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)

+1

136

#p171084,Emerael написал(а):

выделение в подписи блоков, скрытых в постах, и блоков, скрытых в профиле

Ух ты! С этим скриптом можно делать разные подписи на странице просмотра профиля и в постах!  https://i.ibb.co/G5tpMGZ/19.webp

#p171084,Emerael написал(а):

TODO: докинуть опцию вешать валидатор по количеству символов/высоте контента той части подписи, которая будет отображаться в посте и банить при невалидной подписи кнопку(?)

Если суть вопроса в том что делать или нет, то ответ тут только может быть один: если есть время и желание - сделай. Нет, ну и так отлично!

Пойду добавлять это в каталог!

+1

137

Добавлено

Ну и сразу следом, по мотивам запроса с рено, можно выпилить примечание, не обижусь, 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)

+3

138

#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>

И будет работать как-то так:
[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]

Правда нельзя стилизовать такое (или я не знаю как). Но пока знаю что можно поменять прозрачность, ширину и высоту через стили.

Или твой скрипт - это другое?

+1

139

#p171444,Automation Baby написал(а):
#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>

И будет работать как-то так:

Правда нельзя стилизовать такое (или я не знаю как). Но пока знаю что можно поменять прозрачность, ширину и высоту через стили.

Или твой скрипт - это другое?

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

+2

140

#p171446,Emerael написал(а):

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

А-а-а! Ну ладно тогда, чуть попозже добавлю. Спасибо за скрипт и пояснение.  https://i.imgur.com/47MnZ89.png?1

0