Битрикс. Создание сайта услуг от А до Я. Часть 5. Рисуем дизайн. Блок счетчиков

Автор Liza Merichenko
Битрикс. Создание сайта услуг от А до Я. Часть 5. Рисуем дизайн. Блок счетчиков

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

Фотошопе и теперь у нас будет такой интересный блог состоящий счётчиков. Как вы её часто видели там встречаются например сколько лет работает. Сколько было заказов и так далее давайте сделаем такой же сделаем небольшой насколько ну например на 200 пикселей так только сначала давайте так его назовём счётчики так на 200 пикселей.

Значит нам нужна полоска вот такой вот высоты.

Так — это же много так мы с вами сделаем следующем и как фоновым изображением будем использовать например вот это. Сейчас увидишь, что я хочу сделать. Я хочу сделать у меня изображение тоже было скажем так чтобы тоже участвовала мы сделаем на основе этой картинке опять маску. Давайте попробуем. Я сначала только мы зальем слой цветом потому, что он будет, тогда служить в нашей маской так ищем заливку так-то легко нашли и теперь поменяй местами их друг за другом и создаём маску вот маску мы с вами создали мы можем случае чего опустить. Так меня еще ну так у меня было выделено. Поэтому так получилось вот то есть мы можем в принципе посмотреть какой вариант нас больше устроит. Мне нравится так ладно давайте такая становишься так во сколько на таком фоне будет всё плохо читаться, а регулировать не знаю таким способом. Я не хочу. Ну допустим давайте так и поступим мы сделаем давайте по-другому давайте сделаем. Просто наложении цвета для нашей маски выберем сколько. Ну допустим 85. Давайте вот так и теперь я твой будем использовать как наша фоновое изображение у нас будет несколько блоков фотографируемые назовём он, что у нас будет несколько теперь блоков например клиентов. Сколько видов выпечки тортов делают количество кондитеров профессиональных. Может они шеф-кондитера называется может нет ну просто. Давайте укажем кондитеров и просто сколько там заказов чисто чтобы посмотреть. Так у нас.

0 комментариев
0

Читайте также