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


Изменения В Шапке, Шрифты И Цвета

Автор SetMex, 16 нояб. 2013 18:18
шапка меню шрифты цвета

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

#41 Castiel

Castiel

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

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

Отправлено 26 Февраль 2014 - 21:09

Просмотр сообщенияGalla (26 Февраль 2014 - 21:02) писал:

Я тут и вставила этот шрифт.....Под логотипом.
Такой же хочется в п.1 и п.2

п. 1 Главная Корзина   Каталог ДОставка и т.д....

Находим
#megamenu {
position: absolute;
height: 54px;
top: 90px;
left: 238px;
}

Заменяем на
#megamenu {
position: absolute;
height: 54px;
top: 90px;
left: 238px;
font-family:  "Comic Sans MS",cursive,sant-serif;
}

#42 Alexey11

Alexey11

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

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

Отправлено 26 Февраль 2014 - 21:09

Просмотр сообщенияGalla (26 Февраль 2014 - 21:02) писал:

Я тут и вставила этот шрифт.....Под логотипом.
Такой же хочется в п.1 и п.2

п. 1 Главная Корзина   Каталог ДОставка и т.д....
Найдите данный блок кода в шаблоне style.css

#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:11px; text-decoration: none;}

замените его на:

#megamenu li .root_link{color:#666666;text-transform:uppercase; text-decoration: none; font: normal 12px "Comic Sans MS",cursive,sant-serif;}

#43 Galla

Galla

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

  • Пользователи
  • PipPip
  • 41 сообщений
  • ГородМосква

Отправлено 26 Февраль 2014 - 21:37

Волшебники!!!!! СПС!!!!
а в каталоге, который под слайдером?

#44 Vaccina

Vaccina

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

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

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

В style.css найдите примерно сл.код:
.accordion a, .accordion_main a {
border-bottom: 1px solid #EEECE7;
cursor: pointer;
display: block;
font-family: font-family;
font-size: 13px;
font-weight: 700;
padding: 8px 10px 8px 0;
text-decoration: none;
text-transform: uppercase;
}
замените на:
.accordion a, .accordion_main a {
border-bottom: 1px solid #EEECE7;
cursor: pointer;
display: block;
font: normal 12px "Comic Sans MS",cursive,sant-serif;
padding: 8px 10px 8px 0;
text-decoration: none;
text-transform: uppercase;
}

#45 Galla

Galla

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

  • Пользователи
  • PipPip
  • 41 сообщений
  • ГородМосква

Отправлено 27 Февраль 2014 - 21:48

Доброго вечера!
Не получилось , все сдвинулось куда-то....((((

#46 Castiel

Castiel

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

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

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

Просмотр сообщенияGalla (27 Февраль 2014 - 21:48) писал:

Доброго вечера!
Не получилось , все сдвинулось куда-то....((((

Редактируем style.css
Находим
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
font-family: font-family;
}

Заменяем на
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
font-family: Comic Sans MS;
}

#47 Galla

Galla

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

  • Пользователи
  • PipPip
  • 41 сообщений
  • ГородМосква

Отправлено 16 Март 2014 - 19:14

Все получилось! СПАСИБО)))

#48 Mari-ina

Mari-ina

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

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

Отправлено 18 Март 2014 - 22:55

Здравствуйте. Подскажите как уменьшить шапку, чтобы она стала на ширину логотипа + строка. Логотип 138*75
Аккаунт SL-277656

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

  • 1.png

#49 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 18 Март 2014 - 23:25

Просмотр сообщенияMari-ina (18 Март 2014 - 22:55) писал:

Здравствуйте. Подскажите как уменьшить шапку, чтобы она стала на ширину логотипа + строка. Логотип 138*75
Аккаунт SL-277656
в шаблоне style.css найдите
#header-right{float:right;height: 140px;position: relative; z-index:20;margin-right: 10px;}
замените на
#header-right{float:right;height: 140px;position: relative; z-index:20;margin-right: 10px;margin-top: -35px;}

далее найдите
#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: 5px;width:210px;z-index:30;margin-left: 10px;}

теперь найдите
#megamenu{position: relative;clear: both;left: 15px;}
замените на
#megamenu{position: relative;clear: both;left: 15px;top: -20px;}

#50 Mari-ina

Mari-ina

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

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

Отправлено 19 Март 2014 - 07:05

Спасибо. Сверху все получилось,но почему -то увеличилось расстояние под строкой до края шапки. Как его уменьшить?

#51 Castiel

Castiel

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

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

Отправлено 19 Март 2014 - 13:56

Просмотр сообщенияMari-ina (19 Март 2014 - 07:05) писал:

Спасибо. Сверху все получилось,но почему -то увеличилось расстояние под строкой до края шапки. Как его уменьшить?


Здравствуйте, уточните пожалуйста на скриншоте про какое расстояние идет речь.

#52 Mari-ina

Mari-ina

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

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

Отправлено 19 Март 2014 - 18:58

Просмотр сообщенияCastiel (19 Март 2014 - 13:56) писал:

Здравствуйте, уточните пожалуйста на скриншоте про какое расстояние идет речь.

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

  • 1.png

#53 Castiel

Castiel

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

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

Отправлено 19 Март 2014 - 19:11

Просмотр сообщенияMari-ina (19 Март 2014 - 18:58) писал:


Редактируем main.css
#header {
position: relative;
clear: both;
}

Заменяем на
#header {
position: relative;
clear: both;
height: 113px;
}

#54 Mari-ina

Mari-ina

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

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

Отправлено 19 Март 2014 - 19:35

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

#55 fredshka

fredshka

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

  • Пользователи
  • PipPipPipPip
  • 241 сообщений
  • ГородМосква

Отправлено 20 Март 2014 - 15:36

Здравствуйте, помогите пожалуйста сделать так, как на картинке! Сайт: впостельке.рф

идеале бы еще рядом с номерами поставить иконки телефонов.. Не подскажите как это сделать?

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

  • такнадо.jpg

#56 Castiel

Castiel

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

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

Отправлено 20 Март 2014 - 15:57

Просмотр сообщенияfredshka (20 Март 2014 - 15:36) писал:

Здравствуйте, помогите пожалуйста сделать так, как на картинке! Сайт: впостельке.рф

идеале бы еще рядом с номерами поставить иконки телефонов.. Не подскажите как это сделать?

Здравствуйте, контакты в шапке   <div id="header-right">
Редактируем style.css
Добавляем данный код перед
<!-- Контактный телефон -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			  <div class="contacts">
			  <a href="#" style="color:#000; font-size:18px;">Контакты</a>
				<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				  <!-- Первый контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER1}
					</a>
				  {% ENDIF %}
				  <!-- Второй контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					<br />
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
					<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER2}
					</a>
				  {% ENDIF %}
   
				  <!-- Третий контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					<br />
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER3}
					</a>
				  {% ENDIF %}
				 
				</div>
			   
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
					{SETTINGS_STORE_WORK_TIME}
				  </div>
				{% ENDIF %}
				<!-- Контакт Skype -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				{% ENDIF %}
				<!-- Номер ICQ на сайте -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="clear"></div>
				  <div class="icq-number left">
					<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span>{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
   
				<div class="clear"></div>
			  </div>
			{% ENDIF %}

Если вы не хотите отображать контакты в подвале, то находим и удаляем
	   <!-- Контактный телефон -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			  <div class="contacts">
				<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				  <!-- Первый контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER1}
					</a>
				  {% ENDIF %}
				  <!-- Второй контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					<br />
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
					<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER2}
					</a>
				  {% ENDIF %}
   
				  <!-- Третий контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					<br />
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER3}
					</a>
				  {% ENDIF %}
				 
				</div>
			   
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
					{SETTINGS_STORE_WORK_TIME}
				  </div>
				{% ENDIF %}
				<!-- Контакт Skype -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				{% ENDIF %}
				<!-- Номер ICQ на сайте -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="clear"></div>
				  <div class="icq-number left">
					<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span>{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
   
				<div class="clear"></div>
			  </div>
			{% ENDIF %}

#57 fredshka

fredshka

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

  • Пользователи
  • PipPipPipPip
  • 241 сообщений
  • ГородМосква

Отправлено 20 Март 2014 - 16:06

Хотелось бы что контакте в подвале остались! Но только они какие то кривые стали, можно их по центру выравнять?

Вопрос со слайдером и меню слева от него - открыт! Помогите, пожалуйста!

Еще я похоже удалил главную страницу.. как ее восстановить??

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

#58 Castiel

Castiel

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

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

Отправлено 20 Март 2014 - 16:19

Просмотр сообщенияfredshka (20 Март 2014 - 16:06) писал:

Хотелось бы что контакте в подвале остались! Но только они какие то кривые стали, можно их по центру выравнять?

Вопрос со слайдером и меню слева от него - открыт! Помогите, пожалуйста!

Еще я похоже удалил главную страницу.. как ее восстановить??

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



Здравствуйте, внесли все необходимые изменения на вашем сайте для слайдера и контактов.

Если вы удалили главную страницу, заходим в раздел Сайт - Страницы и добавляем новую страницу, называем ее Главной. Затем в разделе Сайт - Главная страница выбираем ее в качестве главной.

Для того чтобы отображались товары на главной, вам необходимо добавить товары в разделе Товары - Товары в категорию "Товары на главной", "Новинки", "Хиты продаж"

#59 fredshka

fredshka

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

  • Пользователи
  • PipPipPipPip
  • 241 сообщений
  • ГородМосква

Отправлено 20 Март 2014 - 16:24

Огромное спасибо за помощь! Вы гениальны!!!!!!!

А можно немного слайдер влево подвинуть? Как на картинке?

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

  • слайдервсево.jpg

#60 Castiel

Castiel

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

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

Отправлено 20 Март 2014 - 16:34

Просмотр сообщенияfredshka (20 Март 2014 - 16:24) писал:

Огромное спасибо за помощь! Вы гениальны!!!!!!!

А можно немного слайдер влево подвинуть? Как на картинке?

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

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

  • pic68.jpg

Обратно в Изменение общей стилистики



Темы с аналогичным тегами шапка меню, шрифты, цвета

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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Осень
  5. → Изменение общей стилистики
  6. Privacy Policy