bakai

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

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

bakai    0

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

 

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


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

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

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


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

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

#logo img {width:100%}

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


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

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

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

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

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

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

Войти

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

Войти


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

    • От Igor5
      Привет форумчане, вообщем нужно в логотипе мелким шрифтом внизу прописать пару слов, думаю это понятно, так как такое делают многие, ну а кто не понял что я имею ввиду, то вот для примера лого розетки (не реклама)...
      лого делаю в фотошопе, перепробовал уже разные шрифты, но все они искажаются, при выставлении размера ниже 8..
      подскажите какой шрифт используется на данном лого?
    • От dirtsport
      Народ, подскажите пожалуйста, как поправить вёрстку после небольших "улучшений" с моей стороны в шаблоне AnyStore? А то автора темы нет на форуме с 18 декабря, в личку и на почту не отвечает. Шаблон куплен на этом форуме с моего же аккаунта. Сайт:
      doma (.) petrov (.) pro 1) На маленьких экранах становится не кликабельное лого (естественно не с главной страницы) Вроде сосений блок накладывается
      2) Ширина кликабельности разворачивающийся кнопки "Инфо" занимает не всё пространство кнопки, что затрудняет его нажатие
      3) Корзина выглядит не как должна*
       
      Что я сделал, после чего стали эти проблемы:
       
      а) * В шаблоне есть 7 вариантов хедера. Вернее меню мне понравилось с одного хедера, остальное с другого. И я взял и тупо вставил <nav id="top">..............</nav> 5-го хедера вместо <nav id="top">..............</nav> 1-хедера. В теории всё должно было быть нормально, и почти всё получилось, кроме корзины. Она должна была выглядить такой-же как соседние значки поиска, личного кабинета без слов "В Вашей корзине пусто" и в их стиле.
      б) Проблема с кликабельности лого на меленьких экранах стала, когда я сделал лого и номер телефона в один ряд, добавив логотипу класс col-xs-4
      в) Ширина кликабельности кнопки "Инфо" стала не на всю ширину кнопки то ли после того как я сделал пункт а), то ли б)
       
      Помогите пожалуйста советом, как нужно сделать эти дейтвия, чтобы не ломалась вёрстка других элементов? А то до автора не достучаться((
    • От vlad37
      Здравствуйте, как поднять логотип на шаблоне, помогите пожалуйста.
    • От 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
  • Последние посетители   0 пользователей онлайн

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