Русская поддержка интернет-магазина PrestaShop
русская поддержка PrestaShop.
Регистрация
Забыли пароль?
Главная
Возможности
Демо
Скачать
Каталог магазинов
Форум
Модули и шаблоны
Администрирование
Реклама и маркетинг
Аналитика и статистика
Оплата и платежные системы
Управление контентом
Экспорт
Фронт-офис
Локализация
Торговые площадки
Управление товарами
Средства миграции
Оформление заказа
Поиск и фильтры
Доставка и логистика
Слайд-шоу
Социальные сети
Модификаторы
Шаблоны PrestaShop
Работа
Главная
Форум
Общие форумы (prestashop v1.4.x)
Дизайн, шаблоны
Как растянуть поле поиска и саму страницу
Как растянуть поле поиска и саму страницу
camel891
Новичок
Сообщений: 3
Регистрация: 29-04-2012
# 1
29-04-2012 16:28
Доброго времени суток. Помогите пожалуйста, уже три дня мучаюсь, и никак не могу растянуть страницу по ширине экрана и поле поиска, чтоб был по центру и по шире!
пример кода
#page {
width: 96%;
margin: 0px auto 2px auto;
text-align:left;
background-image:url("../img/c_repeat.gif");
background-repeat:repeat-y;
}
#pagetop {
width: 96%;
height:35px;
margin: 0 auto;
text-align:left;
padding:0;
overflow-x:hidden;
overflow-y:hidden;
background-image:url("../img/c_top.gif");
background-position:left top;
background-repeat:no-repeat;
}
#pagebottom {
height:33px;
margin: 0 auto;
text-align:left;
padding:0;
background-image:url("../img/c_bottom.gif");
background-position:left top;
background-repeat:no-repeat;
}
#top {
height:90%;
padding-bottom:0;
padding-right:0;
width:96%;
margin:0 auto;
или я не там ищу?
Изображения:
geomagi
Профессионал
Сообщений: 1327
Регистрация: 12-11-2010
# 2
29-04-2012 20:31
для растяжки белого фона global.css (строка 187) #page добавьте
Цитата:
{
background-size: cover;
}
и тоже самое проделайте для #pagetop и #footer и потом скорректируйте их положение.
для растяжки поля поиска надо отвязать ее от остального стиля (прописать для него свой), так не получится. (пример)
Цитата:
#search_query_top.search_query
{ width: 600px;}
www.geart.ru
camel891
Новичок
Сообщений: 3
Регистрация: 29-04-2012
# 3
03-05-2012 15:22
Спасибо большое ребята, очень выручили!!!
camel891
Новичок
Сообщений: 3
Регистрация: 29-04-2012
# 4
03-05-2012 15:43
а насчет поле поиска пока так и не сильно понял. его править тоже надо в globall.css или уже в самом блоке tpl???
пример в globall.css
/* block top search */
#header #search_block_top {
margin-top:35px;
height: 25px;
float: left;
}
#header #search_block_top p { padding: 0em 0 0.8em 11em; }
#header #search_block_top label, #header #search_block_top input{ float:left; }
#header #search_block_top label {
background: transparent url('../img/icon/search.gif') no-repeat 0 2px;
float: left;
width: 35px;
height: 50px;
display: block;
}
#header #search_block_top input#search_query { width: 200px; font-size:12px; padding-left:5px; height:26px; background: transparent url('../img/bg_search.gif') no-repeat 0 0px; border:none; }
freelancer
Новичок
Сообщений: 7
Откуда: Казань/Чебы
Регистрация: 25-11-2011
# 5
25-05-2012 14:07
#header #search_block_top input#search_query {
...
width: /*200px*/ 100%;
...
}
На Главную форума
Найти
FaQ
Панель управления
Кто он-лайн
Общие форумы (prestashop v1.7.x)
-- Общий форум
-- Установка, Настройка, Обновление
-- Модули, плагины
-- Дизайн, шаблоны
-- Песочница
Общие форумы (prestashop v1.6.x)
-- Общий форум
-- Установка, Настройка, Обновление
-- Модули, плагины
-- Дизайн, шаблоны
-- Песочница
Общие форумы (prestashop v1.5.x)
-- Общий форум
Общие форумы (prestashop v1.4.x)
-- Новости и объявления
-- Общий форум
-- Установка, Настройка, Обновление
-- Дизайн, шаблоны
-- Модули, плагины
-- Песочница
-- Прочее
Общие форумы (prestashop v1.3.x)
-- Общий форум
-- Установка, Настройка, Обновление
-- Дизайн, шаблоны
-- Модули, плагины
---- Платные модули и хаки
-- Песочница
Другое
-- Корзина
---- Хостинг
---- Каталог магазинов
---- Общий форум
---- Прием багов