ali-partners-banner

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


Пишем текст поверх картинки средствами CSS

Пост №   18  от 21 апреля 2013   |  Категория: WEB мастеру, Новости  |  Комментариев нет Print

text-over-imagesНе так давно, работая над одним из сайтов, по желанию заказчика нужно было реализовать такую «примочку», как отображение текста поверх изображения. Подобные эффекты реализуются в слайдерах и галереях довольно таки часто.

Данный пример можно с успехом применить и к отдельной картинке, достаточно прописать css позиционирование текста, относительно размеров самого изображения…


Данный вариант отлично смотрится в блоге, где одна и та же картинка применима для одной темы постов, к примеру, «Сниппеты WordPress». И первое, что мы сделаем, это…

  • Выберем изображение
  • Пропишем стили к нему
  • И выведем блок в нужном месте

В итоге, у нас получится вот такое…

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

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

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

Метки: WEB мастеруWordPressКак сделать?
Обновление статьи: 19.01.2015
Просмотров:   5566
Короткая ссылка: http://tinyurl.com/d2qky98

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


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


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

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


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

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

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

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

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

Пн Вт Ср Чт Пт Сб Вс
 123456
78910111213
14151617181920
21222324252627
28293031  

MasterPRO в Twitter’e

Уникальный совет, как похудеть без финансовых затрат…: В наше время, когда изобилие… goo.gl/fb/Vq91W6

About a month ago from Master PRO's Twitter via Google · reply · retweet · favorite

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


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


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