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


Шаблон Осень Шапка

главная шапка фон

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

#1 Dmitri

Dmitri

    Новичок

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

Отправлено 10 Октябрь 2015 - 16:36

Здравствуйте, несколько вопросов акаунт SL-356307

1) Пытался вставить фоновую картинку согласно рекомендациям форума но ничего не получается, картинка закрывает все меню (главная, контакты, корзину..) при попытке  добавить стиль в style.css
появляется 2 картинка, а первая все равно все закрывает. fon.png

2) Перенести меню : главная контакты и т.д наверх

3) После выключения слайдера осталась белая полоса можно ли ее убрать и видимо как то не так отключил т.к. верхний слайдер пропал но товары в категории новинки перестали меняться.

4) Блок "Режим работы" переделать что бы он был нормально передвигаемый, сейчас он прямо прописан в HTML 200 строчка.

5) Убрать логотип, сейчас при попытке его убрать все меню съезжает.

Прикрепленные изображения

  • menu.png


#2 Dmitri

Dmitri

    Новичок

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

Отправлено 13 Октябрь 2015 - 23:02

1

#3 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 15 Октябрь 2015 - 07:07

1. Вы вставили ее в структуру, а не фоном, в шаблоне HTML найдите и удалите:
<div class="verh"><img src="http://st.storeland.net/6/1746/514/header_bg70.jpg" > </div>

далее в style.css найдите:
#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') 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 {position: relative;clear: both;background: no-repeat; center;
}

замените на:
#header-fluid{
position:relative;
background: url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x, url('http://st.storeland.net/6/1746/514/header_bg70.jpg') no-repeat center 10px #F2F2F2;
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 {position: relative;clear: both;background: no-repeat;}

2. В style.css найдите:
#megamenu {
	position: absolute;
	height: 54px;
	top: 90px;
	left: 238px;
}
замените на:
#megamenu {
	position: absolute;
	height: 54px;
	top: 0;
	left: 0;
}

далее найдите:
#megamenu li.root_menu{padding:25px 8px 5px 8px;float:left;position:relative;}
замените на:
#megamenu li.root_menu {
	padding: 7px 8px 5px;
	float: left;
	position: relative;
}

далее найдите:
#megamenu li .root_link {
	color: #666;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
}
замените на:
#megamenu li .root_link {
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
}

3. В style.css найдите:
.flexslider {
	margin: 0px 0px 30px;
	background: #FFF;
	border: 4px solid #FFF;
	position: relative;
	border-radius: 4px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}
замените на:
.flexslider {
	margin: 0px 0px 30px;
	background: #FFF;
	border: 4px solid #FFF;
	position: relative;
	border-radius: 4px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	display: none;
}

4. В style.css найдите:
.contacts {
	display: inline-block;
	font-size: 12px;
	position: relative;
	float: right;
}
замените на:
.contacts {
	display: inline-block;
	font-size: 12px;
	position: relative;
	float: right;
	clear: both;
}

5. В 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: none;
	float: left;
	margin-top: 30px;
	width: 210px;
	z-index: 30;
	margin-left: 10px;
}

далее найдите:
#header {
	position: relative;
	clear: both;
	background: none ;
}
замените на:
#header {
	position: relative;
	clear: both;
	background: none;
	min-height: 170px;
}


#4 Dmitri

Dmitri

    Новичок

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

Отправлено 15 Октябрь 2015 - 12:51

Спасибо огромное, практически все получилось, осталось пара моментов

1) меню перенслось неверх хорошо, но 3 последних пункта не активны (контакты, корзина, войти в лк)

2) возвращаясь к 4 вопросу  В style.css .contacts  распространяет свое действие только на строчки телефон и время работы, а  на остальные нет, я так понимаю что они в разных div но не пойму как в один все это можно запихать.

#5 Firefly

Firefly

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

  • Модераторы
  • 3 750 сообщений

Отправлено 15 Октябрь 2015 - 13:41

Просмотр сообщенияDmitri (15 Октябрь 2015 - 12:51) писал:

Спасибо огромное, практически все получилось, осталось пара моментов

1) меню перенслось неверх хорошо, но 3 последних пункта не активны (контакты, корзина, войти в лк)

2) возвращаясь к 4 вопросу  В style.css .contacts  распространяет свое действие только на строчки телефон и время работы, а  на остальные нет, я так понимаю что они в разных div но не пойму как в один все это можно запихать.

Здравствуйте.
1. На данный момент проблем с пунктами меню у Вас не наблюдается. Все ссылки кликабельны и работают корректно. Попробуйте очистить кэш браузера комбинацией Ctrl+F5.
2. Если Вам необходимо изменить цвет шрифта у оставшихся строк в блоке (они заданы через теги h5) в style.css после
.contacts {color: #ffffff;display: inline-block;font-size: 12px;position: relative;float: right;clear: both;}

добавьте строку:
.contacts h5 {color: #fff;}
В которой измените при необходимости цвет #fff.

#6 Dmitri

Dmitri

    Новичок

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

Отправлено 15 Октябрь 2015 - 14:34

Спасибо, все так получилось.

#7 Dmitri

Dmitri

    Новичок

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

Отправлено 16 Октябрь 2015 - 19:27

Кстати может кому пригодиться, я писал что кнопки меню не активны, оказалось что у поля поиска значение z-index было больше чем у меню и поэтому блок поиска перекрывал кнопки меню и они были недоступны. Наблюдалось это на планшете и в Опере, IE такую проблему не замечал.

#8 maximkon89

maximkon89

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

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

Отправлено 31 Октябрь 2015 - 21:44

Помогите видоизменить шапку , на фото прилагаю как сейчас и как надо. Спасибо!

Прикрепленные изображения

  • ШАПКА 1.jpg
  • ШАПКА 2.jpg


#9 MikDark

MikDark

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

  • Модераторы
  • 6 394 сообщений

Отправлено 01 Ноябрь 2015 - 09:56

Просмотр сообщенияmaximkon89 (31 Октябрь 2015 - 21:44) писал:

Помогите видоизменить шапку , на фото прилагаю как сейчас и как надо. Спасибо!

В шаблоне HTML Вам нужно заменить код:
  <div><!-- Контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						  <div class="contacts">

на

  <div class="headblock"><!-- Контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						  <div class="contacts">

Далее в шаблоне 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;
	float: left;
	margin-top: 30px;
	width: 210px;
	z-index: 30;
	margin-left: 10px;
	float: left;
}
.headblock{float:left;width:300px;}





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

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