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

[***Blaze***]

HAMMER663,
помог такой вариант:

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

.online {
	background-image: none;
	background-position: 0 1%;
	background-repeat: no-repeat;
}

[Борис Бердичевский]

Подскажите, где можно найти "раскосую" картинку-надпись "ONLINE" (на английском языке то есть), перевёрнутую под этот перенос столбца?
В теме я не отыскал...

[Zombie Lee]

Здравствуйте!
Подскажите, пожалуйста, как решить вот такую проблему:

Стиль Prosilver сделал левосторонним, из-за этого пришлось менять иконку Online со стандартной на вот такую:

При просмотре темы с сообщениями вся информация о пользователе с левой стороны и сам значок Online смотрится нормально и легко настраивается...

Пример:


А вот при просмотре профиля конкретного пользователя аватарака перекрывает значок Online

Пример:


Подскажите, пожалуйста, как можно опустить блок "Аватара-Звание-Ранг" чуть ниже или какой-нибудь другой способ решение проблемы...

[Пчелкин]

Место из Виевтопика с авой +- 10 строк выложите...найдете? Знаете как показать?

[HAMMER663]

можно подшаманить файл styles/prosilver/template/memberlist_view.html

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

	<!-- IF AVATAR_IMG -->
		<dl class="left-box">
                        <br /><br />
			<dt>{AVATAR_IMG}</dt>
			<!-- IF RANK_TITLE --><dd style="text-align: center;">{RANK_TITLE}</dd><!-- ENDIF -->
			<!-- IF RANK_IMG --><dd style="text-align: center;">{RANK_IMG}</dd><!-- ENDIF -->
		</dl>
	<!-- ENDIF -->

Тупо, но работать должно

[Zombie Lee]

Место из Виевтопика с авой +- 10 строк выложите...найдете? Знаете как показать?

Вот этот кусочек (+- десяток с небольшим строк):

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

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

		</div>

		<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile" id="profile{postrow.POST_ID}">

	<dt class="postprofile-nick">
				<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
			</dt>

			<dt>
				<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
				<!-- ENDIF -->
</dt>

<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->

		<dd>&nbsp;</dd>

		<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
		<!-- IF postrow.POSTER_LENGTH_OF_SERVICE --><dd><strong>{L_LENGTH_OF_SERVICE}:</strong> {postrow.POSTER_LENGTH_OF_SERVICE}</dd>
		<!-- ELSE IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->	
		<!-- IF postrow.POSTER_FROM --><dd><strong>{L_LOCATION}:</strong> {postrow.POSTER_FROM}</dd><!-- ENDIF -->
		<!-- IF postrow.POSTER_GENDER --><dd><strong>{L_GENDER}:</strong> {postrow.POSTER_GENDER_IMG}</dd><!-- ENDIF -->

можно подшаманить файл styles/prosilver/template/memberlist_view.html

Спасибо за подсказку, но я этот кусок нашёл ещё до того, как просить помощи на форуме... И все мои манипуляции с этим кусочком ни к чему хорошему не привели Хотя мои познание в php и html весьма и весьма поверхностные...

[Пчелкин]

Здесь все нормально, хотя класс для авы какой-то самодельный...
Тогда в полном профиле вам надо аву опускать

добавьте в класс авы для мембера -

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

background-position: х% х%;

Первое - горизонталь.
Второе - вертикаль.

[Zombie Lee]

Пчелкин, если я правильно Вас понял, вот этот кусок:

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

background-position: х% х%;

Нужно добавить сюда: /styles/prosilver/theme/content.css

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

.avatar {
	border: none;
	margin-bottom: 3px;
}

Т.е. получается такой кусок:

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

.avatar {
	border: none;
	margin-bottom: 3px;
        background-position: х% х%;
}

Попробовал выставь параметры, поиграться цифрами, но ни каких изменений не произошло...
Или я не правильно Вас понял

[владимир1983]

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

 background-position: х% х%;

х% х%;<--- почитай про синтаксис и значения.

[Zombie Lee]

владимир1983, ну с синтаксисом и его значением всё понятно...
Я в процентах указывал там и в пиксилях... и по всякому... Изменений никаких...
И вообще, какое отношение фон имеет к аватарке? Это же не фоновое изображение...
Или я опять что-то путаю?

[Палыч]

Изменений никаких...

тему обновляли?

[Zombie Lee]

Палыч, в настройках "нагрузки на сервер" включена функция "Перекомпилирования старых шаблонов"...
Соответственно достаточно обновить только сам браузер...

[Палыч]

margin-top: 10px;

[Zombie Lee]

Проблему "решил" таким образом:

В файле /styles/prosilver/template/memberlist_view.html нашёл этот кусок:

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

	<!-- IF AVATAR_IMG -->
		<dl class="left-box">
			<dt>{AVATAR_IMG}</dt>
			<!-- IF RANK_TITLE --><dd style="text-align: center;">{RANK_TITLE}</dd><!-- ENDIF -->
			<!-- IF RANK_IMG --><dd style="text-align: center;">{RANK_IMG}</dd><!-- ENDIF -->
		</dl>
	<!-- ENDIF -->

И вставил над аватаром прозрачное изображение размером 1px на 1px вот таким тегом:

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

<img src="/styles/prosilver/theme/images/1pix.png">

В итоге получился такой код:

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

	<!-- IF AVATAR_IMG -->
		<dl class="left-box">
<img src="/styles/prosilver/theme/images/1pix.png">
			<dt>{AVATAR_IMG}</dt>
			<!-- IF RANK_TITLE --><dd style="text-align: center;">{RANK_TITLE}</dd><!-- ENDIF -->
			<!-- IF RANK_IMG --><dd style="text-align: center;">{RANK_IMG}</dd><!-- ENDIF -->
		</dl>
	<!-- ENDIF -->

И результат:


Способ весьма топорный, но другого я ни чего не придумал...
Все остальные манипуляции с кодом ни к чему хорошему не привели...

[МайскийЖук]

То есть, просто вставить тэг <br /> перед {AVATAR_IMG} не вариант?