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

[eric]

FladeX
Ага, спасибо, вот специально поставил форум с нуля, чтобы попробовать этот вариант, неплохо! Согласен на счет ширины в процентах, в разных браузерах, под разным разрешением, будет выглядеть по-разному)))
Профиль, хоть и широковат, но это может потому, что я уже привык к своей ширине, но опять же, ИМХО, это может быть и к лучшему, т.к. у меня сейчас, на форуме, при узком профиле, широкий ПОСТпрофиль!!! Что не скажешь про новый способ, размеры такие же, как и в оригинальном просильвере, ток профиль юзера с левой стороны.
P.S. Проверил в опере и в эксплорере, шириной не очень уж и сильно отличаются, по сравнению с прошлым способом! Единственный недостаток, что в опере, что в эксплорере, при изменении размеров окна, картинка "online" съезжает под аватарку!!!

Opera.JPG

Explorer.JPG

Вот, какой я еще глюк заметил, обратите внимание на края, все прижалось, как слевой стороны, так и справой. Стоит ток ответить в теме больше 2 раз и все прилипает к краям На скриншотах с офф сайта ответ один, там не видно, что происходит ниже Если в теме ответов нет, то прилипает ток нижняя полоска форума с ссылками "Список форумов", "В закладки", а если ответ один, как на скрине с офф сайта, то прилипает все начиная с кнопки "ОТВЕТИТЬ" и до нижней полоски форума с ссылками "Список форумов", "В закладки"...
На моем же скрине ответов два, прилипание начинается с нижнего поста и заканчивается полоской форума с ссылками "Список форумов", "В закладки"

gluk.JPG

Форум новый поставил(phpBB 3.0.4) на свой локальный компьютер, прошу сразу меня извинить, если эта ошибка не из-за переноса профиля, а изначально наблюдается в phpBB 3.0.4

[Fazan]

в дополнение к статье http://www.phpbb.com/kb/article/prosilv ... es-on-left
по совету xdxxdx http://www.phpbbguru.net/community/topi ... ml#p223448
плюс совет от Палыч
получим левую часть (.postprofile { ) фиксированной ширины, и правую часть "резиновую"

ВНИМАНИЕ - ВНОСЯ ДАННЫЕ ИЗМЕНЕНИЯ ФОРУМ НЕКОРРЕКТНО БУДЕТ ОТОБРАЖАТЬСЯ В IE5,5
(версии IE6,7,8 отображают нормально) Firefox, Opera отображают нормально

открыть /styles/prosilver/theme/content.css
найти:

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

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

заменить на

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

.postbody {
	padding: 0;
	margin-right: -205px;
	-margin-right: -106px;
	line-height: 1.48em;
	color: #333333;
	width: 100%;
	float: right;
	clear: both;
}

(значение -margin-right: -106px; предназначено для "не нормального" браузера ИЕ6) найти

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

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

заменить на

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

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-right: 1px solid #FFFFFF;
	width: 195px;
	float: left;
	display: inline;
}

найти

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

.pm .postprofile {
   border-left: 1px solid #DDDDDD;
}

заменить на

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

.pm .postprofile {
	border-right: 1px solid #DDDDDD;
}

найти

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

/* Topic review panel
----------------------------------------*/

добавить после

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

#postfixx {
    padding-right: 205px;
}

открыть 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 -->

найти

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

<dl class="postprofile" id="profile{postrow.POST_ID}">

заменить на

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

<dl class="postprofile<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">

найти (перенос даты регистрации на следующую строку)

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

<!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->

заменить на

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

<!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong><br /> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->

найти

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

<div class="postbody">

, добавить до

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

<div id="postfixx">

найти

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

<!-- IF postrow.BUMPED_MESSAGE --><div class="notice">{postrow.BUMPED_MESSAGE}</div><!-- ENDIF -->
			<!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->
		<!-- ENDIF -->

добавить после

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

</div>

открыть styles/prosilver/template/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 -->

найти

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

<dl class="postprofile" id="profile{MESSAGE_ID}">

заменить на

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

<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">

найти (перенос даты регистрации на следующую строку)

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

<!-- IF AUTHOR_JOINED --><dd><strong>{L_JOINED}:</strong> {AUTHOR_JOINED}</dd><!-- ENDIF -->

заменить на

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

<!-- IF AUTHOR_JOINED --><dd><strong>{L_JOINED}:</strong><br /> {AUTHOR_JOINED}</dd><!-- ENDIF -->

найти

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

<div class="postbody">

добавить до

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

 <div id="postfixx">

найти

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

<!-- IF SIGNATURE -->
			<div id="sig{MESSAGE_ID}" class="signature">{SIGNATURE}</div>
		<!-- ENDIF -->
	</div>

добавить после

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

</div>

открыть styles/prosilver/template/posting_preview.html найти

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

<div class="postbody">

добавить до

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

<div id="postfixx">

найти

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

<!-- IF PREVIEW_SIGNATURE --><div class="signature">{PREVIEW_SIGNATURE}</div><!-- ENDIF -->
	</div>

добавить после

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

</div>

[eric]

Нафиг все, я пока не стану так делать, останусь при своем
Вот, мой вариант:

44.JPG

[FladeX]

все вроде получается, но надо найти блок отвечающий за кнопки - правка, удалить... и сдвинуть его margin-right: 215px, только вот я не знаю как он называется

это список:

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

<ul class="profile-icons">

[eric]

А с моей проблемой кто-нить сталкивался(см. вложения выше)? Кто скажет, это из-за этих правок?? Форум свежий поставил, нулевой ваще)))

[FladeX]

eric, вы неправильно либо неточно выполнили инструкцию. Первый баг из-за ширины элемента, второй баг из-за отступов (margin и padding где-то забыли).

[eric]

FladeX, оке попробую все переустановить заного и потом все отпишу)))

Добавлено спустя 37 минут 32 секунды:
FladeX
Повторил всю установку заного, выполнял все предельно точно! Все тоже самое, все липнет к краям экрана....

[FladeX]

eric, кэш очищали? Ширину меняли?

[eric]

кэш очищали? Ширину меняли?

Обижаете, все делал четко по инструкции! Все кеши чистил; и стили, и шаблоны, и картинки, и общий кеш. А вот на счет ширины подробнее плиз, про это в инструкции видать нет
Там, еще Fazan писал про картинку он-лайн, чтобы она не съезжала, но кнопки убегают, где там нужно че править, не понятно(((
P.S. Кстати, в этом форуме, как не крути с размерами окна браузера и разрешениями, картинка "онлайн" ни куда не убегает, а на чистом форуме phpBB убегает под аватарку!

[FladeX]

Убегать может потому, что аватарка - это картинка, а "онлайн" - это фон. Браузеры отображают картинку поверх фона, здесь ничего удивительного.
Чтобы эти изображения не наслаивались друг на друга, надо следить за шириной элементов. Попробую объяснить...
В css-файле прописана минимальная ширина форума. При дальнейшем сжатии окна в браузере просто появится горизонтальный скролл.
Кроме того, блок с информацией о пользователе имеет ширину в 22% (это по умолчанию значение). Также свою ширину имеет аватара и картинка статуса онлайн.
Производя нехитрые математические вычисления, получаем, что:

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

максимально_допустимая_ширина_аватарки + ширина_иконки_статуса_онлайн <= 0.22 * минимальная_ширина_форума

То есть - сумма ширины аватарки и иконки не должно превышать 22% от минимальной ширины форума, иначе картинка будет под аватарой.

[eric]

Отсюда вывод - я остаюсь при своем способе!
http://www.phpbbguru.net/community/post ... ml#p228125

Добавлено спустя 36 минут 59 секунд:
У меня одна просьба, подскажите где копать и че прописать. У меня в просмотре профиля аватарка наезжает на картинку "онлайн", я понимаю, что она - фон. Подскажите как аватарку немного передвинуть правее))) Вот, в ЛС все норм и в топиках тоже(см. выше), а вот в профилях у юзеров не оч, чуток нужно сдвинуть авик.
Вот скрин:

online.JPG

[Fazan]

упс, там ошибка не в это, там и текст поста "уезжает"

[eric]

Fazan
Я их там не нашел!

[Fazan]

проверьте пожалуйста решение http://www.phpbbguru.net/community/topi ... ml#p228122
ЗЫ если чтото в viewtopic_body.html можно оптимизировать (в чати <div id="postfixx">....../div>) или я что то пропустил, подскажите пожалуйста
ЗЗЫ HTML совсем не знаю

[FladeX]

Fazan, можно скрин с проблемой?