Переміщення профілів на ліву сторону в Prosilver

Відповісти
Аватар користувача

Topic author
Vpoltave
Адміністратор
Адміністратор
Повідомлень: 710
З нами з: 16 серпня 2013 23:18
Звідки: Полтава
Контактна інформація:

Переміщення профілів на ліву сторону в Prosilver

#1

Повідомлення Vpoltave » 11 вересня 2013 10:29

У даній статті викладені інструкції з переміщення профілів користувачів при перегляді теми з боку сторінки на ліву .

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

Для цього потрібно виконати наступні дії:
Відкрийте файл / 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 ;
Тепер нам потрібно змінити значення « 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 ;
Далі в цьому ж файлі знайдіть наступні рядки:
 

Код: Виділити все

. pm . postprofile {
    border - left : 1px solid # DDDDDD ;
}
(вони йдуть слідом за блоком у попередньому кроці) . Слід зробити заміну
 

Код: Виділити все

border - left
на

Код: Виділити все

border - right
Збережіть зміни у файлі.
Відкрийте файл /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 ;
}
Збережіть файл .
Редагування 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 -> ">
Тепер ми додамо це зображення в елемент dl класу postprofile . Знайдіть у тому ж файлі наступний рядок:
 

Код: Виділити все

<dl class="postprofile" id="profile{postrow.POST_ID}">
і замініть її на

Код: Виділити все

< dl class = " postprofile <! - IF postrow.S_ONLINE -> online <! - ENDIF -> " id = " profile { postrow.POST_ID } ">
Збережіть файл .
Відкрийте файл 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 -> ">
У тому ж файлі знайдіть
 

Код: Виділити все

<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 , потім оновлюйте кеш .



Відповісти