Нужна помощь в небольших правках стиля.

[apollion]

Нужна помощь в небольших правках стиля.

phpbb 3.1.8

Стиль основан на оригинальном prosilver.

Немного затупил и не могу найти где исправить:

1. В профиле юзера. Выровнять левые строки, чтобы они лежали в одной плоскости с правыми строками. На скрине отмечены красным.

Безымянный01.png

2. В мини-профиле юзера в теме. Продлить вверх до верхней границы блока и вниз до нижней границы блока бордер линию, отделяющюю блок мини-профиля от поста. Красными стрелками она показана на скрине.

Безымянный02.png

Ссылка на тему где можно взглянуть: http://club31.movie-club.ru/viewtopic.php?f=16&t=968

[Webliberty]

2. К классу .postprofile добавить:

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

position: absolute;
height: 100%;

[apollion]

А точнее???

Ну, я добавил вот сюда:

в content.css

.postprofile {
margin: 5px 0 10px 0;
min-height: 80px;
border-right: 1px solid transparent;
border-width: 0 0 0 1px;
width: 17%;
float: left;
display: inline;
position: absolute;
height: 100%;
}

И мини-профиль перекосило.

Безымянный03.png

[SashaMinsky]

Продлить вверх до верхней границы блока и вниз до нижней границы блока бордер линию

В реализации просильвера очень сложно. Тут разве что убрать border у postprofile и добавить его отдельным divом, расположенным перед postprofile:

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

<div style="width: 22%; height: 100%; position: absolute; top: 0px; left: 10px; border-right: 1px solid rgb(204, 227, 243);"></div>

По первому вопросу - профили закрыты для гостей, но скорее всего поможет поколдовать с ilne-height.

[apollion]

Спасибо. Попробую.

Выровнять строки удалось только уменьшением шрифта и удалением жирности шрифта. Но это не то, что я хотел.

Чуть позже сделаю тестовый аккаунт.

Как все было намного проще с subsilver2 на 3.0. В prosilver мне всё не нравится.

[SashaMinsky]

Как все было намного проще с subsilver2 на 3.0. В prosilver мне всё не нравится.

Блочная верстка действительно сложнее табличной. Но ее гибкость, в частности в плане адаптивности, перевесила недостатки.

Я сейчас (по совету друзей из соседней темы ) разбираюсь с фреймворком bootstrap - там используется отличное решение, которое скорее всего есть и в других фреймворках - блочный стиль фактически сводится к табличному, но более гибкому - страница любой ширины разбивается на 12 равных частей, и с ними можно обращаться как с клетками таблицы. Думаю, за такими фреймворками будущее.

[apollion]

SashaMinsky, сделал тестовый аккаунт.

Логин: Thx1103
Пароль: Thx1103

Посмотрите, пожалуйста, как выровнять строки в профиле. Сейчас они выровнены, но только за счет того, что:

font-size: 1.1em

и убран font-weight: bold

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

Отправлено спустя 7 минут 36 секунд:
Чертовщина какая-то. Решил вернуть перекошенный вариант для наглядности.

Вернул в common.css этот вариант:

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

dl.details {
	/*font-family: Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.2em;
	font-weight: bold;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	display: block;
	font-weight: normal;
}

Залил. Перезагрузил страницу и вдруг все стало нормально. Как я и хотел. Ни черта не понял, почему раньше строки разъехались при текущем коде и я не мог никак исправить.

Отправлено спустя 2 минуты 6 секунд:
Поправка:

У меня профиль перекошенным остался: этот http://club31.movie-club.ru/memberlist. ... rofile&u=2
У другого юзера все нормально: http://club31.movie-club.ru/memberlist. ... file&u=799

Что происходит не пойму.

[Sumanai]

Думаю, за такими фреймворками будущее.

bootstrap- это прошлое, давно ушедшее, на самом деле.

Отправлено спустя 1 минуту 11 секунд:

Что происходит не пойму.

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

.online dt {
    margin-top: 5px;
}

Один онлайн, другой нет.

[apollion]

Непонятно только почему при

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

dl.details {
   /*font-family: Verdana, Helvetica, Arial, sans-serif;*/
   font-size: 1.1em;
}

Все нормально.

Один онлайн, другой нет.

И как лучше поступить? Добавить margin-top: 5px; в dl.details?

[SashaMinsky]

apollion, из того, что я увидел, проще всего убрать маргин топ для .online dt :

[ВладимирТ]

У меня профиль перекошенным остался: этот http://club31.movie-club.ru/memberlist. ... rofile&u=2

Не успел написать
.online dt {
margin-top: 5px;
}

Проще убрать, или 0

Отправлено спустя 2 минуты 25 секунд:
Нет лучше добавить, а то аватара не ровно с верху

[SashaMinsky]

bootstrap- это прошлое, давно ушедшее, на самом деле.

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

[ВладимирТ]

Я написал - "за такими фреймворками будущее", а не за конкретным.

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

[LONER]

И как лучше поступить? Добавить

Проще убрать, или 0

Нет лучше добавить, а то аватара не ровно с верху

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

[apollion]

SashaMinsky, ВладимирТ, спасибо. Попробую.

Вот зачем авторы просилвера сделали такой уродский значок онлайна, да еще и прилепили его в угол мини-профиля и профиля и зависимым от верхней границы? Вчера голову сломал, почему у меня в профиле при меньшем размере шрифта и отсутствием жирности - все ок. А при 1.2 em и bold - все разъезжается.

Буду его потом оттуда переносить под аватару и сделаю аккуратным прямоугольничком со скругленными углами. Похожим на кнопку немного. И наверно добавлю вариант offline.