[FAQ] ON-LINE при переносе столбца налево в prosilver

[Rayden]

и выглядит это как показано на рис.1 и никуда не сползает.

Типа самый хитрый? Ты бы почитал тему с самого начала. Так все делали и на те же грабли наступали.

[boldgambler]

А что нельзя быть самым хитрым? :D

У всех вроде проблемы сползаний были, я их как-то не наблюдаю. ;) К тому же вариантов с фиксированнием минипрофиля, что-то я не припомню, хотя тему прочитал много раз - не такая она и большая.

Кто-нить еще скажет - есть возможность зафиксировать ширину минипрофиля, а postbody сделать резиновым на всю ширину?

[Палыч]

boldgambler
Это имеет отношение к phpbb?
Чистый html (css)

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

.postprofile {
...
width: 22%;
...
}

замените проценты на нужную ваш ширину http://www.htmlbook.ru/css/width.html

[boldgambler]

если заменить у postprofile ширину на <N>px, а у postbody поставить поставить 100%, то сообщение отображается на весь экран. а под ним уже идет минипрофиль. это можно победить в prosilver форума phpbb?

если б знал html и понимал, что надо спрашивать, спрашивал где нибудь на форуме про html . А вдруг здесь мимоходом случайно окажется и добрый человек и подскажет 8-)

Палыч
А вы считаете, что phpbb не имеет отношение к html(css) ? ;)

[Rayden]

Вот-вот, если один блок в пикселях, а другой в процентах, то все нахрен едет.

Типа самый хитрый?

Теоретически проблема осуществима. Делаем левый блок с минипрофилем фиксированной ширины, а правый 100%, но с огромным левым маргином. Но на практике я в свое время пробывал и напоролся на какие-то косяки, сейчас уже не помню какие.
Вроде бы малой кровью не получается и приходится сильно переделывать структуру просилвера.

[Палыч]

Честно говоря, не вижу смысла в фиксированной ширине вообще.
Рецепт отсюда (упоминается в данной теме) http://www.phpbb.com/kb/article/prosilv ... s-on-left/ - работет коррректно.

но с огромным левым маргином.

Скорее с auto...
И проще float правильный поставить

А вы считаете, что phpbb не имеет отношение к html(css) ?

У вас проблемы с чтением? Или с пониманием?
Как ВАШ ВОПРОС:

зафиксировать ширину минипрофиля, а postbody сделать резиновым на всю ширину?

имеет отношение к phpbb?

если б знал html и понимал, что надо спрашивать, спрашивал где нибудь на форуме про html .

html изучают на уроках информатики в средней школе. Взрослому человеку достаточно справочника, ссылку смотри выше.

[boldgambler]

Честно говоря не понимаю зачем нужен резиновый минипрофиль. ИМХО.
Только левый маргин не огромный, а равный заданной ширине минипрофиля. (но почему-то всеравно выводи пост вверху :( ) Судя по коду postbody создается первым и float ему уже ничем не поможет. А маргин почему-то тоже действия не оказывает. Шансов на оживление памяти хоть примерные грабли нет?

html изучают на уроках информатики в средней школе.

вы действительно так думаете? поверьте есть еще школы где бэйсик преподают. Не надо распространять пару отдельных ("средних") школ питера на всю страну ;)

[xdxxdx]

Теоретически проблема осуществима. Делаем левый блок с минипрофилем фиксированной ширины, а правый 100%, но с огромным левым маргином. Но на практике я в свое время пробывал и напоролся на какие-то косяки, сейчас уже не помню какие.
Вроде бы малой кровью не получается и приходится сильно переделывать структуру просилвера.

Если минипрофиль делать фиксированный а пост-блок резиновым то чтоб не расспадалось нужно пользоваться отрицательным отступом, и тогда постблок будет на 100% - ширина минипрфиля.
«Резиновая вёрстка»: используем отрицательные поля

[boldgambler]

Сделал как посоветовал добрый (хотя если смотреть на аватар то не очень ) человек xdxxdx
Все то - что надо! Спасибо. (и работы на 2 минуты)
Работает!

з.ы.
единственно перестал работать

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

border-right: 1px solid #FFFFFF;

у postprofile, хотя border-left у postbody отображается. ну да ладно - это мелочи оно даже правильнее, что правый блок выделяется

[newpdv]

Подскажите как уменьшить ширину (на рисунку стрелками)

[Warlock75]

content.css

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

.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;

Обращаем внимание на строчку: width: 22%;
Не забывай также .postbody.

[newpdv]

Спасибо помагло))) :idea:

[Rum]

а чем вас моё решение не устраивает?

[Oleg NT]

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

Как сделать левосторонний Prosilver

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

Довольно нередко администраторы конференций, столкнувшиеся впервые со стилем 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-стилей закончено. Теперь нам нужно откорректировать файлы шаблонов.
Для начала удалим изображение «В сети» из блока с сообщением.
Откройте файл /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 -->">

Удалите в строке эту часть:

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

<!-- 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.
Вот так будут выглядеть данные страницы, если все будет сделано верно:

Просмотр ЛС:


Просмотр темы:


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

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

[FladeX]

eric, дело в том, что там "резиновый" шаблон - то бишь зависит от разрешения монитора. На больших разрешениях как раз так и будет выглядеть.
Если нужно уменьшить ширину, можно:
1. Сделать фиксированную ширину стиля prosilver
2. Указать в css другое значение ширины для колонок. Это делается в /styles/prosilver/theme/content.css
Найти

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

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}

и

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

/* 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;
}

и уже там упражняться с шириной. Однако значения по умолчанию являются наиболее подобранными (если речь идет о процентах).