33

Добавляем музыку в свой блог

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

18

Размещение и дизайн пользовательского поиска от Google (gcse)

Тропинка в зарослях папоротника   Поисковая строка - неотъемлемая часть любого современного сайта или блога. Ее можно расположить традиционно, в шапке сайта или боковой колонке, а можно разместить поисковую строку в меню или в появляющемся(всплывающем) окне, главное чтобы выглядела она современно и органично вписывалась в общий дизайн.
поту как
  Быстро организовать поиск по сайту можно используя, готовую систему пользовательского поиска (СПП) от Google Inc, а зная необходимые селекторы, очень просто с помощью CSS, изменить дизайн поисковой строки и кнопки поиск в форме на собственный подходящий к общему оформлению.
  Данный пост подробно содержит подробное описание и примеры того, как разместить поисковую строку от Гугла в меню сайта или блога и легко изменить ее внешний вид при помощи CSS.

0

Простое адаптивное меню с кнопкой "Закрыть" на CSS

Основное правило современного веб-дизайна заключается в том, что сайт и его контент должны правильно отображаться на различных устройствах, в том числе и мобильных. Одним из главных аспектов в интерфейсе сайта является качественная навигация. В данной статье показан пример как сделать простое адаптивное меню с кнопкой закрыть, используя только CSS, реализуя функционал без применения javaScript. Все что нам понадобится - изображение иконки "бургег" для открытия меню и крестика, для его закрытия соответственно, которые я приготовил заранее.
0

Размещение ссылок в элементах с фокусом. Решение

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