Invision по-русски » Маленькие секреты css

IPB 2.x: Отсутствие класса row3 в css при его использовании в шаблонах

Fisana — Tue, 29 May 2007 09:53:15 +0000

Один из множества курьезов всех версий IPB линеек 2.0 — 2.3

Один из множества курьезов всех версий форумов IPB линеек 2.0 — 2.3 – это потеря класса row3 в css, при том, что в коде шаблонов он продолжает существовать.
Пример – форма регистрации. Поля для Username, Password, Email Address прописаны с классом row3, но при его отсутствии выглядят пустыми прямоугольниками с грубым контуром.
Не поленитесь восполнить потерю, допишите row3 с желаемыми параметрами в стилях.
Пример можно посмотреть в скине по дефолту на форуме в форме регистрации.

Как убрать подчеркивание с текстовых кнопок, не меняя стиля ссылок в скинах?

Fisana — Sun, 20 May 2007 01:56:14 +0000

IPB 2.x: Изящное решение вечной проблемы текстовых скинов – подчеркивания текстовых кнопок в темах и сообщениях

Этот совет пригодится создателям текстовых скинов, в стилях IPB с графическими кнопками в темах и сообщениях он неэффективен.

Обычно подчеркивание ссылок убирается изменением общих классов для ссылок
a:,
a:links,
a:visited,
a:active
с заменой параметра text-decoration: underline; на text-decoration: none;

Но иногда хочется не изменять вид ссылок везде.
Чтобы текстовые кнопки не подчеркивались, а стиль оформления остальных ссылок не менялся, нужно добавить параметры в сss, которые дополнят свойства двух классов.

Открываем расширенный режим редактирования css, внизу добавляем:
Для кнопок тем:
td.nopad a:link,
td.nopad a:visited,
td.nopad a:active {
text-decoration: none;
}
Для кнопок в сообщениях:
td.formbuttonrow a:link,
td.formbuttonrow a:visited,
td.formbuttonrow a:active{
text-decoration: none;
}

Масштабируемый (резиновый) логотип в шапке форума

Fisana — Thu, 17 May 2007 04:41:48 +0000

Как заставить лого растягиваться на всю ширину в резиновых скинах, независимо от разрешения экрана

Масштабируемый (резиновый) логотип, все версии IPB

Пример: стиль Mystic Cafe Skin
Эффект станет понятен при изменении размера окна.

1. Папки форума на сервере */style_images/, */cache/ и */cache/skin_cache/ должны быть доступны для записи и изменения, CHMOD (права доступа) должен иметь значение 0777.

2. Подбираем картинку размером приблизительно 1000-1200 на 100-200 px и заменяем ею файл logo4.gif (или свое название и расширение, допустимо также jpg и png). Кириллические символы в имени файла недопустимы. Также следите за регистром. Если в имени файла есть ПРОПИСНЫЕ символы, то и в коде его название должно быть соответствующим. Иначе Unux сервера файл не узнают.

3. Открываем расширенный режим редактирования css
Находим id #logostrip
Где

height: 68px;

Заменяем на

height: auto;

4. Теперь открываем редактирование HTML шаблонов > skin global > global_board_header

Находим

img src=’style_images/<#IMG_DIR#>/logo4.gif’ style=’vertical-align:top’ alt=’IPB’ border=’0′

Заменяем на

img src=’style_images/<#IMG_DIR#>/logo4.gif’ style=’vertical-align:top’ alt=’IPB’ border=’0′ width=’100%’

И проверяем эффект на экране