Skype

ali-partners-banner

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


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

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

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

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


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

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

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

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

captions

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

DEMO DOWNLOAD

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

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

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

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

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

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


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


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

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


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

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

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

Блуждали по сайту сегодня: 159
Смотрят страницу: 1 ( 1 гость)

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

Пн Вт Ср Чт Пт Сб Вс
 12
3456789
10111213141516
17181920212223
24252627282930
31  

MasterPRO в Twitter’e

Any Send: Самый простой и быстрый способ пересылки файлов с компьютера на смартфон и… goo.gl/fb/hbNFy3

About 6 days ago from Master PRO's Twitter via Google · reply · retweet · favorite

Информер праздников

Праздники ЛатвииПраздники России

Рубрики

  • Страницы

    Архив


    Погода
    Погода в Юрмале

    влажность:

    давление:

    ветер:

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