Мне нужно, чтобы картинка была слева от логотипа и в единичном экземпляре, остальное поле шапки в белом фоне. Как это можно реализовать?
3
Шапка Сайта. Фон
Автор oxigen, 21 апр. 2013 00:01
Сообщений в теме: 63
#1
oxigen
-
- Пользователи
-
- 33 сообщений
Пользователь
Отправлено 21 Апрель 2013 - 00:01
Почему то не нашла на форуме информации как менять фон шапки сайта. Точнее как в качестве фона залить картинку. Меняла в фотошопе файл header_bg.jpg. Но картинка в результате множится. Результат в прикрепленном файле.
Мне нужно, чтобы картинка была слева от логотипа и в единичном экземпляре, остальное поле шапки в белом фоне. Как это можно реализовать?
Мне нужно, чтобы картинка была слева от логотипа и в единичном экземпляре, остальное поле шапки в белом фоне. Как это можно реализовать?
#2
мистка
-
- Пользователи
-
- 2 435 сообщений
Активный участник
- ГородМосква
Отправлено 21 Апрель 2013 - 00:16
header_bg.png
#3
oxigen
-
- Пользователи
-
- 33 сообщений
Пользователь
Отправлено 21 Апрель 2013 - 00:30
мистка (21 Апрель 2013 - 00:16) писал:
header_bg.png
Меняла то, что было изначально (jpg) Пробовала и png, но тогда вообще шапка пропадает.
#4
Taisia
-
- Модератоpы
-
- 1 289 сообщений
Активный участник
Отправлено 21 Апрель 2013 - 13:28
Не надо ничего делать в фотошопе ))
Надо добавить рядом с лого блок div и стили в main.css
загрузите на сайт вашу картинку вишенки
блок <div> вставьте сразу после (в файле HTML)
вот такой блок
а в main.css в конце файла добавьте
меняйте параметры что бы двигать вашу картинку
left: -139px; - сдвиг влево
top: 9px; - сдвиг вверх
Надо добавить рядом с лого блок div и стили в main.css
загрузите на сайт вашу картинку вишенки
блок <div> вставьте сразу после (в файле HTML)
<div id="header">
вот такой блок
<div class="cherry"><img src="тут ссылка на вашу картинку вишенки"></div>
а в main.css в конце файла добавьте
.cherry {position: absolute; left: -139px; top: 9px; z-index: 100;}
меняйте параметры что бы двигать вашу картинку
left: -139px; - сдвиг влево
top: 9px; - сдвиг вверх
#5
oxigen
-
- Пользователи
-
- 33 сообщений
Пользователь
Отправлено 21 Апрель 2013 - 14:51
Taisia (21 Апрель 2013 - 13:28) писал:
Не надо ничего делать в фотошопе ))
Надо добавить рядом с лого блок div и стили в main.css
загрузите на сайт вашу картинку вишенки
блок <div> вставьте сразу после (в файле HTML)
вот такой блок
а в main.css в конце файла добавьте
меняйте параметры что бы двигать вашу картинку
left: -139px; - сдвиг влево
top: 9px; - сдвиг вверх
Надо добавить рядом с лого блок div и стили в main.css
загрузите на сайт вашу картинку вишенки
блок <div> вставьте сразу после (в файле HTML)
<div id="header">
вот такой блок
<div class="cherry"><img src="тут ссылка на вашу картинку вишенки"></div>
а в main.css в конце файла добавьте
.cherry {position: absolute; left: -139px; top: 9px; z-index: 100;}
меняйте параметры что бы двигать вашу картинку
left: -139px; - сдвиг влево
top: 9px; - сдвиг вверх
Сделала так. Но картинка не появляется
#6
Taisia
-
- Модератоpы
-
- 1 289 сообщений
Активный участник
Отправлено 21 Апрель 2013 - 15:04
Taisia (21 Апрель 2013 - 13:28) писал:
загрузите на сайт вашу картинку вишенки
у вас стоит такая ссылка на картинку http://yadi.sk/d/6csanKvT4Dbyt
это ссылка на сторонний сайт
вам нужно сохранить это изображение и загрузить его через бэк-офис Сайт -Файлы-Добавить файл
и вставлять уже эту ссылку
но в данном случае дело даже не в ссылке на сторонний сайт а в самой ссылке - она не корректна и не ссылается непосредственно на само изображение
#7
oxigen
-
- Пользователи
-
- 33 сообщений
Пользователь
Отправлено 21 Апрель 2013 - 15:22
Получилось! Спасибо!
#8
oxigen
-
- Пользователи
-
- 33 сообщений
Пользователь
Отправлено 21 Апрель 2013 - 15:33
А может быть подскажете еще как сделать чтобы фон данной картинки не отличался от фона самой шапки, с логотипом такая же проблема - видны границы вставленной картинки
#9
Taisia
-
- Модератоpы
-
- 1 289 сообщений
Активный участник
Отправлено 21 Апрель 2013 - 15:39
вам в графическом редакторе надо удалить белый фон у картинки и сохранить ее без фона.
Либо в графическом редакторе залить фон точно таким же цветом как фон вашей шапки
Либо в графическом редакторе залить фон точно таким же цветом как фон вашей шапки
#10
Нагимуллин Рустам
-
- Пользователи
-
- 17 сообщений
Пользователь
Отправлено 29 Апрель 2013 - 12:13
Добрый день!
Поменял код, залил картинку на сайт, но почему-то изображение накладывается на страницы сверху, заслоняя все данные на сайте.
Подскажите, пожалуйста, что еще надо поменять/добавить в код, чтобы получить имеено фон?
Поменял код, залил картинку на сайт, но почему-то изображение накладывается на страницы сверху, заслоняя все данные на сайте.
Подскажите, пожалуйста, что еще надо поменять/добавить в код, чтобы получить имеено фон?
Прикрепленные изображения
#11
miyako
-
- Модератоpы
-
- 5 372 сообщений
Активный участник
Отправлено 29 Апрель 2013 - 13:10
Нагимуллин Рустам (29 Апрель 2013 - 12:13) писал:
Добрый день!
Поменял код, залил картинку на сайт, но почему-то изображение накладывается на страницы сверху, заслоняя все данные на сайте.
Подскажите, пожалуйста, что еще надо поменять/добавить в код, чтобы получить имеено фон?
Поменял код, залил картинку на сайт, но почему-то изображение накладывается на страницы сверху, заслоняя все данные на сайте.
Подскажите, пожалуйста, что еще надо поменять/добавить в код, чтобы получить имеено фон?
Вам нужно удалить изображение header-bg.jpg из раздела Сайт-Редактор тем-Файлы и вместо него вставить свое изображение с таким же названием и форматом.
#12
Нагимуллин Рустам
-
- Пользователи
-
- 17 сообщений
Пользователь
Отправлено 29 Апрель 2013 - 16:00
miyako (29 Апрель 2013 - 13:10) писал:
Вам нужно удалить изображение header-bg.jpg из раздела Сайт-Редактор тем-Файлы и вместо него вставить свое изображение с таким же названием и форматом.
спасибо! все так
#13
poznanskii
-
- Пользователи
-
- 65 сообщений
Продвинутый пользователь
Отправлено 20 Август 2013 - 16:31
Подскажите, как поменять фон на сайте на картинку, что бы она во время прокрутки оставалась не подвижной? сайт http://hobbimir39.ru/
Прикрепленные изображения
#15
poznanskii
-
- Пользователи
-
- 65 сообщений
Продвинутый пользователь
Отправлено 20 Август 2013 - 20:05
Stasya (20 Август 2013 - 19:47) писал:
Вам ответили здесь. Просьба не дублировать вопросы в разных темах.
#16
Stasya
-
- Модератоpы
-
- 4 007 сообщений
Активный участник
Отправлено 20 Август 2013 - 20:22
poznanskii (20 Август 2013 - 20:05) писал:
Это совсем не про то я спрашивал! Там вопрос про установка картинки в рамку авторизации! А здесь меня интересует, как установить картинку для общего фона сайта!!!
Там у Вас так же присутствует этот вопрос.
#17
Elif
-
- Пользователи
-
- 117 сообщений
Продвинутый пользователь
- ГородСтамбул
Отправлено 02 Январь 2014 - 11:26
Taisia (21 Апрель 2013 - 13:28) писал:
Не надо ничего делать в фотошопе ))
Надо добавить рядом с лого блок div и стили в main.css
загрузите на сайт вашу картинку вишенки
блок <div> вставьте сразу после (в файле HTML)
вот такой блок
а в main.css в конце файла добавьте
меняйте параметры что бы двигать вашу картинку
left: -139px; - сдвиг влево
top: 9px; - сдвиг вверх
Надо добавить рядом с лого блок div и стили в main.css
загрузите на сайт вашу картинку вишенки
блок <div> вставьте сразу после (в файле HTML)
<div id="header">
вот такой блок
<div class="cherry"><img src="тут ссылка на вашу картинку вишенки"></div>
а в main.css в конце файла добавьте
.cherry {position: absolute; left: -139px; top: 9px; z-index: 100;}
меняйте параметры что бы двигать вашу картинку
left: -139px; - сдвиг влево
top: 9px; - сдвиг вверх
Подскажите, как поменять фон шапки в шаблоне осень, этот код не сработал
#18
Alexey11
-
- Модератоpы
-
- 1 057 сообщений
Активный участник
- ГородНижний новгород
Отправлено 02 Январь 2014 - 11:40
Elif (02 Январь 2014 - 11:26) писал:
Подскажите, как поменять фон шапки в шаблоне осень, этот код не сработал
в шаблоне HTML найдите данный блок кода:
<div id="header-logo"><div class="cherry"><img src="images (8).jpg"></div>замените на
<div id="header-logo"><div class="cherry"><img src="{ASSETS_IMAGES_PATH}images (8).jpg"></div>
#19
Elif
-
- Пользователи
-
- 117 сообщений
Продвинутый пользователь
- ГородСтамбул
Отправлено 03 Январь 2014 - 14:15
Alexey11 (02 Январь 2014 - 11:40) писал:
в шаблоне HTML найдите данный блок кода:
<div id="header-logo"><div class="cherry"><img src="images (8).jpg"></div>замените на
<div id="header-logo"><div class="cherry"><img src="{ASSETS_IMAGES_PATH}images (8).jpg"></div>
Спасибо, еще подскажите какой размер фоновой картинки для шапки должен быть чтобы он как надо вписался в шапку, и еще что сделать чтобы эта картинка легла под логотип, контакты, корзину и прочее, а то сейчас картинка все собой закрывает...
#20
Castiel
-
- Модераторы
-
- 3 519 сообщений
Активный участник
- ГородНижний Новгород
Отправлено 04 Январь 2014 - 01:57
Elif (03 Январь 2014 - 14:15) писал:
Спасибо, еще подскажите какой размер фоновой картинки для шапки должен быть чтобы он как надо вписался в шапку, и еще что сделать чтобы эта картинка легла под логотип, контакты, корзину и прочее, а то сейчас картинка все собой закрывает...
Здравствуйте, редактируем шаблон HTML
Находим 45 строку и после <body> добавляем
<div id="header">Добавляем на 315 строке
</div>
Далее мы прописываем стили для шапки
Редактируем style.css
Находим 410 строку
#header{position:relative;clear: both;}
Добавляем в нее необходимый нам фон (картинку или цвет)
Как установить фон на сайт
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
