ali-partners-banner

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


Пишем текст поверх картинки. Вариант №2

Пост №   145  от 29 марта 2016   |  Категория: WEB мастеру, Новости, С Миру по нитке  |  Комментариев нет Print

text-over-images-2 В одной из своих прошлых публикаций я уже упоминал о способе написания текста поверх изображения средствами CSS. Сегодня рассмотрим еще один вариант позиционирования.

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


Чтобы сразу видеть разницу в примерах, посмотрите раннюю статью. А теперь перейдем к сегодняшнему примеру. И, для начала, смотрим рабочий пример.

Как видите, здесь можно с легкостью форматировать текст и ссылки по своему усмотрению и, в зависимости от дизайна темы, задавать стили (как уже было сказано выше) к каждому блоку разные. А теперь — код:

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

Вот и все. Замените картинку, текст, ссылки, стили в коде и пользуйтесь!

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

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

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

Метки: CSSDesignWEB мастеруКак сделать?
Обновление статьи: 04.06.2017
Просмотров:   506
Короткая ссылка: http://tinyurl.com/jajmg2l

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


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


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

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


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

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

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

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

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

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

MasterPRO в Twitter’e

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

About 2 weeks ago from Master PRO's Twitter via Google · reply · retweet · favorite

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


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


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