Верстаем макет на HTML/CSS, для создания шаблона битрикс. Для работы понадобятся: psd зарисовочка из первого урока и заготовка для верстки скачать. Урок рассчитан на подготовленного пользователя, мало мальски разбирающегося в элементарной верстке таблицами и блоками. Верстаем общий скелет сайта без детализации, дальнейшую доводку до ума будем производить сразу в битриксе.
PS: Заметил несколько не критичных опечаток в коде. Будем исправлять в 5-ом уроке. Особо не влияют на отображение, но все же.
Видеоурок №2: верстка макета на HTML/CSS
Все серии
-
Видеоурок №1: вводный
-
Видеоурок №2: верстка макета на HTML/CSS
-
Видеоурок №3: установка битрикс на виртуальную машину
-
Видеоурок №4: создаем шаблон битрикс из HTML/CSS макета сайта
-
Видеоурок №5: создание меню
-
Видеоурок №6: создаем простые инфоблоки и выводим на сайт
-
Видеоурок №7: включаемые области в битрикс
-
Видеоурок №8: создание слайдера
-
Видеоурок №9: наводим марафет на сайте
-
Видеоурок №10: создание каталога товаров
-
Видеоурок №11: перенос сайта на хостинг
-
Видеоурок №12: верстка каталога в Битрикс
-
Видеоурок №13: выводим анонсы каталога
-
Видеоурок №14: послесловие и немного тупняка с Яндексом
Комментарии к видео
....
Но вот угораздило меня удалить в админке в режиме правки кнопку с полем поиска вместо кнопки контакты, (при наведении на которую почему-то не выскакивает меню редактирования). Подскажите, как её вернуть? ...
Михаил подскажите сколько стоит платформа, а то куда не ткну везде деньги, градации от сайта визитки до корп. порталов. Если можно ответьте в почту. Заранее спасибо.
Цены на битрикс http://www.1c-bitrix.ru/buy/cms.php
В уроке используется редакция СТАРТ за 4500 руб.
Такой вопрос: уже как выровнять article по центру между aside? Я имею ввиду автовыравнивание при адаптивной верстке. Пробовал margin:0 auto; не помогает!
Доброго времени суток подскажите пожалуйста как исправить? Мой рыбный текст который ДОЛЖЕН находиться посередине у меня чуть выше и растянут. Как его вставить именно между левым и правим рыбным текстом?
Доброго времени суток. Не удается скачать заготовку для верстки, вернее она скачивается, только документ html почему то через интернет нужно запускать. В чем может быть причина? спасибо
В фотошопе видимо настройки не те (я в этом деле новичок),не удается создать файл с логотипом. Проблема в том ,что самого логотипа нет,а только прозрачный слой. Спасибо.
А где можно скачать фотошоп для мак
Доброго времени суток! Ваш класс "обнулитель" обычно обзывают clearfix. Отменяет обтекание флоатов. Интересный курс, спасибо
clearfix::after {
clear: both;
content: "";
display: table;
}
Здравствуйте, Михаил!
Такой вопрос: уже как выровнять article по центру между aside? Я имею ввиду автовыравнивание при адаптивной верстке. Пробовал margin:0 auto; не помогает!
article {
margin: 0 auto;
padding-left: (ширина левого aside + отступ от него);
padding-right: (ширина правого aside + отступ от него);
}
Здравствуйте, Михаил!
Такой вопрос: уже как выровнять article по центру между aside? Я имею ввиду автовыравнивание при адаптивной верстке. Пробовал margin:0 auto; не помогает!
article {
margin: 0 auto;
padding-left: (ширина левого aside + отступ от него);
padding-right: (ширина правого aside + отступ от него);
}
Или, не очень любимый всеми (почему-то), вариант
.ОБЩИЙ_КОНТЕЙНЕР {display: table; width:100%;} .ЛЕВО {display:table-cell; width:100px; } .СЕРЕДИНА {display:table-cell;} .ПРАВО {display:table-cell; width:100px; }Добрый вечер, Михаил. Все сделал как Вы. Только вот логотип остался по середине. И текст aside right находится float:right, но ниже текста article. Никак не могу найти ошибку, посмотрите, пожалуйста. https://yadi.sk/d/qnTKWdPW3KkX3F вот залил файлы, которые сам за Вашими уроками минута в минуту писал. Правда логотип другой. Делал его в CorelDraw в формате png. По логике все должно работать. Только криво получилось. Абсолютно все то же самое. Но результат другой. Спасибо за видео которые выкладываете
Или ее ширину уменьшите или padding поменьше
Добрый вечер, Михаил. Все сделал как Вы. Только вот логотип остался по середине. И текст aside right находится float:right, но ниже текста article. Никак не могу найти ошибку, посмотрите, пожалуйста. https://yadi.sk/d/qnTKWdPW3KkX3F вот залил файлы, которые сам за Вашими уроками минута в минуту писал. Правда логотип другой. Делал его в CorelDraw в формате png. По логике все должно работать. Только криво получилось. Абсолютно все то же самое. Но результат другой. Спасибо за видео которые выкладываете
Или ее ширину уменьшите или padding поменьше