Логотип форума 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}’>
