| Скины IP.Board 2.1.x–2.2.x (2.3.x) |
|---|
|
| Моды IP.Board 2.1.x–2.2.x (2.3.x) |
|---|
|
| | Статьи » Редактирование шаблонов IPB | | Логотип форума IPB из трех картинок |
|---|
Автор: Fisana Сайт автора: http:/ipbskins.ru/ Дата: December 4, 2007
Шапка форума 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}'>
Коментарии
| |
|
