Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Новые возможности форумов » Запросы по скриптам #11
Предыдущая тема - Запросы по скриптам[9]
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Предыдущая часть темы: Запросы по скриптам[10]
Подскажите, пожалуйста, не нашёл поиском:
1) Как поставить иконки перед названием разделов форума;
2) Как поменять прямоугольник для голосования за пост "Дать оценку участнику" на подложку с сердечком, как в других форумах, или на что-либо подобное 
1) Как поставить иконки перед названием разделов форума;
В HTML-верх
/* Иконка для категории */
<style>
.category-1 h2 span:before {
content: '';
display: inline-block;
height: 22px;
width: 22px;
background: url(https://forumstatic.ru/files/0007/af/57/35324.png) no-repeat;
background-size: cover;
margin-right: 2px;
vertical-align: middle
}
</style>
красным ‒ уникальный номер категории (id). Способ узнать уникальный номер категории (id) для новичка может показаться весьма затруднительным, но постараюсь объяснить.
На главной странице форума наведите курсором мыши на название категории и нажмите правую кнопку мыши, в контекстном меню выберите Просмотреть код (название пункта может отличаться в зависимости от браузера, но обычно расположено в самом низу).
Если сделали всё правильно, у вас откроется инструмент разработчика на строчке с названием этой категории.
Чуть выше, самое близкое к названию, можно увидеть строчку category-1 ‒ в нашем случае цифра 1 будет относится к Тестовой категории.
Там же можно увидеть другие id категорий, они расположены сверху вниз, как это видите вы на своём форуме, но чтобы не запутаться, закрывайте инструмент разработчика и заново через правую кнопку мыши смотрите.
Если будет сложно, укажите ссылку на форум, я укажу к какой категории принадлежит её id.
зеленым ‒ указываете прямую ссылку на иконку. Загружать изображения для форума лучше в Администрирование - Файлы.
синим ‒ размеры иконки в пикселях (height - высота; width - ширина). Я указал примерные размеры, их можно не трогать, для большинства форумов подойдет.
Reysler
Merlin777
Я так понял что иконки к форумам нужны ) С этим в Типовые Вопросы (ЧаВо), первый же пункт.
По второму пункту, дайте пример форума с сердечком.
Reysler
Спасибо, очень интересно А как сделать иконки перед названиями разделов, а не категорий? И чтобы это желательно не конфликтовало с функционалом, что, когда сколько-то тем не просмотренных, отображаются циферки (т.е. функционал встроенный по умолчанию).
Alex_63
Да, иконки к форумам, но чтобы для каждого форума своя персональная иконка По приведённой ссылке там меняется сразу одинаково для всех.
P.S. Форум https://kuban.mybb.ru/
Отредактировано Merlin777 (Сб, 27 Апр 2024 21:27:43)
Merlin777
.punbb tr#forum_f10 div.icon {background: url("https://forumstatic.ru/files/0000/14/1c/86633.png") no-repeat center center / cover;}
Ставить в HTML верх в тегах <style></style>, ID форума и ссылку на картинку изменить на свои, размножить эту строчку с нужными данными для нужных форумов.
Определять ID форумов можно тем же способом, что описал @Reysler . Например, для форума "Туризм и путешествия" ID будет 25.
Alex_63
Спасибо
Но посмотрите, как картинка неаккуратно вставляется (на примере форума "Туризм и путешествия"), она примыкает вплотную к названию, а стандартные картинки имеют аккуратненький такой пробел между иконкой и текстом
Merlin777
А если так?
url("https://forumupload.ru/uploads/001a/f0/7d/2/549996.png") no-repeat left center / contain
Merlin777
А если так?url("https://forumupload.ru/uploads/001a/f0/7d/2/549996.png") no-repeat left center / contain
Спасибо! Вы волшебник
@Romych
ACT3255 написал(а):Ну меня то точно устраивает ))))
тогда ещё один вопрос перед публикацией, список фотохостингов устраивает? чего-то из популярных упущенно?
"funkyimg.com", "forumfiles.ru", "uploads.ru", "fotki.info", "savepic.net", "savepic.ru", "radikale.ru", "radikal.ru", "savepice.ru", "jpegshare.net", "imgur.com", "itmages.su", "imgbox.com", "vfl.ru"
а то потом посыпятся просьбы добавить тот или иной и придётся неоднократно скрипт дополнять
Можно ли добавить:
https://new.fastpic.org/
https://fastpic.org/
т.к. на домене ru они более не существуют.
и https://postimages.org/ если возможно.
Отредактировано ACT3255 (Вт, 30 Апр 2024 11:33:12)
Merlin777
Вижу, вы запросили пробную подписку на Мгновенные уведомления, подписка работает, но код вы не доустановили )
Замените в HTML верх этот код
<!-- Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!-- Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>На такой:
<!-- Мгновенные уведомления © Alex_63, 2024 -->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<!-- Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!-- Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>Merlin777
А также, смотрю, у вас скрипт жалоб стоит в HTML-низ:
<!-- Скрипт Жалоб Администратору в тему(не в ЛС -->
<script temaid="5983" type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/55349.js" id="complaint"></script>
<!-- Смена иконки жалоб на текст или картинку -->
<script type="text/javascript">$('li.pl-reports a').html('Пожаловаться')</script>В нём больше нет необходимости, поскольку Мгновенные уведомления позволяют установить дополнение для жалоб без всяких тем, как здесь на форуме поддержки: Новые возможности: Мгновенные уведомления
Alex_63
Спасибо. Но почему-то скрипт жалоб не выводит надпись, и скрипт "Аватар в цитате V.2 © Alex_63" тоже вставляет какие-то циферки вместо ника. Может, я что-то лишнее удалил или ещё какая-то причина? Посмотрите, пожалуйста
скрипт жалоб не выводит надпись
Это нужно проверять под обычным пользователем, администраторам самим на себя жаловаться незачем, поэтому у них ссылка и не отображается )
С аватаром в цитате - вероятно уже поправили, ибо сейчас я проблем не вижу, аватарки отображаются.
Alex_63
Да, скрипт жалоб под обычным пользователем работает Но с цитатой что-то не так) вместо имени вставляются какие-то цифры.
Merlin777
А если добавить после скрипта цитат (первой части, которая в HTML верх) такой код:
<script>
$(document).on('pun_post pun_edit', function() {setTimeout(function() {setLinkAndAva('.post.new-ajax')}, 0)})
$(document).on('pun_preview', function() {setTimeout(function() {setLinkAndAva('#post-preview')}, 0)})
</script>Alex_63
нет, не помогает(
Merlin777
Я так понимаю проблема только в предпросмотре?
Merlin777
У меня на вашем форуме выглядит так:
Alex_63
сейчас всё ОК, спасибо
дайте пример форума с сердечком
Вы здесь » Единый форум поддержки » Новые возможности форумов » Запросы по скриптам #11