Необычный фиксированный фон для блока

Необычный фиксированный фон для блока

Привет уважаемые подписчики. На связи Сергей и я подготовил для вас новый интересный урок. В этом уроке вы создадите прикольный фиксированный фон для блока. Эту фишку я сам только недавно увидел, и сразу же взял на вооружение. Так как смотрится такой фон ну просто "отпадно" cool smile

Сразу же предлагаю посмотреть его "в живую". Нажмите ниже на кнопку Демо и мотайте страничку вниз, уверяю вас - вы сразу же узнаете, про что я говорил выше smile

Тренинг по вёрстке сайта на HTML5 и CSS3

Демо

Ну как? Понравилось? Надеюсь что да smile

Самое интересное, что делается такой фон очень просто, средствами обычного CSS. И я предлагаю вам попробовать создать его своими руками. В общем, смотрите видеоурок ниже:

Фиксированный фон для блока

Скачать файлы заготовки:

прямая ссылка на архив FixedFon.rar

Если будут вопросы - задавайте в комментариях wink

PS: на следующей неделе состоится набор на тренинг "Верстаем на 5+" 2.0 Записывайтесь в предварительный список участников, что бы занять места в тренинге по льготной цене.

PSS: форму подписки найдете в уроке!

Комментариев: 19 RSS

Тренинг по вёрстке сайта на HTML5 и CSS3
Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

(обязательно)

Комментариев: 19
  •  Серёга | 15 апреля 2014 в 17:05:10

    Если кто знает, как этот фон называется "по научному" - напишите плиз smile

    •  Серёга | 15 апреля 2014 в 20:35:27

      Если не ошибаюсь, то название этого эффекта - paralax.

      •  Серёга | 15 апреля 2014 в 22:00:39

        Я тоже думал об этом. Но паралакс реализуется за счет разного смещения слоев. Здесь же мы просто смотрим на фон через окно.

  •  вадим74 | 15 апреля 2014 в 19:04:58

    Серега. А когда будет вебинар по 2.0?

    •  Серёга | 15 апреля 2014 в 19:22:55

      Я в раздумьях. На эту среду не успеваю его подготовить. И вообще думал может просто миникурс по основам верстки сделать. Так сказать новье со свежим взглядом smile

      •  Серёга | 15 апреля 2014 в 20:37:26

        Идея, как мне кажется, хорошая. Только смущает слово "миникурс", потому что если он будет по объёму такой же как "Верстаем на 5+", то это совсем не мини. smile

        •  Серёга | 15 апреля 2014 в 22:02:51

          Нет, там будет миникурс на недельки две. Хотя наверное и то и то сделаю. Просто реально - не хватает времени к вебинару подготовится.

          •  вадим74 | 16 апреля 2014 в 11:58:55

            Серега! Давай норм курс. Упращенку нам не гони!

  •  _Сергей_ | 23 апреля 2014 в 22:45:42

    Сергей, у тебя сайт тормоз, когда я подписывался на это урок, то письмо для активации не получил, тогда я попробовал ещё раз подписаться, и опять та же проблема.

    Пересмотри модуль подписки - рассылки!

    И как можно говорить, что верстаем сайты под ключ? Сергей, не путай программирование и вёрстку. Зная только html и css ты без движка сайт не сделаешь, тем более под ключ.

    •  Серёга | 26 апреля 2014 в 23:17:39

      1. Тормоз не мой сайт, а сервис рассылки джастклик. Именно из-за долгой подгрузки его скриптов так все тормозит.

      2. А разве бывает верстка не под ключ??? smile

      И при чем здесь программирование? Вы собираетесь программировать одностраничники? smile

      Это как раз таки вы не путайте.

      Без программирования можно спокойно сайт сделать, натянув дизайн на движок.

      А вот без верстки - хренушки.

      •  _Сергей_ | 24 июня 2015 в 11:44:34

        Сергей, сайт можно сделать не прибегая к дизайну. Просто одна вёрстка голая.

        А под ключ - это уже касательно программирования, а не вёрстки.

        Так что можно обойтись без 2-х вещей - это дизайн и вёрстка.

        В качестве дизайна просто слегка приукрасить фоном и картинкой для шапки, а в место движка установить необходимые скрипты. Это самый минимум, который можно сделать. А без вёрстки сайтов не бывает, в этом ты прав, Сергей.

        •  _Сергей_ | 24 июня 2015 в 11:48:16

          Ой! Опечатка!

          Цитата:

          Так что можно обойтись без 2-х вещей - это дизайн и движок.

          Вот что я хотел сказать.

        •  Серёга | 24 июня 2015 в 11:48:57

          Не Серёга не соглашусь. Точнее не полностью соглашусь smile Здесь надо отталкиваться от клиентов, а не от своего мнения.

          А для них сайт под ключ означает - заплатил деньги, получил готовый сайт. Для большинства проектов достаточно вёрстки и CMS.

          А вот дизайн - нужен практически всегда.

          •  _Сергей_ | 24 июня 2015 в 21:01:13

            Сергей, ты не понял меня. Это не моё мнение, а скорее всего общее в том числе и мой опыт когда я только понял, как можно создавать сайты без всякого стороннего и своего движка. По сути сайт - визитка с минимальным набором скриптов. А если там вообще только обратная скрипт - обратная связь, то и не нужна даже MySQL и SQL - запросы.

            Например, когда я пишу скрипт какой - то, то я делаю вёрстку, но там ни каких и близко дизайна нету, присутствует только php, html 5 и немного css 2.

    •  Сергей | 29 апреля 2014 в 13:19:11

      вот уж чушь! А раньше как без движков делали?

  •  Асылан | 24 апреля 2014 в 19:28:01

    Судя по списку уроков, тренинг должен быть отличным. Но лично сам не смогу участвовать, времени нет. Попозже наверное приобрету в записи.

  •  Антон | 21 ноября 2014 в 10:40:39

    Спасибо. Часто захожу сюда почитать интересные статьи.

    У меня блог находится на хостингу UANIC (http://global.uanic.name/виртуальный-хостинг/linux-хостинг.php ). Мне собственно нужно определить php параметры на хостингу, поскольку хочу установить туда CMS интернет магазина. Подскажите пожалуйста как это можно определить?

  •  Vetall_ekt | 23 июня 2015 в 20:26:00

    Хочу поинтересоваться, как сделать адаптивный дизайн для разрешения экрана 1024px. Я хочу чтобы на планшетах показывал мобильную версию, а на компьютере обычную версию, именно для ширины 1024px. ???