Добро пожаловать на форум PrestaShop!
Ответы на все вопросы о бесплатном движке для интернет-магазина PrestaShop.
Установка, настройка, создание темы для PrestaShop, модули PrestaShop, программирование для Prestashop ...
1 час
1 день
1 неделя
1 месяц
Навсегда
Начало
Помощь
Поиск
Вход
Регистрация
Форум по движку PrestaShop - установка, разработка темы, создание модулей для Prestashop. Руководства и обучение по PrestaShop.
Общий раздел
Проблемы и решения по PrestaShop
(Модераторы:
Виталий
,
DarinSr
)
Как увеличить header по высоте, поместить увеличенный лого в середину.
« предыдущая тема
следующая тема »
Печать
Страницы: [
1
]
Автор
Тема: Как увеличить header по высоте, поместить увеличенный лого в середину. (Прочитано 2015 раз)
09 Апрель 2015, 18:01:06
slavazzz
Пользователь
Сообщений:
65
Репутация:
+0/-0
Сообщество PrestaShop
Как увеличить header по высоте, поместить увеличенный лого в середину.
Здравствуйте. Подскажите, хочу увеличить логотип, при этом поместив его в середину хеадера. Соответственно высоту хеадера надо будет тоже увеличить. Как это сделать?
Записан
09 Апрель 2015, 21:35:34
Ответ #1
PrestaMan
Ветеран
Сообщений:
22125
Репутация:
+25303/-1
Prestashop - просто и эффективно
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
В файле global.css заменить стили для #header_logo
Записан
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
10 Апрель 2015, 10:34:11
Ответ #2
DarinSr
Модератор
Ветеран
Сообщений:
86688
Репутация:
+25428/-0
Сообщество PrestaShop
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
При увеличении высоты логотипа высота шапки так-же увеличится, ничего специально делать не нужно.
Записан
10 Апрель 2015, 20:29:07
Ответ #3
slavazzz
Пользователь
Сообщений:
65
Репутация:
+0/-0
Сообщество PrestaShop
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
prestashop 1.5.6.0 при увеличении размера файла логотипа, он залезает на горизонтальное меню и закрывает его. Не подскажите какие стили надо прописать?
Записан
10 Апрель 2015, 21:15:41
Ответ #4
PrestaMan
Ветеран
Сообщений:
22125
Репутация:
+25303/-1
Prestashop - просто и эффективно
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
Можно у блока header_logo мин. высоту добавить
Код:
[Выделить]
min-height: высота лого
Записан
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
11 Апрель 2015, 07:04:39
Ответ #5
slavazzz
Пользователь
Сообщений:
65
Репутация:
+0/-0
Сообщество PrestaShop
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
прописал эту строчку - min-height: 200px; в global.css, все равно при увеличении размера файла логотипа, он начинает наезжать на горизонтальное меню.
Записан
11 Апрель 2015, 10:46:49
Ответ #6
mAgency
Партнер
Ветеран
Сообщений:
22816
Репутация:
+17143/-1
Разработка веб-сайтов и веб-программирование
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
Адрес сайта какой?
Записан
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
11 Апрель 2015, 10:51:42
Ответ #7
slavazzz
Пользователь
Сообщений:
65
Репутация:
+0/-0
Сообщество PrestaShop
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
straz-almaz.ru
Записан
11 Апрель 2015, 10:53:21
Ответ #8
slavazzz
Пользователь
Сообщений:
65
Репутация:
+0/-0
Сообщество PrestaShop
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
Хочу как на картинке сделать.
Записан
11 Апрель 2015, 11:00:59
Ответ #9
Виталий
Модератор
Ветеран
Сообщений:
105673
Репутация:
+39553/-0
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
У вас у блока с логом абсолютное позиционирование. Нужно удалить стили для
Код:
[Выделить]
#header_logo {
left: 0;
position: absolute;
top: 30px;
z-index: 1;
}
тогда блок будет раздвигать header.
Записан
Cоздание интернет сайтов
Webstudio UwK
11 Апрель 2015, 11:02:11
Ответ #10
slavazzz
Пользователь
Сообщений:
65
Репутация:
+0/-0
Сообщество PrestaShop
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
Удалить в файле global.css то что вы написали?
Записан
11 Апрель 2015, 11:05:37
Ответ #11
Виталий
Модератор
Ветеран
Сообщений:
105673
Репутация:
+39553/-0
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
В global.css стили для #header_logo.
Записан
Cоздание интернет сайтов
Webstudio UwK
11 Апрель 2015, 11:10:20
Ответ #12
slavazzz
Пользователь
Сообщений:
65
Репутация:
+0/-0
Сообщество PrestaShop
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
Блок раздвинулся, а как теперь лого на середину поместить?
Записан
11 Апрель 2015, 11:20:49
Ответ #13
Виталий
Модератор
Ветеран
Сообщений:
105673
Репутация:
+39553/-0
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
1. Изменить стуктуру в шапке сайта.
2. Изменить стили для всех блоков, которые входят в header.
Если не знаете как это делать, создайте тему в
ветке работа
и вам сделают.
Записан
Cоздание интернет сайтов
Webstudio UwK
11 Апрель 2015, 11:44:47
Ответ #14
slavazzz
Пользователь
Сообщений:
65
Репутация:
+0/-0
Сообщество PrestaShop
Re: Как увеличить header по высоте, поместить увеличенный лого в середину.
Спасибо за совет.
Записан
Печать
Страницы: [
1
]
« предыдущая тема
следующая тема »