Хостинг от 165 ₽/месяц. Перенос сайтов и месяц на тестирование - бесплатно!
Как выровнять текст по горизонтали и вертикали в блоке div с помощью css

Как выровнять текст по горизонтали и вертикали в блоке div с помощью css

Казалось бы, простая задача: выровнять текст по центру блока div. Присваиваем блоку свойство text-align:center и всего делов. Но как быть, если блок объемный и текст необходимо выровнять не только по горизонтали, а еще и вертикали? Конечно, можно задать padding в процентах для решения этой задачи. Но выравнивание в этом случае все - равно будет сбиваться. И тогда на помощь придет чудесные css свойства display:flex, display:table-cell и line-height.

Читать далее
css затемнение фона

Как сделать css затемнение фона

Всем привет. На связи coderistu.ru

В одной из своих статей я писал, как сделать появление текста при наведении на картинку. И там как - раз использовался эффект затемнения заднего фона, чтобы текст на переднем плане хорошо читался. Т. к. темный фон - overlay я часто использую на своих сайтах в качестве подложки в различных блоках, то решил рассмотреть процесс его создания в отдельной статье.

Читать далее

как сделать видео фоном сайта или блока

Как сделать видео фоном сайта или блока

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

Читать далее

Как подключить шрифт к сайту

Одна из первых задач, которая встает перед вебмастером при создании нового проекта - подбор и подключение необходимых шрифтов к сайту. Быстро подобрать шрифты для ресурса можно через  онлайн - сервисы:

Читать далее

как сделать тень на сайте

Как сделать тень на сайте

Чтобы сделать тень на сайте для текста или какого - либо элемента, необязательно прибегать к помощи Adobe Photoshop. Для этого достаточно использовать css - свойства text - shadow и box - shadow, которые помогут добавить красивую тень куда угодно: к изображениям и фото, к слову, букве, абзацу, блоку или виджету. Тени, сделанные с помощью css, можно комбинировать, создавая красивые переливы и градиенты у объектов, к которым они применяются. Так же можно регулировать прозрачность тени, размах, размытие и смещение по осям X и Y.

Читать далее

Как выровнять div блок по центру документа

Как выровнять блок div по центру страницы

Казалось бы, тривиальная задача:  выровнять блок <div> по центру страницы с помощью css. Но на первых этапах изучения html и сss может серьезно озадачить начинающего веб - мастера. Сам сталкивался с такой проблемой, когда пытался выровнять <div> на макете сайта, когда только начинал изучать веб - программирование. Что и послужило началом для написания этой статьи.)

Читать далее

10 вариантов оформления заголовков на сайте с помощью css

Первое, на что обращает внимание посетитель вашего сайта, это заголовки статей.  Чем интереснее оформлен заголовок, тем больше он привлекает внимания, и тем больше шансов, что статья будет прочитана.

Многие вебмастера, следуя этому правилу, перегружают заголовки своих статей мерцающей анимацией, нечитаемыми шрифтами и задними фонами токсичных цветов. Делать этого не стоит, т. к. такое оформление вызывает зрительное напряжение и только отпугивает пользователей. Чтобы этого не происходило и при этом заголовок привлекал внимание посетителей сайта, достаточно добавить несколько простых геометрических css - фигур с помощью псевдоэлементов  :before и :after.

Читать далее

как сделать сайт

Как быстро сделать сайт? Инструкция.

Как быстро сделать простой, но в тоже самое время полноценный сайт за пару часов? Без использования готовых шаблонов и систем управления контентом?

Для тех, кто только начал знакомиться с азами верстки, эта задача покажется очень сложной, но на самом деле создать небольшой веб - ресурс на несколько страниц можно очень быстро. При этом знаний и опыта программирования на php, javascript или jquery не понадобится, т. к. сайт будет полностью построен на базе html и css.

Читать далее

кликабельная ссылка на телефон

Кликабельная ссылка на телефон на сайте

Согласно статистике, 70% пользователей заходят на сайты с мобильных устройств, поэтому конверсия современной интернет- страницы напрямую зависит от того, насколько она оптимизирована под мобильный трафик.

Если у вас есть сайт - одностраничник, сайт - визитка или интернет - магазин и им неудобно пользоваться на смартфонах и планшетах, то с 90% вероятностью человек уйдёт на другой ресурс, где коэффициент юзабилити гораздо выше.

Читать далее