Skype

ali-partners-banner

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


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

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

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

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


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

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

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

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

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

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

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

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

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


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


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

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


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

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

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

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

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

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

MasterPRO в Twitter’e

Девчонки, девчонки — короткие юбчонки… | WEB Design ✪ Graphics by MasterPRO master-sv.com/blog/t…

Last month from Master PRO's Twitter via Twitter Web Client · reply · retweet · favorite

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

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

Рубрики

  • Страницы

    Архив


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

    влажность:

    давление:

    ветер:

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