Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (65) #2


Общие вопросы по оформлению (65) #2

Сообщений 1621 страница 1640 из 1736

Перевести1

В этой теме просим помощи в оформлении форума и его элементов

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

Вопросы по скриптам и их работоспособности, просьба, задавать в теме Запросы по скриптам #11
Вы новичок и не разбираетесь во всём этом? Загляните в наш справочный раздел. Возможно, там уже содержится ответ на ваш вопрос. Или задайте свой вопрос в теме Общие вопросы от новичков (63) #3

Важная информация перед тем, как задать вопрос:

  • Ответы дают другие участники форума по собственному желанию.

  • Администрация не может гарантировать моментальное решение или абсолютную корректность каждого ответа.

  • Пожалуйста, уважайте чужое время и усилия других пользователей, старайтесь писать грамотно и доходчиво.

  • Будьте взаимовежливы: Грубое или требовательное отношение к участникам форума неприемлемо и может привести к отказу в помощи на всём форуме.

  • Все вопросы, не касающиеся оформления, будут удаляться!

Сформулируйте свой вопрос максимально подробно, чтобы повысить вероятность отклика помощи:

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

  • Опишите желаемый результат: Четко и конкретно объясните, чего вы хотите добиться. Например: "Мне нужно, чтобы картинка шапки была во всю ширину блока", или "Хочу увеличить размер шрифта в названиях тем". Чем детальнее вы опишете, тем проще будет помочь.

  • Сделайте скриншот и выделите элемент: Помогающему необходимо понимать с чем ему предстоит вам помочь. Укажите ссылки на схожее оформление (если вы где-то видели подобное). Это не обязательно, но значительно упростит задачу.

Если на ваш вопрос долго нет ответа, пожалуйста, воздержитесь от повторных сообщений или обвинений. Возможно, ваш вопрос оказался излишне сложным, вероятно требующий больше времени и индивидуального подхода, будьте готовы к тому, что участники могут предложить свои услуги на платной основе. Обсуждение условий и оплаты происходит между вами и участником (исполнителем) в личных сообщениях или иных средствах связи (но не в теме!). Администрация форума не несет никакой ответственности за подобные договоренности и их выполнение.

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+1

Перевести1621

Merlin777, огромное спасибо! :love:

+1

Перевести1622

Технические подробности

Почему во втором случае мы использовали # решётку?

Разница между #main-reply и .main-reply — это разница между идентификатором (ID) и классом (class) в HTML/CSS:

    #main-reply — это селектор по ID.
    Соответствует элементу с атрибутом id="main-reply".

    .main-reply — это селектор по классу.
    Соответствует элементам с атрибутом class="main-reply".
 
Почему именно #main-reply?
Потому что в нашем HTML поле ввода выглядит так:

<textarea id="main-reply" name="req_message" rows="13"></textarea>

Обратите внимание: у него id="main-reply", а не class. Поэтому в CSS и JavaScript к нему обращаются через #main-reply.

Почему разработчики форума использовали id, а не class?

да фиг их знает
Потому что:

✅ На одной странице обычно только одно поле быстрого ответа — оно уникально.
✅ id идеально подходит для уникальных элементов.
✅ Это упрощает выборку в JavaScript: 
   
    document.getElementById('main-reply')
   или
    $('#main-reply') // в jQuery

Можно ли использовать .main-reply?
Можно — но только если добавить этот класс:

<textarea id="main-reply" class="main-reply" name="req_message"></textarea>

Тогда и #main-reply, и .main-reply будут работать. Но по умолчанию — только #main-reply, потому что класса с таким именем у нас нет.

Поэтому #main-reply  - правильный  селектор в данном случае.

Отредактировано Merlin777 (Чт, 30 Окт 2025 16:48:04)

0

Перевести1623

Merlin777
Хотелось бы дополнить: в большинстве случаев стили вставляются в HTML-верх, скрипты в HTML-низ. За редким исключением наоборот (поочередность загрузки).
По последнему вопросу "Почему разработчики форума использовали id, а не class? -да фиг их знает" - на самом деле, в этом есть логика. Если вкратце: id используется из-за того, что данный элемент подразумевается уникальным на странице, т.е. использовать одно и то же значение id для нескольких элементов недопустимо (и нелогично). Допустим, ссылка на элемент по id всегда будет однозначной и вы всегда сможете к этому элементу обратиться через адресную строку браузера, в отличие от class, который это не умеет и может быть неуникальным, используется как раз для оформления (может быть присвоен множеству элементов).
Например, введите в адресную строку браузера и вы перейдете к самому элементу:

Код:
https://forum.mybb.ru/viewtopic.php?id=39655#main-reply

Ну и полезные советы касаемо приоритетов от @kolobdur74 в этой теме - Правила приоритетов в CSS

+2

Перевести1624

Санна написал(а):

Подскажите, пожалуйста, как опустить статус пользователя в профиле под аватарку.

Порядок расположения полей профиля настраивается в Администрирование - Поля профиля путём перетаскивания полей курсором/касанием в нужной последовательности с последующим применением по кнопке Обновить всё.

+1

Перевести1625

Alex_63 написал(а):

Порядок расположения полей профиля настраивается в Администрирование - Поля профиля путём перетаскивания полей курсором/касанием в нужной последовательности с последующим применением по кнопке Обновить всё.

Кстати, да, так будет проще всего :) Я совсем забыл про эту штуку :crazyfun:

0

Перевести1626

Существует ли код для формы отвечающий за изменение заголовка страницы темы? По умолчанию заголовок темы имеет стандартное название вроде «Тема пример». Хотелось бы, чтобы была постраничная разбивка {TOPIC_TITLE} - {ON_PAGE}, где в ссылке темы вторая страница выражается p=2 и далее. То есть {название темы} - {номер страницы темы} вроде «Тема пример - 1»; «Тема пример - 2», где цифра в конце показывает номер страницы. Это нужно для поисковых систем для сокращения дублирующихся description.
Существует ли код позволяющий доработать заголовок страницы темы {TOPIC_TITLE} - {SITENAME} - {ON_PAGE}, то есть {название темы} - {название форума} - {номер страницы} ? Лучше, чтобы данный код был расширенный {TOPIC_TITLE} - {SITENAME} - {FORUM_NAME} - {ON_PAGE} - {TOPIC_AUTHOR}, то есть {название темы} - {название форума} - {название раздела форума} - {номер страницы} – {автор темы}. Подобный код предназначен не только для поисковых систем, но и для усиления защиты.

Отредактировано энтузиасты (Ср, 12 Ноя 2025 04:16:08)

0

Перевести1627

энтузиасты
Здравствуйте. Не совсем понятно, что имеется в виду под усилением защиты. Движок возможности изменения заголовков не предусматривает, но это можно сделать скриптом, например таким (в начало HTML верх):

Код:
<script type="text/javascript">
if ($('#pun-viewtopic').length) (function() {
    //            название форума                // номер страницы
    var params = [FORUM.get('topic.forum_name'), (document.URL.match(/p=(\d+)/) || ['',1])[1]];
    params.unshift('');
    document.title += params.join(' - ');
})()
</script>

Имя форума и имя автора тоже можно получить из содержимого страницы, но из HTML верх они не доступны.
Не могу точно сказать, как к этому отнесутся поисковые системы, но по идее современные поисковики умеют обрабатывать скрипты и считывают содержимое страницы с учётом выполненного JavaScript. Так что может и сработает.

0

Перевести1628

Благодарю за информацию Alex_63, на данный момент скрипт работает.
Оптимизация заголовка страниц создаёт неудобства злоумышленникам, которые используют программы во вред ресурсу. Для поисковых систем данная оптимизация нужна для яндекса.

0

Перевести1629

энтузиасты
Не могу представить, какой вред ресурсу мог бы быть нанесен, причинению которого могло бы препятствовать добавление упомянутых данных в заголовок страницы.

0

Перевести1630

какие самые современные и красивые темы?

0

Перевести1631

artkkurs
Если под темами подразумеваете стандартные стили оформления форума, новые и современные представлены в теме: 1 августа 2016г.: Новые стандартные стили

  • Community Blue

  • Community Green

  • Classic DarkBlue

  • Classic DarkGreen

  • Classic DarkGray

  • Classic DarkRed

  • Classic DarkCyan

  • Classic DarkOrange

  • Classic DarkPurple

  • Oxygen Reloaded

  • Oxygen Reloaded Green

  • Oxygen Reloaded Red

  • Oxygen Reloaded Black

  • Overcast

Ссылки на сообщения со скриншотами этих тем:
1 августа 2016г.: Новые стандартные стили (1)
1 августа 2016г.: Новые стандартные стили (2)
1 августа 2016г.: Новые стандартные стили (38)
1 августа 2016г.: Новые стандартные стили (45)

+2

Перевести1632

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

0

Перевести1633

кокс написал(а):

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

И Вам дратути, кланяемся кокошником в пол :)

#pun-help это  ID-селектор для "страницы помощи"  типа такой https://forum.mybb.ru/help.php

Зачем эта страница нужна - никто не знает :)

Отредактировано Merlin777 (Сб, 29 Ноя 2025 02:28:18)

+1

Перевести1634

Merlin777
Эта страница осталась от старых версий движка PunBB. Ранее, ссылка на эту страницу размещалась в правом верхнем углу заголовка формы ответа.
На самом деле, страница полезна тем, кто не знаком с форумным языком разметки форматирования BBCode, визуально показывая результаты при использовании кодов.

+1

Перевести1635

Reysler написал(а):

Merlin777
Эта страница осталась от старых версий движка PunBB. Ранее, ссылка на эту страницу размещалась в правом верхнем углу заголовка формы ответа.
На самом деле, страница полезна тем, кто не знаком с форумным языком разметки форматирования BBCode, визуально показывая результаты при использовании кодов.

Ну так ссылки на неё нет, то есть, эту страницу никто не видит. А если бы была, то там, по логике, должно быть красивое и удобное  описание работы формы быстрого ответа, тогда и ссылку на эту страницу есть смысл вставлять. А сейчас это ненужный код, транслируемый в сотнях тысяч форумов. Даже в кастомных дизайнах эти строки включают в стили, хотя, казалось бы, зачем дизайнить то, на что у вас нет ссылки и никогда не будет :)

Хотя я не в претензиях, просто такой вот забавный пример "легаси" :)

+1

Перевести1636

Merlin777
Это одна из многочисленных недокументированных "фич", оставшихся с давних времен. Она просто есть и всё :)
В какой период и по какой причине ссылка была убрана из блока ответа, сейчас уже не известно. Более того, kozhilya как-то рвался её актуализировать. Время от времени пользователи интересуются функционалом кнопок ответа, "старички" выдают ссылку на эту страницу.

+1

Перевести1637

Merlin777
Reysler
ах вот оно что  :D
спасибо!

0

Перевести1638

теперь у меня такой же вопрос касаемо #pun-pagelinks и #pun-qjump - что за звери?

0

Перевести1639

кокс
Многие селекторы, используемые в дизайнах (в том числе стандартных), на текущий момент могут быть устаревшими.
#pun-qjump раньше использовался в нижней части форума в select для быстрого перехода между форумами (разделами), в месте, где сейчас находится ссылка сервиса "создать бесплатный форум". Поэтому можно удалить.
Про #pun-pagelinks ничего сказать не могу, не помню где использовался, вероятно тоже может быть устаревшим. Может кто напомнит, напишет.

+2

Перевести1640

Reysler написал(а):

Про #pun-pagelinks ничего сказать не могу, не помню где использовался, вероятно тоже может быть устаревшим. Может кто напомнит, напишет.

Есть .pun-pagelink у блока со страницами. Не исключено, что в стилях может быть опечатка с ним

upd. Именно #pun-pagelinks в итоге тоже не нашел, хотя сижу с ощущением галлюцинации, что всё-таки где-то его видел  %-)

+1


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (65) #2