Селекторы CSS — это часть правила CSS, которые позволяют определить к какому элементу веб страницы следует применять правила. Они могут быть: простыми, сложными, составными (список селекторов).
К простым селекторам относятся: Подробнее…
Выезжающее меню при клике по кнопке без использования скриптов, то есть на чистом html + CSS. Статья будет полезна тем, кто хочет создать свой сайт и изучает верстку. Пример того как это работает можно посмотреть кликнув по ссылке ниже. Или как это было реализовано на одном из созданных мною сайтов в видео ниже. Подробнее…
Вращение картинки можно легко реализовать прописав соответствующие стили в файл CSS. С помощью нехитрых действий, можно заставить вращаться колесо, шар, крылья ветряной мельницы, да в общем любое изображение на вашем сайте. Подробнее…
Эффект печатающийся текст вы вероятно не раз видели на различных ресурсах. Это когда вы открываете страницу и видите как какой-то текст сам печатается на ней. Этот эффект часто используют в качестве рекламы. И действительно, очень эффективно, посетителю становится интересно, что-же там ему напечатают)). Подробнее…
С помощью CSS можно создавать различные эффекты с блоками. Например, у Вас есть на главной странице сайта блоки с изображениями. Когда при наведении курсора на картинку в блоке, последняя уменьшается и перемещается в сторону, а вместо нее появляется текст, который может быть ссылкой ведущей на страницу с полным текстом статьи. Подробнее…
Сегодня мы рассмотрим как создать выбор цвета в html форме. Для этого мы будем использовать элемент input с типом color.
Форма с возможностью выбора цвета может вам понадобиться во многих случаях. Например, у вас есть интернет-магазин в котором вы продаете какие-то изделия различных цветов. Тогда в форме оформления товара ваш клиент сможет выбрать и указать необходимый цвет изделия. Подробнее…
Увеличение изображения при наведении курсора посредством CSS, при чем плавно, красиво — задача совсем не сложная. Такой метод с изображениями используют многие блогеры. Когда посетитель вашего ресурса наводит курсор на изображение любой записи, это изображение плавно увеличивается. Такой эффект смотрится очень красиво. Подробнее…
С помощью свойств display flex css можно решить ряд задач, которые представляют определенные трудности при использовании чистого css. Например вертикальное и горизонтальное выравнивание блоков на веб-странице. Но разобраться в принципах работы Flexbox бывает сложно, особенно, если вы новичок. Подробнее…
Как сделать красивый заголовок html к статьям на своем сайте? Этот вопрос так или иначе волнует каждого владельца блога или сайта. Способов для этого очень много. Можно изменить цвет и фон, подобрать красивый шрифт, увеличить размер, выделить заголовок рамкой или подчеркиванием, с помощью CSS установить тени. Можно украсить заголовок материала картинкой или иконкой. Подробнее…
Очень часто при разработке сайта возникает необходимость создания фиксированного меню. Фиксированное меню — это меню которое закреплено (зафиксировано) в верхней части страницы сайта и остается на месте при прокрутке . Так-же бывает необходимо создать липкое меню — меню, которое прокручивается вместе с контентом страницы до определенного момента, а затем фиксируется (прилипает) и остается на месте при дальнейшей прокрутке. Подробнее…
Как написать текст поверх картинки в css? Часто этот вопрос возникает у начинающих изучать html и css. Допустим у нас есть изображение и поверх него нам необходимо написать какой-то текст. Подробнее…
Как сделать адаптивное меню для сайта на чистом html и css, не подключая jquery и javascript. Не поверите, но очень легко. Предположим, вам необходим простой сайт-визитка Подробнее…
Как сделать бегущую строку в html? Очень просто. Делается это с помощью тега html < marquee > Этот тег имеет ряд атрибутов. Мы рассмотрим их на примерах ниже и узнаем как вывести последние новости из определенных категорий бегущей строкой в wordpress. Подробнее…
Что такое ссылка на якорь в тексте? Это ссылка на на определенное место в тексте веб-страницы. Другими словами просто закладка. Обычно ссылка на якорь применяются в в статьях с большим объемом текста, Подробнее…
