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

[rassigor]

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

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

 

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

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

 

[Tom]

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

[rassigor]

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

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

 

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

 

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

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

 

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

 

[rassigor]

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

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

 

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

[Tom]

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

[jaffagold]

 

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

 

header .container:first-of-type {

1. background: green;

}

 

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

[rassigor]

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

 

  Скрыть контент

 

header .container:first-of-type {

1. background: green;

}

 

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

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

[rassigor]

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

 

Вот так не прокатило, нечего не вывел

[jaffagold]

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

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

 

Змінено 5 березня 2017 користувачем jaffagold

[rassigor]

 

Фон встал, теперь надо с картинкой сделать.

Змінено 5 березня 2017 користувачем rassigor

[jaffagold]

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

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

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

url(/image/catalog/

Змінено 5 березня 2017 користувачем jaffagold

[rassigor]

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

  Скрыть контент

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

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

url(/image/catalog/

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

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

 

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

[rassigor]

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

 

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

 

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

Змінено 5 березня 2017 користувачем rassigor

[jaffagold]

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

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

[rassigor]

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

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

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

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

 

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

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

[rassigor]

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

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

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

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

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

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

вот мой код 

 

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

 

Змінено 5 березня 2017 користувачем rassigor

[rassigor]

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

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