Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Как поставить фоновое изображение в шапку и как сделать Картинку со ссылками


rassigor
 Поделиться

Рекомендованные сообщения

Привет, с PHP только начинаю работать, до этого 1С программистом 10 лет проработал. Возникают глупые вопросы)) 

1) Как поставить фоновое изображение в шапку, где корзина?

 

2)Хочу на главное странице после горизонтального меню, сделать Картинку, на которой будут ссылки, на меню. Подскажите как это сделать можно?

Типа как вот здесь http://mennen.ru/, только у меня будет и левое и верхнее меню, а картинка просто в середине. 

 

Снимок.JPG

222.JPG

Ссылка на комментарий
Поделиться на других сайтах


Для первой задачи добавить в хидер свой дивчик,в стилях прикрутить к нему бэкграунд.А по второй думаю обычный банер не подойтёт.Здесь ,как вариант вывести это модулем HTML (тот что в опенкарте по-умолчанию).

Ссылка на комментарий
Поделиться на других сайтах

6 минут назад, Tom сказал:

Для первой задачи добавить в хидер свой дивчик,в стилях прикрутить к нему бэкграунд.А по второй думаю обычный банер не подойтёт.Здесь ,как вариант вывести это модулем HTML (тот что в опенкарте по-умолчанию).

 

у меня шаблон Unishop 

 

header {
 background: url(image/catalog/images/grass-346644_640.png) no-repeat top center;
}

Вот так сделал 

 

Однако картинка не там где надо, как ее выше поднять? 

 

Снимок.JPG

Ссылка на комментарий
Поделиться на других сайтах


7 минут назад, Tom сказал:

Для первой задачи добавить в хидер свой дивчик,в стилях прикрутить к нему бэкграунд.А по второй думаю обычный банер не подойтёт.Здесь ,как вариант вывести это модулем HTML (тот что в опенкарте по-умолчанию).

 

Можешь дать наметки куда копать? как это сделать примерно?

Ссылка на комментарий
Поделиться на других сайтах


Картинка на скрине ниже блока меню расположена.А нужно див этот выше блока в котором лого,поиск и корзина....

Ссылка на комментарий
Поделиться на других сайтах

7 минут назад, jaffagold сказал:
 
  Скрыть контент

 

header .container:first-of-type {
  1. background: green;
}

 

Что-то типа того. Бэкграунд для примера.

Беграунд сработал, а картинку как вставить? за место беграунда - УРЛ подставить?

Ссылка на комментарий
Поделиться на других сайтах


Давайте попробуем так: залейте одним цветом, как у меня в примере, прокатит?

Скрытый текст

green-grass.thumb.jpg.3867c223bc285b9b68957b76c2b4f2fa.jpg

 

Изменено пользователем jaffagold
Ссылка на комментарий
Поделиться на других сайтах


Скрытый текст

green-grass-2.thumb.jpg.553e9018dc67ddb285c007dbf4908044.jpg

Но только путь к вашей картинке, мне на демку пришлось из интернета тянуть

и, скорее всего, надо вставить в начале url  / 

url(/image/catalog/

Изменено пользователем jaffagold
Ссылка на комментарий
Поделиться на других сайтах


15 минут назад, jaffagold сказал:
  Скрыть контент

green-grass-2.thumb.jpg.553e9018dc67ddb285c007dbf4908044.jpg

Но только путь к вашей картинке, мне на демку пришлось из интернета тянуть

и, скорее всего, надо вставить в начале url  / 

url(/image/catalog/

Как ты это сделал? 

Дай код, это то что надо.

 

Картинка это для примера, но может и ее оставлю

Ссылка на комментарий
Поделиться на других сайтах


Раз первая задача частично реализовалась, давай посмотрим как вот такой сделать

 

http://mennen.ru/

 

Как я вижу

1)Нарисовать цельную картинку, вставить в блок HTML, в котором для каждой области сделать свою ссылку - когда будет нажиматься ссылка будет переход на другую страницу.  - Минусы - возможно она будет большая и будет грузить канал

2)Сделать на HTML - коде - незнаю как

3)Сделать типо презентации в Prezi или power point и встроить ее в Html 

http://www.ispring.ru/articles/how-to-insert-your-html5-presentation-into-a-website-or-blog-ru.html

 

И вопрос по эффекту как в Прези - когда на сайте нажимаешь сразу переход на другую часть, это спомощью скриптов? ламер как я в Дримвивере такое сможет сделать?

Изменено пользователем rassigor
Ссылка на комментарий
Поделиться на других сайтах


Не, брат, извини, за тебя эту тему я пилить не буду.

Тот код, что я писал- виден на картинке в нижней секции правой стороне 

Ссылка на комментарий
Поделиться на других сайтах


Только что, jaffagold сказал:

Не, брат, извини, за тебя эту тему я пилить не буду.

Тот код, что я писал- виден на картинке в нижней секции правой стороне 

Лан спасиб на этом, далее сам. 

 

А насчет сайта менен? Пока нашел прикольную библиотеку  Reveal.js.

которое многое что позволяет делать в плане оформления

Ссылка на комментарий
Поделиться на других сайтах


16 минут назад, jaffagold сказал:

Не, брат, извини, за тебя эту тему я пилить не буду.

Тот код, что я писал- виден на картинке в нижней секции правой стороне 

Какие то странности творятся.

Кеш обновлял несколько раз. 

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

вот мой код 

 

header .container:first-of-type {
 background: url(image/catalog/images/grass-346644_640.png) ;
}

 

Снимок.JPG

Снимок3.JPG

Изменено пользователем rassigor
Ссылка на комментарий
Поделиться на других сайтах


Вот файлик скачал. По идее можно дернуть код из странички Index и вствить в Мой Код Html, только я не совсем понел в какую папку ложить это все папки? Код Html он из какой запускается? как пути настроить?

Презентация.rar

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.