Доработки стиля AllanStyle-SUBSILVER

apollion · Сообщение **apollion** » 15.03.2016 23:00

Отделено отсюда.
------------------------

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

LavIgor писал(а): Факты. Нужны факты. Чтобы слова подкрепить и, возможно, нам помочь решить хотя бы часть возникших проблем.
Может быть, мы о них просто не знаем или же имеются готовые решения.

Начинка у файлов темплейта странная, неочевидная и кашеообразная. Пример. Возьмем стиль от алана стайл, созданный на базе просилвер.

navbar_header

Смотрим на форум. Ряд ссылок:

Код: Выделить всё

Сообщения без ответов  |  Активные темы       Непрочитанные сообщения |  Новые сообщения |  Ваши сообщения

Смотрим в navbar_header:

Код: Выделить всё

					<!-- EVENT navbar_header_quick_links_before -->

					<!-- IF S_DISPLAY_SEARCH -->
						<li class="separator"></li>
						<!-- IF S_REGISTERED_USER -->
							<li class="small-icon icon-search-self"><a href="{U_SEARCH_SELF}" role="menuitem">{L_SEARCH_SELF}</a></li>
						<!-- ENDIF -->
						<!-- IF S_USER_LOGGED_IN -->
							<li class="small-icon icon-search-new"><a href="{U_SEARCH_NEW}" role="menuitem">{L_SEARCH_NEW}</a></li>
						<!-- ENDIF -->
						<!-- IF S_LOAD_UNREADS --> 
							<li class="small-icon icon-search-unread"><a href="{U_SEARCH_UNREAD}" role="menuitem">{L_SEARCH_UNREAD}</a></li>
						<!-- ENDIF -->
						<li class="small-icon icon-search-unanswered"><a href="{U_SEARCH_UNANSWERED}" role="menuitem">{L_SEARCH_UNANSWERED}</a></li>
						<li class="small-icon icon-search-active"><a href="{U_SEARCH_ACTIVE_TOPICS}" role="menuitem">{L_SEARCH_ACTIVE_TOPICS}</a></li>
						<li class="separator"></li>
						<li class="small-icon icon-search"><a href="{U_SEARCH}" role="menuitem">{L_SEARCH}</a></li>
					<!-- ENDIF -->

То есть идет так, что должно выглядеть на форуме так:

Код: Выделить всё

Ваши сообщения  |  Новые сообщения  Сообщения без ответов  |  Активные темы   |   Непрочитанные сообщения

Но ведь ничего подобного.

Вот где логика, зачем они так сделали? Нет ее. Попробовал перетасовать код ссылок в правильном порядке - ничего не вышло.

Открываем overall_header subsilver2 версии для 3.0. Смотрим:

Код: Выделить всё

<div id="wrapcentre">

	<!-- IF S_DISPLAY_SEARCH -->
	<p class="searchbar">
		<span style="float: {S_CONTENT_FLOW_BEGIN};">
		<a href="{U_SEARCH_UNANSWERED}"><img src="{T_THEME_PATH}/images/icon_mini_posts.gif" width="20" height="20" alt="*" /> {L_SEARCH_UNANSWERED}</a> | 
		<a href="{U_SEARCH_ACTIVE_TOPICS}"><img src="{T_THEME_PATH}/images/icon_mini_topics.gif" width="20" height="20" alt="*" /> {L_SEARCH_ACTIVE_TOPICS}</a></span>
		<!-- IF S_USER_LOGGED_IN or S_LOAD_UNREADS -->
		<span style="float: {S_CONTENT_FLOW_END};">
		<!-- IF S_LOAD_UNREADS --><a href="{U_SEARCH_UNREAD}"><img src="{T_THEME_PATH}/images/icon_mini_posts.gif" width="20" height="20" alt="*" /> {L_SEARCH_UNREAD}</a>
		<!-- IF S_USER_LOGGED_IN --> | <!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}"><img src="{T_THEME_PATH}/images/icon_mini_posts.gif" width="20" height="20" alt="*" /> {L_SEARCH_NEW}</a> | 
		<a href="{U_SEARCH_SELF}"><img src="{T_THEME_PATH}/images/icon_mini_posts.gif" width="20" height="20" alt="*" /> {L_SEARCH_SELF}</a><!-- ENDIF --></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->

Всё как надо. Все строки кода расположены сверху вниз. На форуме они будут выглядеть так как я написал выше:

Код: Выделить всё

Сообщения без ответов  |  Активные темы       Непрочитанные сообщения |  Новые сообщения |  Ваши сообщения

LavIgor · Сообщение **LavIgor** » 15.03.2016 23:03

apollion, так Вы же смотрите quick_links - быстрые ссылки.
Это выпадающее меню.
Код указанных Вами ссылок в самом низу этого же файла.

apollion · Сообщение **apollion** » 15.03.2016 23:14

Какие быстрые ссылки? Я вот об этом написал.

А я понял. Я не тот кусок кода запостил. Вот он.

Код: Выделить всё

<!-- IF S_DISPLAY_SEARCH -->
   <div class="navbar-top-link">
      <div class="inner">
         <ul>
            <li class="navbar-top-link-left"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
            <li class="navbar-top-link-left"><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>

            <!-- IF S_REGISTERED_USER --><li class="navbar-top-link-right"><a href="{U_SEARCH_SELF}" role="menuitem">{L_SEARCH_SELF}</a></li><!-- ENDIF -->
            <!-- IF S_USER_LOGGED_IN --><li class="navbar-top-link-right"><a href="{U_SEARCH_NEW}" role="menuitem">{L_SEARCH_NEW}</a></li><!-- ENDIF -->
            <!-- IF S_LOAD_UNREADS --><li class="navbar-top-link-right"><a href="{U_SEARCH_UNREAD}" role="menuitem">{L_SEARCH_UNREAD}</a></li><!-- ENDIF -->
         </ul>
      </div>
   </div>
<!-- ENDIF -->

LavIgor · Сообщение **LavIgor** » 15.03.2016 23:18

apollion, быстрые ссылки - это то место, где Вы пытаетесь менять код.
Там все значения атрибутов об этом говорят: и menu, и dropdown, и quick-links.
И событие так называется.

А искомый Вами код - вот он:

Код: Выделить всё

<!-- IF S_DISPLAY_SEARCH -->
   <div class="navbar-top-link">
      <div class="inner">
         <ul>
            <li class="navbar-top-link-left"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
            <li class="navbar-top-link-left"><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>

            <!-- IF S_REGISTERED_USER --><li class="navbar-top-link-right"><a href="{U_SEARCH_SELF}" role="menuitem">{L_SEARCH_SELF}</a></li><!-- ENDIF -->
            <!-- IF S_USER_LOGGED_IN --><li class="navbar-top-link-right"><a href="{U_SEARCH_NEW}" role="menuitem">{L_SEARCH_NEW}</a></li><!-- ENDIF -->
            <!-- IF S_LOAD_UNREADS --><li class="navbar-top-link-right"><a href="{U_SEARCH_UNREAD}" role="menuitem">{L_SEARCH_UNREAD}</a></li><!-- ENDIF -->
         </ul>
      </div>
   </div>
<!-- ENDIF -->

navbar-top-link - это и есть "верхние ссылки меню".
Две смещены влево, три вправо - как на скриншоте.
И из названий классов это очевидно.

apollion · Сообщение **apollion** » 15.03.2016 23:27

LavIgor, я не тот кусок запостил. Исправил - запостил нужный кусок.

Второе. В Профиле юзера в теме, попытался переместить строки во viewtopic_body.html с информаций о юзере в нужном мне порядке. Т. е.

Код: Выделить всё

Никнейм

Звание

аватар

Звезды
Количество сообщений:
Зарегистрирован:
Откуда:
Приглашения::
Предупреждения:
Ранг:

Строки с IP юзера нет - корова слизала наверно.

Убрать пробел, непонятный между: Ранг: и Откуда:

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

В 3.0 я перетасовал эти строки быстро 2.5 года назад, когда вообще ничего не знал про HTML и CSS. Я и сейчас знаю немного, но достаточно, чтобы по мелочи править шаблон.
С шаблоном провозился 2 суток и еще много возни. Но, радость от установки 3.1 куда-то ушла. Хорошо основной форум пока не трогал. Теоретически хочу сделать все на тестовом. Чтобы после перезда (если он будет) основного форума на 3.1 сразу закинуть нужный готовый шаблон, измененный мной, файлы русского языка, работающие расширения: нужные мне. И сэкономить время отключения, чтобы сразу можно было форумом пользоваться.

Из расширений, например: Similar topics не ищет похожие темы. Пытался создавать тему с часто встречающимися словами у меня: "Звездные", "Игра" - он пишет ничего не найдено. Точнее не пишет а вываливает 3 смайла, разводящих руками и троеточие.
На 3.0. у меня сразу вываливаются 6 похожих тем. Я ограничил число до 6.

LavIgor · Сообщение **LavIgor** » 15.03.2016 23:55

apollion, заменил указанный кусок кода на этот:

Код: Выделить всё

<!-- IF S_DISPLAY_SEARCH -->
   <div class="navbar-top-link">
      <div class="inner">
         <ul>
	         <li class="navbar-top-link-left"><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
            <li class="navbar-top-link-left"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>

            <!-- IF S_REGISTERED_USER --><li class="navbar-top-link-right"><a href="{U_SEARCH_SELF}" role="menuitem">{L_SEARCH_SELF}</a></li><!-- ENDIF -->
            <!-- IF S_USER_LOGGED_IN --><li class="navbar-top-link-right"><a href="{U_SEARCH_NEW}" role="menuitem">{L_SEARCH_NEW}</a></li><!-- ENDIF -->
            <!-- IF S_LOAD_UNREADS --><li class="navbar-top-link-right"><a href="{U_SEARCH_UNREAD}" role="menuitem">{L_SEARCH_UNREAD}</a></li><!-- ENDIF -->
         </ul>
      </div>
   </div>
<!-- ENDIF -->

Первые два <li> поменял местами.
Результат: ссылки на Активные темы и Сообщения без ответов поменялись местами.
Что я делаю не так?

apollion писал(а): Строки с IP юзера нет - корова слизала наверно.

Где Вы её найти хотели? Это всё моды были, а не стандартная поставка.
Так что корова тут ни при чём.

apollion писал(а): Убрать пробел, непонятный между: Ранг: и Откуда:

Какой пробел?

apollion писал(а): И одновременно увеличить шрифт надписей и сделать их жирными. Начал делать и у меня начал сползать текст с комментарием этого юзера вниз.

Для теста вставлял style="font-size: 48px !important;". Ничего не съехало, что я делаю не так?

apollion писал(а): Из расширений, например: Similar topics не ищет похожие темы.

На Гуру стоит Related topics phpBB SEO, недавно спрашивали.
Пробовали?

apollion · Сообщение **apollion** » 16.03.2016 0:14

LavIgor писал(а): Какой пробел?

Интервал. Этот у всех вообще:

Код: Выделить всё

http://club31.movie-club.ru/viewtopic.php?f=16&t=968

У юзера внизу:

Код: Выделить всё

Ранг: Прохожий

Откуда: Санкт-Петербург

Отправлено спустя 1 минуту 26 секунд:

LavIgor писал(а): На Гуру стоит Related topics phpBB SEO, недавно спрашивали.
Пробовали?

Боюсь я СЕО-модов. Из-за ПС-ов.

) А ЧПУ терпеть не могу.

Но попробую это расширение. Спасибо за совет.

На 3.0. у меня стоит симилар топикс от Поручика. Всё пучком.

Отправлено спустя 2 минуты 42 секунды:
Как перетасовать строки в профиле юзера в топике в нужном мне порядке я пока не понял. А с наскока сползает тогда вниз текст комментария этого юзера - связи я не уловил. И как вертикальную полосу между блоком аватара юзера и комментарием этого юзера продлить вниз на всю форму с текстом комментария, я пока не понял.

Отправлено спустя 5 минут 22 секунды:

LavIgor писал(а): Для теста вставлял style="font-size: 48px !important;". Ничего не съехало, что я делаю не так?

я в CSS менял для этого размеры шрифта и жирность. А в HTML шаблона менял порядок строк, которые выводят: Ранг, Сообщения, зарегистрирован и пр. Ничего не получилось пока.

В 3.0 я все это сам удачно сделал с минимумом знаний тогда.

Отправлено спустя 5 минут 3 секунды:
Стили на основе prosiver для 3.1.х не работают в IE 7 - вместо форума каша.
Стиль subsilver2 (который на основе его же для версии 3.0) для 3.1.8 - отображает форум отлично.

Отправлено спустя 35 минут 1 секунду:

LavIgor писал(а): Две смещены влево, три вправо - как на скриншоте.
И из названий классов это очевидно.

Я не про смещение ссылок влево-вправо. А про их порядок отображения на форуме. В коде в одном порядке сверху вниз. На форуме в другом порядке слева направо.

Отправлено спустя 9 минут 39 секунд:

LavIgor писал(а): На Гуру стоит Related topics phpBB SEO, недавно спрашивали.

Не нашел ни здесь, ни на phpbb.com. Не подскажите ссылку, где можно скачать?

Отправлено спустя 2 часа 13 минут 52 секунды:
Завтра выложу в отдельной теме свой первый релиз версии доработанного стиля. Может кто захочет поставить.

phpBB Guru - Официальная русская поддержка форума phpBB

Доработки стиля AllanStyle-SUBSILVER

Доработки стиля AllanStyle-SUBSILVER

Re: Интервью Главного разработчика phpBB, Нильса Адермана

Re: Доработки стиля AllanStyle-SUBSILVER

Re: Интервью Главного разработчика phpBB, Нильса Адермана

Re: Интервью Главного разработчика phpBB, Нильса Адермана

Re: Интервью Главного разработчика phpBB, Нильса Адермана

Re: Доработки стиля AllanStyle-SUBSILVER