Шапка форума IPB из трех картинок

Вариант для стандартных параметров (высота 68px)

1. Создание графики
Создаем три картинки и градиент для фона.
Назовем их logo1.gif (центральная), logo2.gif (левая), logo3.gif (правая) и tile_back.gif (градиент для фона)

2. Редактирование css

Свойства стиля > расширенный режим редактирования css
Находим

#logostrip{
background: #3860BB url(style_images/<#IMG_DIR#>/tile_back.gif);
border: 1px solid #FFF;
height: 68px;
margin: 0;
padding: 0;
}

и заменяем на:

#logostrip1{
background: #3860BB url(style_images/<#IMG_DIR#>/tile_back.gif);
border: 1px solid #FFF;
height: 68px;
margin: 0;
padding: 0;
}
#logostrip{
background: transparent url(style_images/<#IMG_DIR#>/logo1.gif) no-repeat center;
height: 68px;
margin: 0;
padding: 0;
}

3. Редактирование HTML
Свойства стиля > редактирование HTML шаблонов > skin_board_header

Находим

<div id=”logostrip”><a href=’{$this->ipsclass->base_url}’><!–ipb.logo.start–><img src=’style_images/<#IMG_DIR#>/logo4.gif’ style=’vertical-align:top’ alt=’IPB’ border=’0′ /><!–ipb.logo.end–></a></div>

Заменяем на

<div id="logostrip1">
<div style="float:right;padding:0"><img src='style_images/<#IMG_DIR#>/logo3.gif' style='vertical-align:top' alt='' border='0' /></div><div id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo2.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div></div>
Примечания:
Высоту 68px замените на свою и при необходимости измените цвета фона и контура в #logostrip1.
Для IPB 1.x-2.1.x:
<a href='{$this->ipsclass->base_url}'>
замените на
<a href='{ipb.script_url}'>

Масштабируемый (резиновый)   логотип, все версии 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%’

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