Разделение основного блока от блока пользователя

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

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Ответить
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

Разделение основного блока от блока пользователя

Сообщение VDV_forever »

Стандартный движок форума phpbb3 не предполагает нормального разделения основного блока (там, где пишутся посты на форуме), от блока пользователя (где аватарка стоит и ник пользователя).

т.е. это разделение идет, но всего на несколько строк, потом предательски обрывается :-(--
153.jpg
И если у Вас пользователи, или Вы сами оставляете большие сообщения, то фон сливается и нет разделительной черты. Выглядит не очень :ne_ne_ne:

Однако решение было найдено благодаря усилиями белк (Андрея) ну и моих тестов и экспериментов по его документации. :hi_hi_hi:
С благодарностью к Андрею :co_ol: , выкладываю эту, очень нужную и грамотную доработку, результат которой вы можете посмотреть в этой теме.

Итак доработка шаблона.
Открываем файл styles/prosilver/theme/content.css (добавляем полоску белого цвета)

Найти:

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

/* Poster profile block
----------------------------------------*/
.postprofile {
   /* Also see tweaks.css */
   margin: 5px 0 10px 0;
   min-height: 80px;
   color: #666666;
   border-left: 1px solid #FFFFFF;
   width: 22%;
   float: right;
   display: inline;
}
Убрать из этого кода

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

border-left: 1px solid #FFFFFF;
Найти:

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

/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
 
Добавить вертикальную полоску:

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

/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
   border-right: 1px solid #ffffff; 
Добавить небольшой отступ текста от полоски:
Найти:

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

/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
   border-right: 1px solid #ffffff;
   }
Сделать так:

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

/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0 10px 0 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
   border-right: 1px solid #ffffff;
   }
Далее, если у Вас установлена красивая цитата открываем styles/prosilver/theme/stylesheet.css

Ставим следующие значения:

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

.quotee{position: relative;margin: 20px 10px -10px 10px;
Далее, если у вас установлен мод Спасибо за сообщение то надо внести правку:

Открываем файл styles/prosilver/template/viewtopic_body.html
Находим:

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

<!-- IF postrow.THANKS and postrow.THANKS_POSTLIST_VIEW -->
         <hr />
         <!-- IF not postrow.S_POST_ANONYMOUS and not S_IS_BOT and postrow.S_MOD_THANKS -->
         <ul class="profile-icons" style="float:left"><li class="delete-icon"><a href="{postrow.U_CLEAR_LIST_THANKS_POST}" title="{L_CLEAR_LIST_THANKS}"><span>{L_CLEAR_LIST_THANKS}</span></a></li></ul>
         <!-- ENDIF -->
         <div class="content">
            <!-- IF not postrow.S_POST_ANONYMOUS and not S_IS_BOT-->
            <dl class="postbody small">
               <dt>{postrow.THANK_TEXT}{postrow.POST_AUTHOR_FULL}{postrow.THANK_TEXT_2}</dt>
               <dd>{postrow.THANKS}</dd>
            </dl>
            <!-- ENDIF -->   
         </div>
Находим строку <dl class="postbody small"> заменяем ее на:
<dl style="font-size:12px;">

И все, наслаждаемся красивым результатом! :se_lya_ne:
#1
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

Разделение основного блока от блока пользователя

Сообщение VDV_forever »

Добрый день!
Включил в моде Спасибо за сообщение Отображение рейтинга для сообщений. И появился неприятный артефакт в виде 1 пиксельной линии. Раздражает (((



Как удалить злосчастную линию?
#2
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Разделение основного блока от блока пользователя

Сообщение DeaDRoMeO »

Через исходный код поглядите какому классу прописана эта линия и в Css мода удалите
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#3
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

Разделение основного блока от блока пользователя

Сообщение VDV_forever »

Серей, спасибо! :bra_vo: Все получилось! :dan_ser: Сделал по аналогии с предпоследним постом. :-00):
#4
Ответить