Jump to content

Recommended Posts

Здравствуйте Уважаемые! 

 

Есть следующая проблема "фон" на главной странице отображается идеально но при переходе на другие страницы с ним происходит какая-то кака :)

 

Скрины прилагаются. Как это вылечить?)

16159b5322.jpg

cc12f58b97.jpg

2ffbd40172.jpg

body {
    background: #ffffff url("/image/fon1.jpg");
    color: #000000;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}

Спасибо.

Share this post


Link to post
Share on other sites

Попробуйте добавить фон в div, а не в body прописывать

 

Что-то вроде этого:

#background {
z-index: -1 !important;
position: absolute !important;
top: 0px !important;
left: 0px !important;
width: 100% !important;
height: 100% !important;
background: transparent url("/image/space5.jpg") no-repeat scroll left top / cover !important;
}

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By magzhan9292
      1) Ищу модуль который меняет фон сайта из админки желательно бесплатный для любой версий Opencart-a. Заранее спасибо
      2) Второй модуль который ищу изменения меню из админки вот скрин http://prntscr.com/l3ikbk так же для любой версии opencart-a
    • By halfhope
      Скачать/Купить дополнение


      Менеджер фонов
      С 18.11.2016 модуль бесплатен, поддержка не предоставляется и модуль распространяется как есть. Поддержка предоставляется купившим модуль до 18.11.2016.
      В стоимость модуля входят исходные файлы административной панели и каталога, xml файлы vqmod, инструкция по установке модуля на двух языках. Скрипт миграции и файлы локализации (Русский/Английский). Покупается одним лицом на один магазин/мультимагазин.
      Дополнительная информация о модуле, инструкция по эксплуатации на http://oc.halfhope.ru/support/.
      Внимание: при возникновении ошибок присылайте код ошибки и АДРЕС МАГАЗИНА. Сообщения без адреса магазина будут игнорироваться. Адрес магазина можете прислать в личные сообщения. Для большинства работ потребуется FTP доступ и доступ в административную панель.
      Возможности:
      Возможность наследовать фон страницы товара от страницы категории, в которой он находится. Либо выбрать отдельный фон для товара (для отдельного фона товара есть отдельное платное дополнение, которое распространяется отдельно от модуля(100 рублей)).
      Возможность создавать анимацию фона по различным заготовкам (сниппетам).
      Живое редактирование шаблона. (Редактирование шаблона в реальном времени с мгновенным просмотром изменений)
      Гибкая настройка каждого элемента оформления созданного шаблона (тайлинг, выравнивание, цвет)
      Различные варианты шаблонов оформления ("Единый фон", "Фон страницы + контейнер", "Два боковых изображения + контейнер");
      Возможность фиксировать, растягивать, повторять фон страницы, контейнера и боковых изображений.
      Различные способы вставки генерированного css кода шаблона в код страницы (как файл, либо как текст).
      Возможность создавать шаблоны оформления и назначать их различным разделам (макетам), категориям , товарам Вашего магазина.
      Возможность вставлять data:base64 изображения (для уменьшения запросов к серверу).
      Возможность корректировки шаблона Вашего магазина для совместимости с модулем.
      Возможность назначать ссылку на фон. Т.е. При клике на фон пользователь перейдет по указанной Вами ссылке (в новом окне или текущем).
      Есть версия без vqMod.
      С версии 3.0 добавлены сниппеты и поддержка глобальных переменных шаблона, которые можно использовать в CSS коде.

      Совместимость
      OpenCart, OcStore 1.5.x.x

      Требования
      vqmod
      JQuery, версии не младше 1.7.0

      Демо
      Каталог - http://oc.halfhope.ru/
      Административная панель - http://oc.halfhope.ru/admin/

      Если Вы переходите с версии 2.1.1 на 3.0:
      Скопируйте файл "migrate.php" из архива "migration_from_v2.1.1_to_v3.0.zip" в корень сайта.
      Выполните его через адресную строку браузера http://имя сайта/migrate.php, затем удалите этот файл (если он не удалится сам).
      Скопируйте папки "admin" и "catalog" в корень сайта (с заменой).
      Перейдите в настройки менеджера и нажмите "Сохранить".
      Установка завершена.

      Установка
      Скопируйте файл "install.php" а корень сайта и выполните (http://адрес сайта/install.php) Этот скрипт добавит записи и таблицы базу данных. Затем удалите файл, если сам не удалится.
      Скопируйте папки "admin", "catalog", "vqmod" в корень сайта (с заменой).
      Настройка прав. Перейдите в административную панель.
      Перейдите в раздел "Система > Пользователи > Группы пользователей".
      Выберите Вашу группу (обычно Top Administrator) и нажмите "изменить".
      В списках "Просмотр" и "Внесение изменений" выберите все пункты, начинающиеся с background, либо нажмите "Выделить все".
      В настройках менеджера включить его и ввести id контейнера.

      Так же при покупке доступны архивы с демо-изображениями.
      В архиве "background_manager_demo_data_minified_images.zip" содержатся оптимизированные демо-изображения.
      В архивах "backgound_manager_original_images_part_x.zip" содержатся не сжатые фоновые демо-изображения.

      Полезные ресурсы:
      http://subtlepatterns.com/ - коллекция качественных фонов
      http://bgpatterns.com/ - скромный генератор фонов
      Результаты поисковых запросов (тайлинг текстуры, tile background)

      Дополнительные услуги:
      Заказ модуля для Вашей версии OpenCart/OcStore - Бесплатно(в комментариях)
      Настройка под Ваш шаблон - бесплатно (Необходим ftp доступ к серверу и к административной панели)
      Установка и настройка - 100 рублей.
      Создание анимаций (100 рублей).
      Дополнение к основному модулю, которое позволит назначать фон для каждого товара отдельно (100 рублей).

      Описание файлов
      background_manager_demo_data_minified_images.zip (Демо-изображения)2.83 MB
      background_manager_v3.0_oc_v1.5.x.x.zip (сам модуль)80.15 KB
      migration_from_v2.1.1_to_v3.0.zip (пакет миграции с 2.1.1 на 3.0)2.29 KB

      Добавил halfhope Добавлено 04.09.2013 Категория Прочее Системные требования Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • By halfhope
      С 18.11.2016 модуль бесплатен, поддержка не предоставляется и модуль распространяется как есть. Поддержка предоставляется купившим модуль до 18.11.2016.
      В стоимость модуля входят исходные файлы административной панели и каталога, xml файлы vqmod, инструкция по установке модуля на двух языках. Скрипт миграции и файлы локализации (Русский/Английский). Покупается одним лицом на один магазин/мультимагазин.
      Дополнительная информация о модуле, инструкция по эксплуатации на http://oc.halfhope.ru/support/.
      Внимание: при возникновении ошибок присылайте код ошибки и АДРЕС МАГАЗИНА. Сообщения без адреса магазина будут игнорироваться. Адрес магазина можете прислать в личные сообщения. Для большинства работ потребуется FTP доступ и доступ в административную панель.
      Возможности:
      Возможность наследовать фон страницы товара от страницы категории, в которой он находится. Либо выбрать отдельный фон для товара (для отдельного фона товара есть отдельное платное дополнение, которое распространяется отдельно от модуля(100 рублей)).
      Возможность создавать анимацию фона по различным заготовкам (сниппетам).
      Живое редактирование шаблона. (Редактирование шаблона в реальном времени с мгновенным просмотром изменений)
      Гибкая настройка каждого элемента оформления созданного шаблона (тайлинг, выравнивание, цвет)
      Различные варианты шаблонов оформления ("Единый фон", "Фон страницы + контейнер", "Два боковых изображения + контейнер");
      Возможность фиксировать, растягивать, повторять фон страницы, контейнера и боковых изображений.
      Различные способы вставки генерированного css кода шаблона в код страницы (как файл, либо как текст).
      Возможность создавать шаблоны оформления и назначать их различным разделам (макетам), категориям , товарам Вашего магазина.
      Возможность вставлять data:base64 изображения (для уменьшения запросов к серверу).
      Возможность корректировки шаблона Вашего магазина для совместимости с модулем.
      Возможность назначать ссылку на фон. Т.е. При клике на фон пользователь перейдет по указанной Вами ссылке (в новом окне или текущем).
      Есть версия без vqMod.
      С версии 3.0 добавлены сниппеты и поддержка глобальных переменных шаблона, которые можно использовать в CSS коде.

      Совместимость
      OpenCart, OcStore 1.5.x.x

      Требования
      vqmod
      JQuery, версии не младше 1.7.0

      Демо
      Каталог - http://oc.halfhope.ru/
      Административная панель - http://oc.halfhope.ru/admin/

      Если Вы переходите с версии 2.1.1 на 3.0:
      Скопируйте файл "migrate.php" из архива "migration_from_v2.1.1_to_v3.0.zip" в корень сайта.
      Выполните его через адресную строку браузера http://имя сайта/migrate.php, затем удалите этот файл (если он не удалится сам).
      Скопируйте папки "admin" и "catalog" в корень сайта (с заменой).
      Перейдите в настройки менеджера и нажмите "Сохранить".
      Установка завершена.

      Установка
      Скопируйте файл "install.php" а корень сайта и выполните (http://адрес сайта/install.php) Этот скрипт добавит записи и таблицы базу данных. Затем удалите файл, если сам не удалится.
      Скопируйте папки "admin", "catalog", "vqmod" в корень сайта (с заменой).
      Настройка прав. Перейдите в административную панель.
      Перейдите в раздел "Система > Пользователи > Группы пользователей".
      Выберите Вашу группу (обычно Top Administrator) и нажмите "изменить".
      В списках "Просмотр" и "Внесение изменений" выберите все пункты, начинающиеся с background, либо нажмите "Выделить все".
      В настройках менеджера включить его и ввести id контейнера.

      Так же при покупке доступны архивы с демо-изображениями.
      В архиве "background_manager_demo_data_minified_images.zip" содержатся оптимизированные демо-изображения.
      В архивах "backgound_manager_original_images_part_x.zip" содержатся не сжатые фоновые демо-изображения.

      Полезные ресурсы:
      http://subtlepatterns.com/ - коллекция качественных фонов
      http://bgpatterns.com/ - скромный генератор фонов
      Результаты поисковых запросов (тайлинг текстуры, tile background)

      Дополнительные услуги:
      Заказ модуля для Вашей версии OpenCart/OcStore - Бесплатно(в комментариях)
      Настройка под Ваш шаблон - бесплатно (Необходим ftp доступ к серверу и к административной панели)
      Установка и настройка - 100 рублей.
      Создание анимаций (100 рублей).
      Дополнение к основному модулю, которое позволит назначать фон для каждого товара отдельно (100 рублей).

      Описание файлов
      background_manager_demo_data_minified_images.zip (Демо-изображения)2.83 MB
      background_manager_v3.0_oc_v1.5.x.x.zip (сам модуль)80.15 KB
      migration_from_v2.1.1_to_v3.0.zip (пакет миграции с 2.1.1 на 3.0)2.29 KB

    • By Olips
      Здравствуйте. Нужен модуль для установки разного фона сайта. Фон должен показываться рандомно и была возможность перехода. Спасибо
    • By Homeward
      доброго времени суток!
      добавил в топ меню бекграунд, который всплывает при наведении курсора, но он отражается только под самим текстом. 
      Как его расширить, чтобы было видно всё изображение, подскажите, пожалуйста..
       
      Версия 1.5.4.1.1
       
      сейчас так:
       
      .new { color: #FFEFDB; font-weight: bold; }   .new:hover { background: url('../image/back_akcia1.png') no-repeat; background-position: -50px -5px; height: 50px; text-decoration: underline; }
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.