Модернизация шапки

#1 Vildan

Advanced

Группа: Пользователи
Сообщений: 138
Регистрация: 07-Ноябрь 11
Репутация: 3
IPB version:3.2.x

Отправлено 13 Январь 2012 - 18:39

Вот что мы имеем по умолчанию (прикрепленный рис. 1Ссылка на картинку)
Нужно удалить полосу обозначенную цифрой 1 (и лого вместе с ней)+ сделать по ширине форума полосу обозначенную цифрой 2.
А вместо полосы 1 и лого по центру поставить этот рисунок (прикрепленный рис. 2 Ссылка на картинку)- он по идее имеет как раз размеры ширины форума.
И строку поиска надо поставить как то в левый верхний угол.
Я понимаю что вопрос наверно сложный, но если можете помочь, то БУДУ ПРИОЧЕНЬ БЛАГОДАРЕН!

Сообщение изменено: Vildan (13 Январь 2012 - 18:59)

Наверх of the page up there ^

#2 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 892
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 13 Январь 2012 - 19:37

http://ipbskins.ru/f.../topic9111.html

Наверх of the page up there ^

#3 Vildan

Advanced

Группа: Пользователи
Сообщений: 138
Регистрация: 07-Ноябрь 11
Репутация: 3
IPB version:3.2.x

автор темы Отправлено 14 Январь 2012 - 03:05

Да, я прочел и даже сделал. Но там именно как изменить размеры шапки. В моем случае ее и лого надо убрать, а вместо их поставить картинку.
С уважением.

Наверх of the page up there ^

#4 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 892
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 14 Январь 2012 - 12:29

Фон - в ipb_styles.css в #branding
Можно свой фон прописать вместо стандартного
Лого - меняется стандартными инструментами смены логотипа.

Совсем убирать не стоит, так как форма поиска будет не пристроена.

Наверх of the page up there ^

#5 Vildan

Advanced

Группа: Пользователи
Сообщений: 138
Регистрация: 07-Ноябрь 11
Репутация: 3
IPB version:3.2.x

автор темы Отправлено 14 Январь 2012 - 13:12

Заменил лого... Вот что получилось...

Вложений

Безымянный-1.jpg (111,83К)
Количество загрузок: 30

Наверх of the page up there ^

#6 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 892
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 14 Январь 2012 - 13:18

Ну да. Поиск сполз. Стандартная шапка не предназначена для такого логотипа.
Логотип должен быть маленьким и слева.

Или переносите поиск в другое место.

Наверх of the page up there ^

#7 Vildan

Advanced

Группа: Пользователи
Сообщений: 138
Регистрация: 07-Ноябрь 11
Репутация: 3
IPB version:3.2.x

автор темы Отправлено 14 Январь 2012 - 13:21

Я еще до этого искал как поиск переместить. Но что то таких тем нет...
А логотип надо таким оставить.

Сообщение изменено: Vildan (14 Январь 2012 - 13:22)

Наверх of the page up there ^

#8 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 892
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 14 Январь 2012 - 13:29

Плохо ищите http://ipbskins.ru/f...dpost__p__53842

Наверх of the page up there ^

#9 Vildan

Advanced

Группа: Пользователи
Сообщений: 138
Регистрация: 07-Ноябрь 11
Репутация: 3
IPB version:3.2.x

автор темы Отправлено 14 Январь 2012 - 13:49

Да, но это не моя ситуация. Тут наверно с поиском потом надо разбираться. Мне надо убрать синий фон который за логотипом и темно синий над логотипом...

Наверх of the page up there ^

#10 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 892
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 14 Январь 2012 - 14:23

#branding с синим фоном и картинкой редактировали?
Но вообще Ваш логотип поломал шапку, которая не расчитана на слоновые лого.

Поэтому как раз в дефолте - не Ваш вариант.
Логотипом лучше замените branding_bg.png

Тогда шапка не поломается и поиск не соскочит. А в качестве лого лучше использовать небольшую короткую прозрачную картинку.

Наверх of the page up there ^

#11 Vildan

Advanced

Группа: Пользователи
Сообщений: 138
Регистрация: 07-Ноябрь 11
Репутация: 3
IPB version:3.2.x

автор темы Отправлено 14 Январь 2012 - 14:45

Другой вариант не подойдет увы. Вы же себе тут как то шапку большую сделали) Она ненамного меньше той что у меня.

Наверх of the page up there ^

#12 Vildan

Advanced

Группа: Пользователи
Сообщений: 138
Регистрация: 07-Ноябрь 11
Репутация: 3
IPB version:3.2.x

автор темы Отправлено 14 Январь 2012 - 15:24

Частично разобрался.
Заменил:

#branding 
{ background: #0f3854 url({style_images_url}/branding_bg.png) repeat-x; 
  border-bottom: 1px solid #1b3759; min-height: 64px;
}

на:

#branding 
{ background: transparent url({style_images_url}/branding_bg.png) repeat-x; 
border-bottom: 1px solid #1b3759; min-height: 64px;
}

Но это делает прозрачным. Как бы это ничего не дает.
И вообще можно удалить брендинг и поверх лого наложить панель поиска? Я так понял что все сдвигается из за брендинга и панели поиска.

Сообщение изменено: Vildan (14 Январь 2012 - 15:54)

Наверх of the page up there ^

#13 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 892
Регистрация: 21-Ноябрь 05
Репутация: 562
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 14 Январь 2012 - 16:12

В Вашем случае воспользуйтесь советами из темы по ссылке.

http://ipbskins.ru/f.../topic8249.html

Наверх of the page up there ^

#14 Vildan

Advanced

Группа: Пользователи
Сообщений: 138
Регистрация: 07-Ноябрь 11
Репутация: 3
IPB version:3.2.x

автор темы Отправлено 16 Январь 2012 - 03:35

ОГРОМНОЕ все таки Вам спасибо)) Перечитал тему раз 10 + целый день изучал CSS, но с шапкой разобрался в лучшем виде)
Остался только один вопрос - а что с лого делать? Если убрать его с макроса, то это ничего не даст (будет прямоугольник висеть прозрачный с крестом). Как его убрать праильно?

Наверх of the page up there ^

#15 Vildan

Advanced

Группа: Пользователи
Сообщений: 138
Регистрация: 07-Ноябрь 11
Репутация: 3
IPB version:3.2.x

автор темы Отправлено 16 Январь 2012 - 12:38

Нашел еще проще способ))
1. Убираем поиск к примеру наверх.
2. Удаляем из CSS упоминания о branding.
3. Заливаем лого. Оно будет по ширине форума.

Наверх of the page up there ^

2 Страниц
1
2
→

Вы не можете создавать новые темы
Вы не можете отвечать в этой теме

Модернизация шапки - Дизайн и модификация Invision Power Board

Правила раздела