Значок форума: указать размеры в CSS

[Webliberty]

Добрый вечер, уважаемые гуру!
Занимаюсь оптимизацией форума, повышением скорости загрузки. При проверке одним из сервисов дана рекомендация указать размеры изображений. Речь идет об значках форума, которые задаются в настройках (Форумы/Управление форумами/Настройки форума/Значок форума - чтобы было понятнее о чем речь). Так вот, я и сам в принципе замечаю, что при загрузке страницы загружается сначала текст, а потом подгружаются картинки, а так как размеры нигде не прописаны, то после их полной загрузки все строки форума сдвигаются и дергаются. Хочется задать размеры для этих значков в CSS, чтобы при загрузке страницы им сразу было отведено место и страница не дергалась, заодно и скорость рендеринга страницы увеличится.

Специально для этого заменил все иконки и сделал их одного размера, чтобы пакетно применить свойство. Тема построена на основе Subsilver2. Пробовал применять свойства к классу

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

.row1 img

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

Вижу один вариант - найти в шаблоне участок кода, отвечающий за вывод именно значков форума, заданных владельцем, и обернуть их в свой класс DIV'ами, однако не смог найти этот участок кода, даже методом "тыка". Копался в viewforum_body.html но ничего не получилось. Прошу помощи)

[Пчелкин]

В если в стиле применен ресайзер? На эту опцию Паге Спееда забей... Глупая... Единственное - все гифы перелопать в ПНГ... Будет лучше...
А так - на фиг надо... Браузер раз их вытащит и больше заморачиваться не будет...

[Webliberty]

Никаких резайзенов нет. Большинство картинок уже заменил стилями в CSS и веб-шрифтами, которые отлично масштабируются без потери качества.

Все же интересно, где-то же в шаблоне должен быть прописан код, отвечающий за вывод этих значков. Главное найти - а уж стили назначить - дело пустяковое. Даже не из стремления к производительности, а чисто ради спортивного интереса)

[Татьяна5]

В стандартном prosilver'е картинки форумов находятся внутри <span class="forum-image">

Если говорить о производительности, то картинки тогда должны быть строго того размера, который будет указан для них в css, и результат может быть будет заметен с телефонов (с медленным интернетом) и если картинок форумов не менее полусотни

[Webliberty]

Татьяна5, именно так и есть, картинки значков одного размера, необходимо строго прописать их размер в CSS, только вот тема использует в своей основе Subsilver2, соответственно и класса такого не нахожу...

[Татьяна5]

В subsilver2 - forumlist_body.html

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

				<!-- IF forumrow.FORUM_IMAGE -->
					<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div>
				<!-- ENDIF -->

[Webliberty]

Спасибо, все нашел! Оказывается и в файле то не в том искал сначала)

Добавлено спустя 44 минуты 40 секунд:
PS: еще действенный способ задать атрибуты с размерами для тега img (переменная forumrow.FORUM_IMAGE): в includes/functions_display.php найти

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

'FORUM_IMAGE'			=> ($row['forum_image']) ? '<img src="' . $phpbb_root_path . $row['forum_image'] . '" alt="' . $user->lang['FORUM_CAT'] . '" />' : '',

и указать высоту и ширину height и width. Это только для значков, имеющих одинаковые размеры изображений, иначе картинки будут масштабироваться.