Блок информации о пользователе слева [prosilver]

По умолчанию, блок информации о пользователе в viewtopic отображается справа (ник, аватара, количество сообщений и подобное). Сегодня потребовалось перенести его в левую сторону, так как это для многих более привычный вариант.

Открываем styles/prosilver/theme/content.css

Находим кусок кода:

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

и заменяем строку

	float: left;

на такую

	float: right;

Находим следующий кусок кода:

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

Заменяем в нем строку

	float: right;

на

	float: left;

а также изменяем строку

	border-left: 1px solid #FFFFFF;

на такую

	border-right: 1px solid #FFFFFF;

Сразу после предыдущего куска кода находим следующий код:

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

заменяем строчку

	border-left: 1px solid #DDDDDD;

на строку

	border-right: 1px solid #DDDDDD;

Сохраняем изменения и закрываем файл. Теперь открываем файл styles/prosilver/theme/colours.css

Находим описание следующего класса (617 строка):

.postprofile {
	color: #666666;
	border-left-color: #FFFFFF;
}

и заменяем в нем строчку

	border-left-color: #FFFFFF;

на такую строку

	border-right-color: #FFFFFF;

Находим такой участок кода (640 строка):

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

Сохраняем изменения, закрываем файл. Находим styles/prosilver/template/viewtopic_body.html и открываем его для редактирования.

Находим строку 117:

<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 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 -->">

Главное не удалить лишнего, например кавычки или закрывающую угловую скобку.

Находим строку 173:

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

и вставляем туда то что мы раньше удалили, а именно

<!-- IF S_ONLINE --> online<!-- ENDIF -->

чтобы у нас получилось следующее

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

Сохраняем изменения, закрываем файл и в той же папке находим файл ucp_pm_viewmessage.html

Находим строчку 16

<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 -->">

Находим строчку 65

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

и вставляем туда код

<!-- IF S_ONLINE --> online<!-- ENDIF -->

так, чтобы в итоге строка приобрела такой вид

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

Сохраняем файл.

Все, готово. Теперь блок с информацией о пользователе находится слева от текста сообщения.

Не забудьте почистить кеш.

Опубликовано: 30.04.08 23:52 | Просмотров: 828 | [ + ] [ - ] | Печать