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

Решение для шапки форума. Логотип из трех картинок с блочной версткой для всех версий IPB.

Шапка форума 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}'>

Еще статьи:

1. Масштабируемый (резиновый) логотип для IP.Board 3.0 1. Готовим длинную картинку (примерно 1200 на 150px). Сохраняем ее на сервер в папку графики нужного скина как logo.png, заменив старый файл. Если вес файла большой, выбираем расширение .jpg. В этом случае открываем Внешний вид > Ваш скин > редактирование...