Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Новые возможности форумов » Запросы по скриптам #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
Спасибо! Вы волшебник
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
сейчас всё ОК, спасибо
дайте пример форума с сердечком
Merlin777
Там стоит такой код от @Deff (в HTML верх):
<style>
/*Быстроплюсы для Топика!*/
div .post-rating p a {
text-align: center;
outline: 1px solid transparent;
font-weight: 700;
background: url(https://forumstatic.ru/files/0019/f6/b8/47053.png) no-repeat center;
background-size:36px auto;
position:relative;
z-index:100;
width: 36px;
height: 36px;
text-align:center;
font-size: 12px !important;
display: inline-block;
vertical-align: middle;
line-height: 34px;
letter-spacing: -.1px;
}
.noNull:before{content: "+";
display: inline-block;
margin-left: -1px;
font-size: 9px;
letter-spacing: 0!important;
}
</style>
<!--// Быстроплюсы v.1 by Deff //-->
<script src="https://forumstatic.ru/files/001b/a6/d4/74583.js"></script>Вы здесь » Единый форум поддержки » Новые возможности форумов » Запросы по скриптам #11