Печать
Просмотров: 20628

Статья по мотивам статьи из официальной базы знаний phpbb.com.

 

В данной статье изложены инструкции по перемещению профилей пользователей при просмотре темы с правой стороны страницы на левую.

Довольно нередко администраторы конференций, столкнувшиеся впервые со стилем Prosilver на phpBB 3 «Olympus», задаются вопросом: а как перенести профили пользователей при просмотре темы в левую сторону, как это организовано в стиле Subsilver?

Для этого нужно выполнить следующие действия:

  1. Откройте файл /styles/prosilver/theme/content.css. Здесь нам нужно изменить значение «float» для класса «.postbody» с left на right. Найдите следующие строки:
    /* Post body styles
    ----------------------------------------*/
    .postbody {
    	padding: 0;
    	line-height: 1.48em;
    	color: #333333;
    	width: 76%;
    	float: left;
    	clear: both;
    }
    В этом блоке замените
    float: left;
    на
    float: right;
  2. Теперь нам нужно изменить значение «float» для класса «.postprofile» с right на left, а также переместить белую вертикальную границу на правую сторону.

    В этом же файле найдите следующие строки:
    /* 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
    на
    border-right
    а также
    float: right;
    на
    float: left;
  3. Далее в этом же файле найдите следующие строки:
    .pm .postprofile {
    	border-left: 1px solid #DDDDDD;
    }
    (они идут следом за блоком в предыдущем шаге). Следует сделать замену
    border-left
    на
    border-right
    Сохраните изменения в файле.
  4. Откройте файл /styles/prosilver/theme/colours.css, найдите следующие строки:
    .online {
    	background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
    }
    Замените этот блок на следующий:
    .online {
    	background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
    	margin-top: -5px;
    }
    
    .online dt {
    	margin-top: 5px;
    }
    Сохраните файл.
  5. Редактирование CSS-стилей закончено. Теперь нам нужно откорректировать файлы шаблонов. Для начала удалим изображение «В сети»<!-- IF postrow.S_ONLINE --> online<!-- ENDIF --> из блока с сообщением. Откройте файл /styles/prosilver/template/viewtopic_body.html, найдите следующую строку:
    <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->">
    чтобы получилась следующая строка:
    <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">
  6. Теперь мы добавим это изображение в элемент dl класса postprofile. Найдите в том же файле следующую строку:
    <dl class="postprofile" id="profile{postrow.POST_ID}">
    и замените ее на
    <dl class="postprofile<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
    Сохраните файл.
  7. Откройте файл ucp_pm_viewmessage.html. Найдите строку
    <div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
    и уберите оттуда
    <!-- IF S_ONLINE --> online<!-- ENDIF -->
    Должно получится так:
    <div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
  8. В том же файле найдите
    <dl class="postprofile" id="profile{MESSAGE_ID}">
    и замените на
    <dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">

Данные правки должны перенести профили на левый край в темах, а также при просмотре личных сообщений — так, как это сделано в Subsilver. Вот так будут выглядеть данные страницы, если все будет сделано верно:

Phpbb3_profilesleft_pm

Phpbb3_profilesleft_post


Не забудьте зайти в Администраторскую панель, раздел «Стили» и очистить кэш шаблонов и тем стиля Prosilver.

Хотя оригинальная инструкция предлагает правку кода из Администраторской панели, я рекомендую никогда никакие правки не делать через панель администратора. Редактируйте файлы по FTP, затем обновляйте кэш.

Joomla SEF URLs by Artio