Домой / Записи Автора: Александр (страница 9)

Записи Автора: Александр

Падающий снег для сайта на HTML5 Canvas

Падающий снег для сайта на HTML5 Canvas

Предлагаю вашему вниманию эффект падающего снега, который реализован с помощью Canvas.  В данной реализации эффекта падающего снега есть один интересный плюс — снег отлетает от курсора мыши. Важно! Для работы с данным примером трансформации текста не забудьте обязательно подключить библиотеку jQuery. Посмотреть и скачать демо пример вы можете перейдя по ссылкам ниже. HTML CSS JS Читать далее »

Как вставить Google карту на страницу сайта WordPress

Как вставить Google карту на страницу сайта WordPress

Здравствуйте друзья! В этом уроке мы разберем с вами как добавить гугл карту на страницу или запись вашего сайта на WordPress. Как вставить Google-карту на страницу сайта Для начала нам нужно зайти по ссылке google.ru/maps и найти страну/город или необходимый адрес на карте. Найти необходимое место можно просто листая карту, или ввести адрес в поле для поиска, для примера давайте добавим карту ... Читать далее »

Галерея с эффектом размытия фона (blur effect)

Галерея с эффектом цветового размытия фона (blur effect)

Пример создания галереи с очень интересным эффектом. При наведении на изображение меняется фон, в зависимости от выбранного изображения. На фоне мы видим размытое изображения из галереи, на которое мы навели курсором мышки. Если из CSS кода убрать: Мы получим не размытый, а изображение из галереи на которое мы навели мышкой, но в полном размере и без эффекта размытия. Как видите, таким ... Читать далее »

Эффект трансформации текста в дым (туман) с помощью CSS

Эффект трансформации текста в дым с помощью CSS

Предлагаю вашему вниманию пример создания эффекта превращения текстовой записи в дым (туман).  Эффект реализован с помощью CSS. Посмотреть и скачать демо пример вы можете перейдя по ссылкам ниже. HTML CSS Читать далее »

Hover-эффект трансформации текста SkewY

Эффект трансформации текста SkewY

Хороший и достаточно интересный пример создания оригинального и необычного SkewY hover-эффекта для текста. В данном примере, при наведении на текст наклоняется одна из осей. Трансформация skewX сдвигает все y-координаты на определенный угол, оставляя x-координаты без изменения. Важно! Для работы с данным примером трансформации текста не забудьте обязательно подключить библиотеку jQuery. Посмотреть и скачать демо пример вы можете перейдя по ссылкам ниже. ... Читать далее »

Всплывающее и распадающееся на кусочки модальное (popup) окно

Всплывающее и распадающееся на кусочки модальное (popup) окно

Отличный пример создания оригинального и необычного модального окна для вашего сайта. Данный пример реализован с помощью CSS, jQuery и библиотеки TweenMax.min.js. Важно! Не забудьте обязательно подключить библиотеку jQuery и TweenMax. Использование данного примера ограничивается практически только вашей фантазией. Посмотреть и скачать демо пример вы можете перейдя по ссылкам ниже. HTML CSS JS Читать далее »

Псевдокласс nth-child. Использование псевдокласса в CSS3

Псевдокласс nth-child. Использование псевдокласса в CSS3

:nth-child это селектор CSS3, направленный на выбор младших элементов, в зависимости от заданных критериев. Что это значит? В двух словах, это означает, что мы можем стилизовать элементы в зависимости от того, где они находятся в DOM. Таблица результатов для различных значений псевдокласса Значение Номера элементов Описание 1 1 Первый элемент, является синонимом псевдокласса :first-child. 5 5 Пятый элемент. 2n 2, 4, ... Читать далее »

Как добавить новую запись в WordPress

Здравствуйте, друзья! В этом уроке мы подробно разберем с вами как можно создать новую запись (пост) в WordPress. После успешной установки WordPress и настройки постоянных ссылок (ЧПУ) давайте перейдем к следующему шагу — добавление записей. Напоминаю, что для добавления нового поста в WordPress необходимо сперва войти в административную панель сайта, вход в которую по адресу http://ваш-сайт/wp-admin Как добавить новую запись в WordPress? ... Читать далее »

Настройка постоянных ссылок (ЧПУ) в WordPress

Настройка постоянных ссылок (ЧПУ) в WordPress

Приветствую Вас друзья! В этом уроке давайте поговорим о настройке постоянных ссылок. Давайте для начала выясним что такое ЧПУ и зачем вообще нужна настройка постоянных ссылок на сайте. Итак, ЧПУ — ссылки (веб-адреса) понятные для человека. Аббревиатура ЧПУ означает  «человекопонятные урлы», т.е URL понятный человеку. Настраивать ссылки ЧПУ необходимо сразу после создания блога пока поисковики не успели проиндексировать Ваши первые статьи. Основные преимущества ЧПУ для посетителей ... Читать далее »

Как изменить название и описание сайта на WordPress

Как изменить название и описание сайта на WordPress

Здравствуйте друзья! В прошлых уроках мы уже выучили как создать главную страницу и как изменить количество записей на странице вашего блога WordPress. В этом уроке вы узнаете как изменить название и описание сайта. Для этого в административной панели перейдите в Настройки -> Общие. Как изменить название и описание блога WordPress В общих настройках введите в поля название вашего сайта и его краткое описание. Не ... Читать далее »