1
Изменение Цвета Шапки
Автор Maksimov, 27 марта 2015 22:12
Сообщений в теме: 7
#1
Отправлено 27 Март 2015 - 22:12
Здравствуйте,подскажите пожалуйста,как изменить цвет полосы в шапке сайта на бирюзовый (та полоса,на которой находятся меню и логотип)
#2
Отправлено 27 Март 2015 - 22:53
всегда пишите номер акаунта для модераторов, если хотите чтоб помогли ребята с форума прикрепляйте и ссылку на сайт и скрин где и как поменять.
#4
Отправлено 28 Март 2015 - 00:14
Maksim3544 (27 Март 2015 - 22:12) писал:
Здравствуйте,подскажите пожалуйста,как изменить цвет полосы в шапке сайта на бирюзовый (та полоса,на которой находятся меню и логотип)
Найдите в файле стилей 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
Отправлено 30 Март 2015 - 09:07
kislovodchanin (28 Март 2015 - 00:14) писал:
Загрузите нужное вам изображение на сайт, сохраните его под именем header-top-bg скопируйте его ссылку.
Найдите в файле стилей css данный код.
Измените его как вам нужно, а именно, где #fafafa задайте свой цвет. или же вставьте полученную ссылку туда где {ASSETS_IMAGES_PATH}header-top-bg.png
P.S.
А вообще я бы не советовал Вам сильно измываться над "Осенью" он и так великолепный шаблон, с минимальными перестроениями и добавлениями
ИМХО.
Найдите в файле стилей 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.
А вообще я бы не советовал Вам сильно измываться над "Осенью" он и так великолепный шаблон, с минимальными перестроениями и добавлениями
ИМХО.
#6
Отправлено 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;}Видим результат...
КАК ВЫ ХОТЕЛИ Бирюзовая!
Меняю цвет в 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}
тот фон что стоит по умолчанию
Секунда делов и цвет шапки поменян.
Мой Вам совет, откатитесь на на исходное состояние шаблона.
#7
Отправлено 30 Март 2015 - 09:36
Maksim3544 (30 Март 2015 - 09:07) писал:
Ни чего не получилось,и новый файл загружал,и имеющийся файл header-top-bg.png заменял,и #fafafa заменял на #00FFFF,но шапка так и осталась белой
В style.css найдите код
#header-fluid { background: #FFFFFF !important; }и замените цвет #FFFFFF(белый) на свой
#8
Отправлено 30 Март 2015 - 09:45
kislovodchanin (30 Март 2015 - 09:34) писал:
Откатите свой шаблон на исходное состояние и попробуйте снова.
Я данной конструкцией
Вот Вам пример.
меняю цвет в css на #00FFFF
КАК ВЫ ХОТЕЛИ Бирюзовая!
лиловая.png
Меняю цвет в css обратно на #fafafa
видим другой результат.
тот фон что стоит по умолчанию
Снова белая..png
Секунда делов и цвет шапки поменян.
Мой Вам совет, откатитесь на на исходное состояние шаблона.
Я данной конструкцией
#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 найдите код
В style.css найдите код
#header-fluid { background: #FFFFFF !important; }и замените цвет #FFFFFF(белый) на свой
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных