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


Шапка Сайта


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

#1 Alonki

Alonki

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

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

Отправлено 28 Ноябрь 2013 - 08:57

Добрый день!
Сам магазин - http://gig-stroy.storeland.ru/
Подскажите пожалуйста по ряду вопросов:
1. Поменял фон сайта всего. Сейчас хочу поменять шапку, а ничего не выходит... залил файл шапки, а она не появилась... и как появившуюся шапку растянуть на всю ширину?
2. Как убрать из шапки:
   а) логотип вообще (у меня шапка будет уже с ним)
   б) Телефон
   в) Время рабты
3. Как изменить главное меню:
   а) центровать его по середине страницы
   б) изменить его внешний вид (заливку фона)
Изображение
Мне кажется или она правда дублируется. Как это исправить?

4. Как добавить левее от каталога изображение...
Изображение

Вот как на рисунке примерно этом
Изображение

Как вариант конечно использовать баннер))))
Но я и баннер не умею прикручивать((((

У меня установлен слайдер. мне надо уменьшить как-то изображение по ширине... ну очень уж оно широкое

Надеюсь на Вашу помощь.

Сообщение отредактировал Alonki: 28 Ноябрь 2013 - 13:29


#2 Castiel

Castiel

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

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

Отправлено 28 Ноябрь 2013 - 18:10

1. Дайте ссылку на вашу новую шапку
2. Удаляем из шапки контакты

Находим и удаляем в шаблоне HTML
<!-- Контакты -->
	 <div id="contactInfo">
	 <table>
		 <tr>
		 <td class="contactInfoContent">
			 <table>
			 <!-- Первый контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <tr>
				 <td class="contentTableHeadMainPhone">
					 <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER1}
				 </td>
				 </tr>
			 {% ENDIF %}
			 <!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <tr>
				 <td class="contentTableHeadMainPhone">
					 <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
				 </td>
				 </tr>
			 {% ENDIF %}
			 <!-- Третий контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <tr>
				 <td class="contentTableHeadMainPhone">
					 <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
				 </td>
				 </tr>
			 {% ENDIF %}
			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <tr>
				 <td class="contentTableHeadMainWorkTime">
					 {SETTINGS_STORE_WORK_TIME}
				 </td>
				 </tr>
			 {% ENDIF %}
			
			 <!-- Skype номер -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <tr>
				 <td class="contentTableHeadMainSkype">
					 <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				 </td>
				 </tr>
			 {% ENDIF %}
			
			 <!-- ICQ номер -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <tr>
				 <td class="contentTableHeadMainIcq">
					 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
					 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				 </td>
				 </tr>
			 {% ENDIF %}
			 </table>
		 </td>
		 </tr>
	 </table>
	 </div>
	 <!-- end Контакты -->

3. Для того чтобы ваше меню всегда было по центру, редактируем main.js в конце добавьте
$(document).ready(function(){
left = $('#header').width()/2 - $('#header #mainNav').width()/2;
$('#header #mainNav').css('left',left+'px');
});


#3 Alonki

Alonki

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

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

Отправлено 29 Ноябрь 2013 - 08:19

1) http://st.storeland....2/header_bg.png
2) Меню не централизовалось(((((((

#4 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 29 Ноябрь 2013 - 08:41

Просмотр сообщенияAlonki (29 Ноябрь 2013 - 08:19) писал:

1) http://st.storeland....2/header_bg.png
2) Меню не централизовалось(((((((
Здравствуйте,
1. В фале main.css необходимо заменить
#headerWrap, #contentWrap {
background: none !important;
}
на
#contentWrap {
background: none !important;
}

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
на
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.png) repeat-x;}
Однако из-за небольшой ширины шапки будут видны стыки.
2. Уточните, пожалуйста, как Вы хотите расположить меню и корзину, который сейчас находятся на одной строке.

#5 Alonki

Alonki

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

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

Отправлено 29 Ноябрь 2013 - 09:10

Добрый день.
Все получилось спасибо.
Расположение меню и корзины как раз как надо)))
А как само меню менять цвет, картинку?

#6 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 29 Ноябрь 2013 - 09:17

Просмотр сообщенияAlonki (29 Ноябрь 2013 - 09:10) писал:

Добрый день.
Все получилось спасибо.
Расположение меню и корзины как раз как надо)))
А как само меню менять цвет, картинку?
В файле main.css в коде
#mainNav table td div a:link, #mainNav table td div a:visited {
display: block;
height: 26px;
color: #666;
padding: 4px 10px 0 10px;
background: url("http://gig-stroy.storeland.net/nav_item_bg.gif") repeat-x bottom left;
}
изменяйте параметр color для изменения цвета текста, а для фона - background (там можно установить либо свое изображение, либо какой-то цвет).

#7 Alonki

Alonki

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

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

Отправлено 02 Декабрь 2013 - 09:17

Подскажите почему у меня шапка двоится? разобрался убрал дублирование

Как теперь ее вернуть на исходные позиции по центру?
А то она съехала влево... ((((

Сообщение отредактировал Alonki: 02 Декабрь 2013 - 09:47


#8 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 02 Декабрь 2013 - 09:54

Просмотр сообщенияAlonki (02 Декабрь 2013 - 09:17) писал:

Подскажите почему у меня шапка двоится? разобрался убрал дублирование

Как теперь ее вернуть на исходные позиции по центру?
А то она съехала влево... ((((

Найдите код в main.css -
#headerWrap {
height: 200px;
background: url({ASSETS_IMAGES_PATH}header_bg.png) no-repeat;
}
и замените на -
#headerWrap {
height: 200px;
background: url({ASSETS_IMAGES_PATH}header_bg.png) no-repeat top;
}


#9 Alonki

Alonki

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

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

Отправлено 02 Декабрь 2013 - 10:15

Спасибище еще раз))))
Ну тогда уже последние несколько вопросов)))
Как опустить главное меню?
Как опустить корзину?
И где посмотреть можно примеры меню?
Вот я скачаю картинку например их, а кнопки кликабельны останутся?

Вот туда как на картинке
Изображение

Сообщение отредактировал Alonki: 02 Декабрь 2013 - 10:22


#10 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 02 Декабрь 2013 - 10:28

Просмотр сообщенияAlonki (02 Декабрь 2013 - 10:15) писал:

Спасибище еще раз))))
Ну тогда уже последние несколько вопросов)))
Как опустить главное меню?
И где посмотреть можно примеры меню?
Вот я скачаю картинку например их, а кнопки кликабельны останутся?
Здравствуйте, чтобы опустить меню замените в файле main.css
#header {
position: relative;
width: 960px;
height: 150px;
margin: 0 auto;
}
на
#header {
position: relative;
width: 960px;
height: 169px;
margin: 0 auto;
}

Примеры оформления магазинов, в том числе и меню, можно посмотреть, например, по ссылке http://storeland.ru/about/sample
Если Вы просто хотите поменять фон кнопок, то все останется кликабельно.

#11 Alonki

Alonki

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

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

Отправлено 02 Декабрь 2013 - 10:37

Просмотр сообщенияne_yana (02 Декабрь 2013 - 10:28) писал:

Здравствуйте, чтобы опустить меню замените в файле main.css
#header {
position: relative;
width: 960px;
height: 150px;
margin: 0 auto;
}
на
#header {
position: relative;
width: 960px;
height: 169px;
margin: 0 auto;
}

Примеры оформления магазинов, в том числе и меню, можно посмотреть, например, по ссылке http://storeland.ru/about/sample
Если Вы просто хотите поменять фон кнопок, то все останется кликабельно.

Так в том то и дело.. что я не знаю как мне понравившееся меню прикрутить и где можно его скопировать и как?

#12 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 02 Декабрь 2013 - 10:41

Просмотр сообщенияAlonki (02 Декабрь 2013 - 10:37) писал:

Так в том то и дело.. что я не знаю как мне понравившееся меню прикрутить и где можно его скопировать и как?
Приведите пример того меню, которые Вы хотите установить, например, ссылку на сайт, где оно есть. И мы сможем помочь Вам в его реализации.

#13 Alonki

Alonki

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

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

Отправлено 02 Декабрь 2013 - 10:48

Просмотр сообщенияne_yana (02 Декабрь 2013 - 10:41) писал:

Приведите пример того меню, которые Вы хотите установить, например, ссылку на сайт, где оно есть. И мы сможем помочь Вам в его реализации.

http://petkovich.ru/ вот мне нравится как сделано меню... мне бы его на то место где сейчас мое меню

#14 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 02 Декабрь 2013 - 11:40

Просмотр сообщенияAlonki (02 Декабрь 2013 - 10:48) писал:

http://petkovich.ru/ вот мне нравится как сделано меню... мне бы его на то место где сейчас мое меню
Это меню было разработано дизайнером и фоны для этого меню мы предоставить не можем. Для разработки подобного меню можно обратиться к http://storelandlab.ru/
Мы лишь сможем убрать фон, изменить размеры и шрифты, установить на фон изображение, если Вы предоставите свой вариант.




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

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