Перейти к содержанию
qweezz

Фоновая картинка с градиентом. Как правильно ее сделать?

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

Хочу в футтере поставить картинку с градиентом. Это не просто переход от одного тона к другому, там вкрапления присуствуют как на скришноте. Вопрос как правильно/грамотно/лучше это сделать? Т.е. просто картинку в jpeg и разместить или какие есть способы? Задача сделать так чтобы и картинка была и сайт быстро грузился.

 

Размер в .png 350Кб

Размер в .jpeg 40Кб

post-29792-0-33567100-1368361838_thumb.png

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От magzhan9292
      1) Ищу модуль который меняет фон сайта из админки желательно бесплатный для любой версий Opencart-a. Заранее спасибо
      2) Второй модуль который ищу изменения меню из админки вот скрин http://prntscr.com/l3ikbk так же для любой версии opencart-a
    • От 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  
    • От 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

    • От Olips
      Здравствуйте. Нужен модуль для установки разного фона сайта. Фон должен показываться рандомно и была возможность перехода. Спасибо
    • От quentin
      Здравствуйте Уважаемые! 
       
      Есть следующая проблема "фон" на главной странице отображается идеально но при переходе на другие страницы с ним происходит какая-то кака :)
       
      Скрины прилагаются. Как это вылечить?)



      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; } Спасибо.
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

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

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