Причесываем prosilver под современные браузеры

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

Причесываем prosilver под современные браузеры

Сообщение VEG »

Разработчики prosilver судя по всему использовали Firefox во время вёрстки стиля. Только в этом браузере он смотрится лучше всего. В остальных же регулярно всплывают разные неприятные косяки, которые официально вроде никто не собирается исправлять. Предлагаю в этой теме собрать коллекцию шероховатостей стандартного стиля в современных браузерах, после чего можно будет сформировать большой багрепорт. А ещё лучше, если мы соберём набор готовых правок. Публикую то что бросилось в глаза мне. И сразу же вопрос: может быть кто-то это уже когда-то фиксил?

Размеры кнопок, полей ввода

В Firefox кнопки выглядят ровнее всего (особенно если сравнивать с полями ввода). В других браузерах поля ввода и кнопки значительно меньше и никак не выровнены по размерам. Судя по всему разработчики стиля забыли указать padding-и для всех элементов форм.

Firefox 14:
Изображение

Chrome:
Изображение

Opera 12:
Изображение

IE 9:
Изображение

Левые отступы в IE9

В IE9 в разных местах появляются некрасивые отступы. Пример.

Firefox 14 (в других браузерах почти так же):
Изображение

IE 9:
Изображение

Добавлено спустя 27 минут 43 секунды:
Отступ в IE9 (вторая проблема) можно легко убрать. В файле overall_header.html находим и удаляем:

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

<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>

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

<a name="start_here"></a>
Удалять можно смело — этот код не используется и предназначен для отображения ссылки «Пропустить» в браузерах без поддержки CSS.
Последний раз редактировалось владимир1983 26.10.2012 18:24, всего редактировалось 1 раз.
Причина: http://www.phpbbguru.net/community/topic37510.html#p381490
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3365
Стаж: 17 лет 6 месяцев
Благодарил (а): 37 раз
Поблагодарили: 1454 раза

Re: Причесываем prosilver под современные браузера

Сообщение Nekstati »

VEG писал(а):может быть кто-то это уже когда-то фиксил?
Размеры кнопок и полей ввода пофиксены на phpBB Guru. ;) Примерно так:

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

/* Fixing selects and buttons */
#forum-search, #topic-search {
	font-size: 0.91em; /* Not 0.9em because of FF4 */
}
select {
	font-size: 0.99em; /* Not 1em because of FF4 */
	height: 19px;
}
select#search_forum, select#unban, select#group_list, select#usernames {
	height: auto;
}
input.button1, input.button2 {
	height: 19px;
	font-size: 0.99em; /* Not 1em because of FF4 */
}
fieldset.submit-buttons input {
	height: 23px;
}
@-moz-document url-prefix() {
	input.button1, input.button2 {
		padding: 1px 2px 3px;
	}
	fieldset.submit-buttons input {
		padding: 3px 2px 5px;
	}
}
@media not all and (-webkit-min-device-pixel-ratio) {	 /* Opera */
	input, select, .button1, .button2 {vertical-align: middle !important;}
	dd label input {vertical-align: 0px !important;}
}
input#search_keywords {
	height: 13px;
}
Для чистого Просильвера, возможно, придётся уточнить кое-какие цифры. Писалось это давненько, надо бы проверить в последних версиях браузеров. Возможно, фиксы для Оперы и FF уже неактуальны.

P. S. Да, в Опере 12.02 этот CSS-хак @media not all and (-webkit-min-device-pixel-ratio) {} уже не работает, соответственно есть косячки с верт. позиционированием:

Изображение
VEG писал(а):Судя по всему разработчики стиля забыли указать padding-и для всех элементов форм.
Не забыли, но паддинги понимаются разными браузерами по-разному. Единственный способ, которым мне удалось выровнять кнопки — это указать их размеры в пикселях.
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3365
Стаж: 17 лет 6 месяцев
Благодарил (а): 37 раз
Поблагодарили: 1454 раза

Re: Причесываем prosilver под современные браузера

Сообщение Nekstati »

UPD. Добавка для Оперы 12:

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

@media (min-resolution: .001dpcm) {		/* Opera 12 */
	_:-o-prefocus, input, select, .button1, .button2 {vertical-align: middle !important;}
	_:-o-prefocus, dd label input {vertical-align: 0px !important;}
}
Аватара пользователя
evrus01
Former team member
Сообщения: 1274
Стаж: 15 лет 6 месяцев
Откуда: Москва
Благодарил (а): 107 раз
Поблагодарили: 234 раза

Re: Причесываем prosilver под современные браузера

Сообщение evrus01 »

Об отступе в кнопках сообщений:

Помощь с кнопками cтиля
(ниже в теме обсуждения)
Аватара пользователя
Dbonz
phpBB 2.0.0
Сообщения: 231
Стаж: 14 лет 2 месяца
Благодарил (а): 25 раз
Поблагодарили: 25 раз

Re: Причесываем prosilver под современные браузера

Сообщение Dbonz »

Обзор темы при раскрытии в Chrome, Safari, Maxthonе не разворачивается по ширине, иногда через раз(например в maxthon). У меня на "грязном" форуме вообще глюк вылез, смотря в каком браузере, бывает, разворачивается по ширине каждый пост отдельно при наведении курсора на кнопку, заголовок поста или ссылку в профиль.
И ещё странно, почему в обзоре темы вставили текст "Информация о сообщении" вместо кнопки с вопросом, как при просмотре обзора в модераторском разделе или топике…
94c1da339985.png
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Аватара пользователя
МайскийЖук
phpBB 3.0.7-PL1
Сообщения: 2535
Стаж: 16 лет 11 месяцев
Благодарил (а): 17 раз
Поблагодарили: 366 раз

Причесываем prosilver под современные браузера

Сообщение МайскийЖук »

Там, по-моему, бегунок скроллинга должен быть в этом месте справа. Разве нет?
Любовь и боль, покой и бой я как любой несу с собой…
Аватара пользователя
Dbonz
phpBB 2.0.0
Сообщения: 231
Стаж: 14 лет 2 месяца
Благодарил (а): 25 раз
Поблагодарили: 25 раз

Re: Причесываем prosilver под современные браузера

Сообщение Dbonz »

В свёрнутом положении, да…
sweetah
phpBB 2.0.6
Сообщения: 506
Стаж: 16 лет 7 месяцев
Благодарил (а): 108 раз
Поблагодарили: 26 раз

Re: Причесываем prosilver под современные браузера

Сообщение sweetah »

Пожалуйста, исправьте уже название темы (браузерЫ).

Вернуться в «Стили для phpBB 3.0.x»