Перейти к содержимому


Уменьшить Шапку

Шапка сайта

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 Leonid19

Leonid19

    Пользователь

  • Пользователи
  • PipPip
  • 49 сообщений

Отправлено 12 Январь 2014 - 08:35

Здравствуйте, помогите уменьшить шапку сайта
Сейчас так: 1.jpg
Надо урезать верхушку, что бы получилось вот так: 1.jpg

#2 Alexey11

Alexey11

    Активный участник

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 12 Январь 2014 - 08:49

Просмотр сообщенияLeonid19 (12 Январь 2014 - 08:35) писал:

Здравствуйте, помогите уменьшить шапку сайта
Сейчас так: Прикрепленный файл 1.jpg
Надо урезать верхушку, что бы получилось вот так: Прикрепленный файл 1.jpg
Найдите данный блок кода в шаблоне 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 Leonid19

Leonid19

    Пользователь

  • Пользователи
  • PipPip
  • 49 сообщений

Отправлено 12 Январь 2014 - 08:55

Всё получилось! Огромное вам спасибо!

#4 ooosik

ooosik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 113 сообщений

Отправлено 13 Февраль 2014 - 12:22

хотели тоже уменьшить шапку но у нас нет такого блока;
найдите данный блок:
#header .contacts {
float: right;
margin-top: 30px;
}
замените на
#header .contacts {
float: right;
margin-top: 2px;
}

#5 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 13 Февраль 2014 - 12:54

Просмотр сообщенияooosik (13 Февраль 2014 - 12:22) писал:

хотели тоже уменьшить шапку но у нас нет такого блока;
найдите данный блок:
#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 ooosik

ooosik

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 113 сообщений

Отправлено 15 Февраль 2014 - 12:13

Спасибо получилось

#7 Евгений85

Евгений85

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 17 Февраль 2014 - 23:51

Просмотр сообщенияCastiel (13 Февраль 2014 - 12:54) писал:

Здравствуйте, для вашего сайта максимум можно уменьшить шапку на 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;
}
Тоже проблема с изменением шапки сайта, никак немогу найти эти строчки.Подскажите опжалуйста как я могу это сделать? Тема Пластик.Спасибо

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 18 Февраль 2014 - 04:54

В шаблоне Пластик код за шапку выглядит по другому:
#header {
	clear: both;
	height: 120px;
	width: 100%;
}
измените значение height





Темы с аналогичным тегами Шапка сайта

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных