bakai

Как растянуть логотип на всю ширину экрана

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

bakai    0

Как растянуть лого на всю ширину экрана, где задаются размеры лого?? 

 

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


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

посредством бутстрапа, в какой контейнер помещено лого, такой и размер
лого на ширину экрана - 12 столбцов

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


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

+ там еще для img не задан width.

#logo img {width:100%}

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


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

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

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

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

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

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

Войти

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

Войти


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

    • От optimlab


      Просмотреть файл SVG в Менеджере изображений
      Даный модификатор позволит вам загружать изображения векторной графики в формате SVG через Менеджер изображений сайта. Это позволит вам отображать одинаково свои логотипы, иконки и прочие элементы дизайна одинаковыми на всех экранах, с разной плотностью пикселей на дюйм.
       
      Долой кубические артефакты растровых изображений! Делайте интернет-магазин в ногу со временем!
       
      Всё больше и больше дисплеев выходят с большим числом пикселей на дюйм (плотность) и большими размерами по ширине. FullHD плавно перетекает в 4К и 5К.
      Будте в тренде! Оставьте растровые изображения в прошлом, и начните делать новое на основе векторной графики. Преведите элементы вашего дизайна в вектор, загружайте ваши логотипы в векторе, иконки и элементы дизайна тоже переведите в вектор. Перестаньте "удивлять" посетителя (при увеличении страницы) "квадратиками" и артефактами растровых изображений. Оставьте растр для фотографий товаров.
       
      Так же вы можете анимировать свои SVG-изображения блягодаря языку разметки SMIL, придавать им свои стили и прочее, прочее.., на что хватит вашей фантазии и дизайнера.
      Пример крутящегося логотипа Информация о формате SVG Информация о языке разметки SMIL Анимация SVG  
      Полезные Советы:
      При сохранении вектора в SVG делайте его в целых пикселях, а не в дробных. Т.е. ширина монтажной монтажной области должна быть в целых числах. Если вы создаёте svg-изображение с помощью Adobe Illustrator, то при сохранении снимите галочку "Адаптивный SVG". Тогда он будет иметь фиксированный размер как изображение. Но с помощью стилей вы ему можете придать любую ширину аналогичную <img> width=100% или width=100px или max-width=500px  
      Установка:
      Панель администратора -> Модули -> Установка расширений -> Загрузить файл архива. Панель администратора -> Модули -> Модификаторы -> нажимаем Обновить для обновления кеша модификаторов.  
      Лицензия:
      Модификатор на один магазин. Следующий магазин оплачивается отдельно. Совместимость: OpenCart 2.x-3.x
       
      Архивы:
      svg-1.0.ocmod.zip - для Opencart 2.0.x
      svg-2.1.ocmod.zip - для Opencart 2.1.x - 2.2
      svg-2.3.ocmod.zip - для Opencart 2.3.x - 3.x
      Автор optimlab Добавлен 31.07.2017 Категория Прочее Системные требования Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От optimlab
      Даный модификатор позволит вам загружать изображения векторной графики в формате SVG через Менеджер изображений сайта. Это позволит вам отображать одинаково свои логотипы, иконки и прочие элементы дизайна одинаковыми на всех экранах, с разной плотностью пикселей на дюйм.
       
      Долой кубические артефакты растровых изображений! Делайте интернет-магазин в ногу со временем!
       
      Всё больше и больше дисплеев выходят с большим числом пикселей на дюйм (плотность) и большими размерами по ширине. FullHD плавно перетекает в 4К и 5К.
      Будте в тренде! Оставьте растровые изображения в прошлом, и начните делать новое на основе векторной графики. Преведите элементы вашего дизайна в вектор, загружайте ваши логотипы в векторе, иконки и элементы дизайна тоже переведите в вектор. Перестаньте "удивлять" посетителя (при увеличении страницы) "квадратиками" и артефактами растровых изображений. Оставьте растр для фотографий товаров.
       
      Так же вы можете анимировать свои SVG-изображения блягодаря языку разметки SMIL, придавать им свои стили и прочее, прочее.., на что хватит вашей фантазии и дизайнера.
      Пример крутящегося логотипа Информация о формате SVG Информация о языке разметки SMIL Анимация SVG  
      Полезные Советы:
      При сохранении вектора в SVG делайте его в целых пикселях, а не в дробных. Т.е. ширина монтажной монтажной области должна быть в целых числах. Если вы создаёте svg-изображение с помощью Adobe Illustrator, то при сохранении снимите галочку "Адаптивный SVG". Тогда он будет иметь фиксированный размер как изображение. Но с помощью стилей вы ему можете придать любую ширину аналогичную <img> width=100% или width=100px или max-width=500px  
      Установка:
      Панель администратора -> Модули -> Установка расширений -> Загрузить файл архива. Панель администратора -> Модули -> Модификаторы -> нажимаем Обновить для обновления кеша модификаторов.  
      Лицензия:
      Модификатор на один магазин. Следующий магазин оплачивается отдельно. Совместимость: OpenCart 2.x-3.x
       
      Архивы:
      svg-1.0.ocmod.zip - для Opencart 2.0.x
      svg-2.1.ocmod.zip - для Opencart 2.1.x - 2.2
      svg-2.3.ocmod.zip - для Opencart 2.3.x - 3.x
    • От Krealit
      Приветствую всех!
      Есть необходимость смены логотипа при переключении языка. Языка всего два, нашёл на этом ресурсе тему по этому вопросу, но все предложенные там варианты не работают. Сразу оговорюсь, что очень не хотелось бы решать вопрос путём установки дополнительных расширений, модулей и т.д. Хотелось бы просто внести нужные изменения в существующий код и всё. Версия OpenCart (ocStore) 2.1.0.2.1 с установленным шаблоном.
      Пожалуйста, помогите победить код. Заранее благодарен.
    • От siraf
      Добрый день. Подскажите как в шаблоне письма заказа для покупателя order.php изменить следующую строку, чтобы подгружался не логотип сайта (logo.png), а другая картинка в том же каталоге (logo2.png)
      $template->data['logo'] = $this->config->get('config_url') . 'image/' . $this->config->get('config_logo');
    • От MaxD




      Название: MX Shipping Master
      Добавил: MaxD
      Добавлен: 31 янв. 2015
      Категория: Доставки
      Метод активации: Без активацииIoncube Loader: Нет


      Внимание! Я забросил этот модуль и больше его не поддерживаю. Покупайте на свой страх и риск.
      С помощью этого модуля можно решить практически любые задачи, связанные с доставкой. Особенно если их специфика не позволяет использовать готовое решение. Он позволяет
      создавать новые методы доставки и изменять старые
      задавать формулу стоимости доставки
      описывать сложную логику или использовать внешние данные с помощью скрипта PHP
      добавлять логотип и ориентировочное время доставки к методу
      показывать стоимость доставки на странице товара


      Пример страницы товара:

      Демо админки:

      Полностью русифицирован, поддерживает мультиязычные магазины.
      Работает с ocStore, OpenCart 1.5+, OpenCart 2.0+
      Примеры скриптов:

      Нажмите здесь, чтобы скачать файл
  • Последние посетители   0 пользователей онлайн

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