ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


Caption Hover Effects для изображений в блоге WordPress

Пост №   153  от 16 апреля 2016   |  Категория: Design, WEB мастеру, Новости  |  Комментариев нет Print

Caption-Hover-Effects Для истинных приверженцев красоты и функциональности своего блога под управлением WordPress визуальное оформление стоит не на последнем месте. Особенно это касается сайтов, где ведется презентация каких-либо проектов с предварительным показом превью.

Один из вариантов оформления и показа картинок с Caption Hover Effects (всплывающее окошко информации внутри картинки) сегодня и хочется представить Вашему вниманию…


Подобных примеров в сети множество — это один (точнее — 7 вариантов!) наиболее удобный и легкий в исполнении. Но, тем не менее, выбор остается, конечно же, за Вами И так, смотрим пример реализации.

Описывать полный функционал данного решения здесь я не вижу смысла. Все достаточно просто показано в файлах index архива с примерами, который Вы сможете скачать по ссылке ниже. Приведу лишь основной код блока вывода изображения. Он состоит из неупорядоченного списка элементов, который содержит в себе фигуру элемента вывода. Заумно? Не берите в голову… смотрите код!

Извините, но этот контент доступен только для зарегистрированных. Войдите или Зарегистрируйтесь

Как видите из кода, текстовые пояснения можете редактировать как угодно, вставляя свои ссылки, меняя заголовки (в том числе и размер текста заголовка) и текст ссылки на кнопке. Если Вы «продвинутый» пользователь и знаете азы CSS, можете менять цвета кнопок и текста в блоке Caption на свои варианты.

captions

В общем, внимательно ознакомьтесь с содержимым архива (index файлов) и дерзайте!

DEMO DOWNLOAD

Источник: http://tympanus.net/codrops/

Удачи! И… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: Caption Hover EffectsWEB мастеруWordPressКак сделать?
Обновление статьи: 16.04.2016
Просмотров:   725
Короткая ссылка: http://tinyurl.com/gwu4wml

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 191
  • Страниц: 26
  • Рубрик: 15
  • Меток: 162
  • Комментариев: 33


Добавить комментарий

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 120
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 123
45678910
11121314151617
18192021222324
252627282930  

MasterPRO в Twitter’e

I just uploaded “Self Stirring Mug. Чудо-кружка!” to #Vimeo: vimeo.com/231793828

About 3 weeks ago from Master PRO's Twitter via Vimeo · reply · retweet · favorite

Календарь праздников


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое