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


Изменение Цвета Шапки


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

#1 Maksimov

Maksimov

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

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

Отправлено 27 Март 2015 - 22:12

Здравствуйте,подскажите пожалуйста,как изменить цвет полосы в шапке сайта на бирюзовый (та полоса,на которой находятся меню и логотип)

#2 Эбболка

Эбболка

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

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

Отправлено 27 Март 2015 - 22:53

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

#3 Maksimov

Maksimov

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

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

Отправлено 27 Март 2015 - 23:01

http://visla.storeland.ru/

#4 kislovodchanin

kislovodchanin

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

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородКисловодск

Отправлено 28 Март 2015 - 00:14

Просмотр сообщенияMaksim3544 (27 Март 2015 - 22:12) писал:

Здравствуйте,подскажите пожалуйста,как изменить цвет полосы в шапке сайта на бирюзовый (та полоса,на которой находятся меню и логотип)
Загрузите нужное вам изображение на сайт, сохраните его под именем header-top-bg скопируйте его ссылку.

Найдите в файле стилей css данный код.
#header-fluid{position:relative;background: #fafafa url('{ASSETS_IMAGES_PATH}header-top-bg.png') 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}

Измените его как вам нужно, а именно, где #fafafa задайте свой цвет. или же вставьте полученную ссылку туда где {ASSETS_IMAGES_PATH}header-top-bg.png


P.S.
А вообще я бы не советовал Вам сильно измываться над "Осенью" он и так великолепный шаблон, с минимальными перестроениями и добавлениями
ИМХО.

#5 Maksimov

Maksimov

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

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

Отправлено 30 Март 2015 - 09:07

Просмотр сообщенияkislovodchanin (28 Март 2015 - 00:14) писал:

Загрузите нужное вам изображение на сайт, сохраните его под именем header-top-bg скопируйте его ссылку.

Найдите в файле стилей css данный код.
#header-fluid{position:relative;background: #fafafa url('{ASSETS_IMAGES_PATH}header-top-bg.png') 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}

Измените его как вам нужно, а именно, где #fafafa задайте свой цвет. или же вставьте полученную ссылку туда где {ASSETS_IMAGES_PATH}header-top-bg.png


P.S.
А вообще я бы не советовал Вам сильно измываться над "Осенью" он и так великолепный шаблон, с минимальными перестроениями и добавлениями
ИМХО.
Ни чего не получилось,и новый файл загружал,и имеющийся файл header-top-bg.png заменял,и #fafafa заменял на #00FFFF,но шапка так и осталась белой

#6 kislovodchanin

kislovodchanin

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

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородКисловодск

Отправлено 30 Март 2015 - 09:34

Просмотр сообщенияMaksim3544 (30 Март 2015 - 09:07) писал:

Ни чего не получилось,и новый файл загружал,и имеющийся файл header-top-bg.png заменял,и #fafafa заменял на #00FFFF,но шапка так и осталась белой

Откатите свой шаблон на исходное состояние и попробуйте снова.
Я данной конструкцией
#header-fluid{position:relative;background: #fafafa url('{ASSETS_IMAGES_PATH}header-top-bg.png') 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}
Меняю цвет шапки в два движения.
Вот Вам пример.
меняю цвет в css на #00FFFF
#header-fluid{position:relative;background: #00FFFF url('{ASSETS_IMAGES_PATH}header-top-bg.png') 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;}
Видим результат...
КАК ВЫ ХОТЕЛИ Бирюзовая!

лиловая.png

Меняю цвет в css обратно на #fafafa
видим другой результат.

#header-fluid{position:relative;background: #fafafa url('{ASSETS_IMAGES_PATH}header-top-bg.png') 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}

тот фон что стоит по умолчанию
Снова белая..png

Секунда делов и цвет шапки поменян.
Мой Вам совет, откатитесь на на исходное состояние шаблона.

#7 Danil

Danil

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

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

Отправлено 30 Март 2015 - 09:36

Просмотр сообщенияMaksim3544 (30 Март 2015 - 09:07) писал:

Ни чего не получилось,и новый файл загружал,и имеющийся файл header-top-bg.png заменял,и #fafafa заменял на #00FFFF,но шапка так и осталась белой
Здравствуйте.
В style.css найдите код
#header-fluid {
  background: #FFFFFF !important;
}
и замените цвет #FFFFFF(белый) на свой

#8 Maksimov

Maksimov

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

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

Отправлено 30 Март 2015 - 09:45

Просмотр сообщенияkislovodchanin (30 Март 2015 - 09:34) писал:

Откатите свой шаблон на исходное состояние и попробуйте снова.
Я данной конструкцией
#header-fluid{position:relative;background: #fafafa url('{ASSETS_IMAGES_PATH}header-top-bg.png') 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}
Меняю цвет шапки в два движения.
Вот Вам пример.
меняю цвет в css на #00FFFF
#header-fluid{position:relative;background: #00FFFF url('{ASSETS_IMAGES_PATH}header-top-bg.png') 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;}
Видим результат...
КАК ВЫ ХОТЕЛИ Бирюзовая!

Прикрепленный файл лиловая.png

Меняю цвет в css обратно на #fafafa
видим другой результат.

#header-fluid{position:relative;background: #fafafa url('{ASSETS_IMAGES_PATH}header-top-bg.png') 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}

тот фон что стоит по умолчанию
Прикрепленный файл Снова белая..png

Секунда делов и цвет шапки поменян.
Мой Вам совет, откатитесь на на исходное состояние шаблона.
Попробовал на новом магазине,работает,спасибо.Но не хочется откатывать всё заново,хотелось бы именно в этом состоянии изменить

Просмотр сообщенияDanil (30 Март 2015 - 09:36) писал:

Здравствуйте.
В style.css найдите код
#header-fluid {
background: #FFFFFF !important;
}
и замените цвет #FFFFFF(белый) на свой
Спасибо,теперь поменялся!




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

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