-Рубрики

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в FladeX

 -Постоянные читатели

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 23.02.2007
Записей:
Комментариев:
Написано: 209


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

Среда, 30 Апреля 2008 г. 18:52 + в цитатник
В колонках играет - Konteiner 35 - Снова Ты Грустишь
По умолчанию, блок информации о пользователе в viewtopic отображается справа (ник, аватара, количество сообщений и подобное). Сегодня потребовалось перенести его в левую сторону, так как это для многих более привычный вариант.
Открываем styles/prosilver/theme/content.css
Находим кусок кода:
code:
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}

и заменяем строку
code:
float: left;

на такую
code:
float: right;

Находим следующий кусок кода:
code:
.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;
}

Заменяем в нем строку
code:
float: right;

на
code:
float: left;

а также изменяем строку
code:
border-left: 1px solid #FFFFFF;

на такую
code:
border-right: 1px solid #FFFFFF;

Сразу после предыдущего куска кода находим следующий код:
code:
.pm .postprofile {
border-left: 1px solid #DDDDDD;
}

заменяем строчку
code:
border-left: 1px solid #DDDDDD;

на строку
code:
border-right: 1px solid #DDDDDD;

Сохраняем изменения и закрываем файл. Теперь открываем файл styles/prosilver/theme/colours.css
Находим описание следующего класса (617 строка):
code:
.postprofile {
color: #666666;
border-left-color: #FFFFFF;
}

и заменяем в нем строчку
code:
border-left-color: #FFFFFF;

на такую строку
code:
border-right-color: #FFFFFF;

Находим такой участок кода (640 строка):
code:
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}

и заменяем на этот код
code:
.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:
PHP:

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


и убираем оттуда
code:
<!-- IF S_ONLINE --> online<!-- ENDIF -->

Должно получиться примерно так
PHP:

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


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

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


и вставляем туда то что мы раньше удалили, а именно
code:
<!-- IF S_ONLINE --> online<!-- ENDIF -->

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

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


Сохраняем изменения, закрываем файл и в той же папке находим файл ucp_pm_viewmessage.html
Находим строчку 16
PHP:

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
font>


и удаляем оттуда следующую часть
code:
<!-- IF S_ONLINE --> online<!-- ENDIF -->

Строчка должна получиться такого вида
PHP:

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
font>


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

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


и вставляем туда код
code:
<!-- IF S_ONLINE --> online<!-- ENDIF -->

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

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


Сохраняем файл.
Все, готово. Теперь блок с информацией о пользователе находится слева от текста сообщения.
Не забудьте почистить кеш.
 (385x166, 13Kb)
Рубрики:  phpBB / Slaed / danneo
Метки:  

Koteg51   обратиться по имени Вторник, 06 Мая 2008 г. 11:17 (ссылка)
Посмотри у тебя там код не везде прописан (внизу)
Ответить С цитатой В цитатник
FladeX   обратиться по имени Вторник, 06 Мая 2008 г. 12:11 (ссылка)
Я знаю. Это потому что сайт режет некоторые коды. Попробую как-нибудь обойти это. Жаль нету специальных тэгов для html и css
Ответить С цитатой В цитатник
Koteg51   обратиться по имени Вторник, 06 Мая 2008 г. 12:18 (ссылка)
Приаттач TXT
Ответить С цитатой В цитатник
FladeX   обратиться по имени Вторник, 06 Мая 2008 г. 12:28 (ссылка)
Я второе письмо администрации написал, надеюсь помогут. Не заменять же мне половину записей текстовыми файлами? )
Ответить С цитатой В цитатник
Koteg51   обратиться по имени Вторник, 06 Мая 2008 г. 13:00 (ссылка)
А ты всё туда пихай )
Ответить С цитатой В цитатник
FladeX   обратиться по имени Четверг, 08 Мая 2008 г. 03:07 (ссылка)
После часа перебора различных вариантов был найден способ как добавить в блог нужный код без его изменения самим блогом :) Плюс еще добавил одну мелкую поправку. Теперь мануал можно считать рабочим и пользоваться им в полной мере. 8-)
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку