Рубрика: HTML & CSS

Как сжать, растянуть, обрезать, преобразовать и масштабировать изображения на CSS

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

Как подключить стили WordPress

Оформление сайта на WordPress осуществляется с помощью стилей. Существует несколько вариантов подключения файла(ов) со стилями к HTML документу. В WordPress самым «правильным» способом (на момент написания статьи) является подключение в файле functions.php. Это решение используется в темах поставляемых вместе с WordPress по-умолчанию, например Twenty Fifteen. Далее

Как скрыть email на сайте от спам-ботов

Несколько примеров как защитить адрес электронной почты опубликованной у вас на сайте. Основной принцип защиты в том, что посетитель его видит, а бот (робот посещающий сайт) — нет. Либо видит в искаженном виде непригодном для отправки писем.
Далее

Преобразование тегов в HTML сущности

Когда необходимо опубликовать исходный HTML код у себя в статье на сайте, то часто браузер указанный текст понимает как код, то есть выполняет его. Решить проблему должны специально выделенные для этого теги PRE и CODE. Но если у вас что-то пошло не так, то в этой статье я расскажу, как преобразовать HTML теги в сущности (в изображения), чтобы они не воспринимались браузером как команды.
Далее

Простое и красивое горизонтальное выпадающее меню на CSS и HTML

Предлагаю, вашему вниманию простое и при этом красивое двухуровневое выпадающее горизонтальное меню на чистых CSS и HTML. Его код я собрал по крупицам и лично адаптировал при подготовке новой темы WordPress.

У меня на сайте оно выглядит так, при наведении мыши на пункт меню «О блоге» выпадает вертикальное подменю:
Далее

Сброс CSS стилей, примеры работающих решений

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

Пустой шаблон HTML5

Если вы создаете шаблон с нуля, то надо от чего-то отталкиваться. Учитывая, что стандарт HTML5 «широко шагает по стране», я в этой статье приведу пример пустого шаблона HTML5.
Далее

Как красиво оформить цитаты <blockquote> на CSS

Тег <blockquote> предназначен для выделения цитат внутри документа. Как правило текст, обозначенный этим тегом, отображается в виде блока с отступами слева и справа, а также с отбивкой сверху и снизу. В этой статье я расскажу как «красиво» его оформить у себя на сайте с помощью CSS.
Далее

Безопасные цвета для сайта

На тему «правильных» и безопасных цветов написано много «трудов», которые в последствии были массово растиражированы в интернете.

Я начну с того, что любой цвет можно получить используя только три так называемых первичных цвета красный R, зеленый G и синий B. Такая система принята в цветном телевидении и интернете.

Далее

Липкий сайдбар WordPress без плагинов. CSS и Theia Sticky Sidebar.

Липкий сайдбар позволяет скрасить пустоту боковой колонки если она меньше по высоте чем основной контент, а также оставит на виду необходимую информацию (социальные кнопки, форму подписки или рекламный блок). Иными словами, «липкий» сайдбар это не только модно, но и полезно.
Далее

Страница 1 из 3123
2017 © Технический блог
SQL - 31 | 0,231 сек. | 9.87 МБ
доступность сайта