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

[apollion]

Ну я просто привык к классике. Люблю классический олдовый стиль. Наверно я конервативен, это уже не исправить никак.

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

[LONER]

Вот добавил полупрозрачность аватара при наведении мышью, а теперь думаю а надо ли оно

Не, не надо. Мутно становится.

[ВладимирТ]

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

Лучше чего нибудь полезное, например меню, сменить аватар, добавить в друзья, сделать подарок

[apollion]

В общем, получилось исправить так:

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

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

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

Теперь все пучком и в профилях юзеров онлайн. И в профилях юзеров оффлайн. Ура!

Осталось решить вопрос с бордер линией в комментариях.

Отправлено спустя 24 минуты 1 секунду:
Появился еще один маленький вопрос.

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

В form.css сейчас сделал так:

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

.autowidth {
	width: 25% !important;
	max-width: 360px !important;
}

Но можно добавить к имеющейся надписи в 61 знак

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

Re: Спин-офф "Звёздных войн" о Хане Соло выйдет в 2018 году.

сколько угодно букв - каретка едет вправо. Хочу сделать так, чтобы при попытке добавить 62-й символ - он не добавлялся. То есть курсор нельзя было переместить вправо вообще свыше чем на 61 знак.

Пример посмотреть тут можно: http://club31.movie-club.ru/posting.php ... =16&p=5809

[LavIgor]

Хочу сделать так, чтобы при попытке добавить 62-й символ - он не добавлялся.

http://htmlbook.ru/html/input/maxlength

[ВладимирТ]

чтобы при попытке добавить 62-й символ - он не добавлялся

maxlength="61"

Отправлено спустя 27 секунд:
Не успел

[apollion]

Ага, значит это в html. А я в css искал.

[ВладимирТ]

Ага, значит это в html. А я в css искал.

При правки стиля очень рекомендую открывать не только файлы стиля но и html, много интересного будет видно, что поменять.

Осталось решить вопрос с бордер линией в комментариях.

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

[apollion]

ВладимирТ,

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

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

Советовал человек вот этот код

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

position: absolute;
height: 100%;

В результате перекосило всё в топике. И стало вот так:

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

Отправлено спустя 6 минут 38 секунд:
Может я не туда добавил код?

Посмотреть можно тут: http://club31.movie-club.ru/viewtopic.php?f=16&t=968

Вертикальная линия border, отделяюшая мини-профиль юзера в топике от тела комментария. Хочу продлить ее до верха и низа комментария до границ комментария, но без перехода на интервал между комментариями.
Такая же линия есть в комментариях в топике на гуру. Только она слева от тела комментария. У меня справа.

[ВладимирТ]

Посмотрел на скоряк в браузере, получилось как то так:

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

position: absolute;
height: 98%;

Без-имени-1.jpg

Проверить не где, в принципе вставить, загрузить на сервер, а потом посмотреть что ломает стиль

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

Такая же линия есть в комментариях в топике на гуру.

Можно позаимствовать с гуру

[SashaMinsky]

position: absolute;
height: 100%;

Можно добавить top: -5px, тогда блок подтянется кверху. Но для случаев, когда профиль выше сообщения, этот метод все равно не работает.

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

Отправлено спустя 3 минуты 17 секунд:

Но для случаев, когда профиль выше сообщения, этот метод все равно не работает.

Хотя... можно задать для сообщения min-height. Тогда пожалуй все получится.

[Sumanai]

Проще в таблицу всё превратить.

Отправлено спустя 1 минуту 20 секунд:
Или Flexbox.

[apollion]

Можно позаимствовать с гуру

Они не до самого верха. В вашем примере - тоже. Нужно чтобы было до верхней и нижней горизонтальной границы комментария. И не перелезало на пропуск между разными комментариями.

Отправлено спустя 1 минуту :
Флексбоксы и таблицы отпадают.

Отправлено спустя 23 минуты 14 секунд:
Добавил в content.css

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

height: 100%

сюда

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

.postprofile {
	margin: 5px 0 10px 0;
	min-height: 80px; 
	border-right: 1px solid transparent;
	border-width: 0 0 0 1px;
        height: 100%;
	width: 17%;  /* Устанавливает ширину блока профиля юзера в топике */
	float: left;
	display: inline;
}

Получилось так.

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

Если же добавить

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

position: absolute;

Мини-профиль съезжает вниз наползая на мини-профиль нижнего юзера и форму добавления комментария. Вертикальная линия переходит гороизонтальные границы комментария. Т. е. как на 2-м скрине тут: Re: Нужна помощь в небольших правках стиля. (Пост apollion #483565)

Отправлено спустя 4 минуты 39 секунд:
Хочу сделать чтобы было так: нарисовал в фотошопе.

2.png

[Sumanai]

Флексбоксы и таблицы отпадают.

Только они могут позволить сделать два соседствующих блока равными по высоте вне зависимости от содержимого.

[ВладимирТ]

Тогда вместо списка определений

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

<dl class="postprofile"

создать блочный элемент

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

<div></div>

(собственно обернуть) и делать с ним чего угодно.