1
Сообщений в теме: 7
#1
Отправлено 12 Январь 2014 - 08:35
Здравствуйте, помогите уменьшить шапку сайта
Сейчас так:
Надо урезать верхушку, что бы получилось вот так:
Сейчас так:
Надо урезать верхушку, что бы получилось вот так:
#2
Отправлено 12 Январь 2014 - 08:49
Leonid19 (12 Январь 2014 - 08:35) писал:
Найдите данный блок кода в шаблоне main.css :
#header-logo{position:relative;display:table;float:left;margin-top:30px;width:210px;z-index:30;margin-left: 10px;}замените его на
#header-logo{position:relative;display:table;float:left;margin-top:0;width:210px;z-index:30;margin-left: 10px;}
найдите данный блок:
#header .contacts { float: right; margin-top: 30px; }замените на
#header .contacts { float: right; margin-top: 2px; }
далее найдите:
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:17px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}замените на
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:-15px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
далее найдите:
#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}шапка.jpg') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}замените на
#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}шапка.jpg') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);height:148px;z-index:10}
#3
Отправлено 12 Январь 2014 - 08:55
Всё получилось! Огромное вам спасибо!
#4
Отправлено 13 Февраль 2014 - 12:22
хотели тоже уменьшить шапку но у нас нет такого блока;
найдите данный блок:
#header .contacts {
float: right;
margin-top: 30px;
}
замените на
#header .contacts {
float: right;
margin-top: 2px;
}
найдите данный блок:
#header .contacts {
float: right;
margin-top: 30px;
}
замените на
#header .contacts {
float: right;
margin-top: 2px;
}
#5
Отправлено 13 Февраль 2014 - 12:54
ooosik (13 Февраль 2014 - 12:22) писал:
хотели тоже уменьшить шапку но у нас нет такого блока;
найдите данный блок:
#header .contacts {
float: right;
margin-top: 30px;
}
замените на
#header .contacts {
float: right;
margin-top: 2px;
}
найдите данный блок:
#header .contacts {
float: right;
margin-top: 30px;
}
замените на
#header .contacts {
float: right;
margin-top: 2px;
}
Здравствуйте, для вашего сайта максимум можно уменьшить шапку на 20 пикселей, иначе логотип будет наезжать на слайдер.
Редактируем style.css
Находим
#header-logo { position: relative; display: table; float: left; margin-top: 30px; width: 210px; z-index: 30; margin-left: 10px; }
Заменяем на
#header-logo { position: relative; display: table; float: left; margin-top: 10px; width: 210px; z-index: 30; margin-left: 10px; }
#6
Отправлено 15 Февраль 2014 - 12:13
Спасибо получилось
#7
Отправлено 17 Февраль 2014 - 23:51
Castiel (13 Февраль 2014 - 12:54) писал:
Здравствуйте, для вашего сайта максимум можно уменьшить шапку на 20 пикселей, иначе логотип будет наезжать на слайдер.
Редактируем style.css
Находим
Заменяем на
Редактируем style.css
Находим
#header-logo { position: relative; display: table; float: left; margin-top: 30px; width: 210px; z-index: 30; margin-left: 10px; }
Заменяем на
#header-logo { position: relative; display: table; float: left; margin-top: 10px; width: 210px; z-index: 30; margin-left: 10px; }
#8
Отправлено 18 Февраль 2014 - 04:54
В шаблоне Пластик код за шапку выглядит по другому:
#header { clear: both; height: 120px; width: 100%; }измените значение height
Темы с аналогичным тегами Шапка сайта
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Изменить ШапкуАвтор Гость_leo-ji_* , 27 нояб. 2017 Шапка сайта, лето шаб и 4 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лазурь →
Изменение общей стилистики →
Тз. Изменение Шапки Сайта, Главной Страницы И Карточки Товара.Автор Гость_Svensson_* , 30 окт. 2017 Шапка сайта, главная страница и 2 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Пластик →
Изменение общей стилистики →
Как Поменять Шапку СайтаАвтор Гость_Rio_* , 16 февр. 2014 шапка сайта |
|
|||
Повышение продаж, продвижение →
Общие вопросы →
Здравствуйте, Установил Шапку На Сайт До Конца Он Не РастянулсяАвтор Гость_Андрей1233212_* , 22 марта 2013 Шапка сайта |
|
|||
Практика работы интернет магазина →
Магазины →
Реконструкция Главного Меню В Шапке СайтаАвтор Гость_new-tecs_* , 08 февр. 2013 шапка сайта, главное меню |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных