Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
CheapThailand

Сергей Кузнецов

учусь путешествовать
  • 1
    вклад
  • 5
    вопросов
  • 6
    ответов
  • 17%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Какие еще есть блогеры вроде Sorax?

    magl88
    Eugene Rudoi @magl88
    Hello World
    Вот список моих подписок на youtube )) везде есть что-то полезное.
    Блоги
    uWebDesign
    Ilya Kantor
    Master-CSS
    Magisters
    WebDesign Master
    webtheory
    Уроки веб-разработки
    WPRUSe
    Artem Demo
    AutoLineX
    CMTV [IT науки]
    Codecourse
    Hexlet
    ITVDN
    knowcity
    LevelUpTuts
    loftblog
    Ocode
    Petr Bafloker
    ProDevZone
    Radik Fattakhov
    Russian WordPress Developer
    Victor Zinchenko
    WebMarik
    Создание сайтов. Maxtop.org

    Конференции
    404fest
    DEVCLUB.EU
    FrontendDevConf
    GeeksLab
    ITmozg.ru
    OdessaJS Conference
    Веб-стандарты
    Фронтенд

    Разное
    GetDevNET
    Образовательный IT-портал GeekBrains
    WEB iT [xaver.ru]
    Роман Левищенко
    SiteHere
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как сделать разные background-image у тега body для разных ширин экранов?

    Kiriniy
    Кирилл Никитин @Kiriniy
    Я так понимаю, верстали на Bootstrap? Этот фреймворк mobile-first, это значит сначала мобильные, а потом всё остальное по возрастанию. Соответственно, без media настраивается фон под самые маленькие экраны, которые до 320px, а потом добавляется по нарастанию через media по стандартным bootstrap или вашим собственным точкам.

    body {background-color: #000;}
    
    @media only screen and (min-width: 480px) {
    
    /* Можете не менять тут, это горизонтальный iPhone или похожий мобильник */
    
    } 
    
    @media only screen and (min-width: 768px) {
    
    /* Добавляем картинку для вертикального iPad или подобного */
    body {background-image: url(bg-image-sm.jpg);}
    
    } 
    
    @media only screen and (min-width: 992px) {
    
    /* Заменяем картинку для горизонтального iPad или подобного */
    body {background-image: url(bg-image-md.jpg);}
    
    } 
    
    @media only screen and (min-width: 1200px) {
    
    /* Заменяем картинку для больших экранов */
    body {background-image: url(bg-image-lg.jpg);}
    
    }
    Ответ написан более трёх лет назад
    9 комментариев
    9 комментариев
  • Старт в WordPress?

    ksider
    Ksider @ksider
    Я сварщик не настоящий
    к вышесказанному добавлю еще пару шпаргалок:
    Небольшой мануал для старта
    Иерархия шаблона
    Теги
    Шпаргалка

    добавлю еще сервис для следующего уровня
    Ответ написан более трёх лет назад
    6 комментариев
    6 комментариев
  • Как делать fade эффект для bootstrap carousel?

    igorbelikov
    Igor Belikov @igorbelikov
    Fullstack Developer
    codepen.io/transportedman/pen/NPWRGq
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
Оценили как «Нравится»
Самые активные сегодня
  • dimonchik2013
    Dimonchik
    • 11 ответов
    • 0 вопросов
  • Mike_Ro
    Михаил Р.
    • 10 ответов
    • 0 вопросов
  • tyxeo
    • 4 ответа
    • 2 вопроса
  • vabka
    Василий Банников
    • 5 ответов
    • 0 вопросов
  • delphinpro
    Сергей delphinpro
    • 5 ответов
    • 0 вопросов
  • codingoleg
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации