-Цитатник

Без заголовка - (0)

Сохранить в блокнотик: Взаимозаменяемые препараты Многие дорогостоящие лекарственные препа...

поздравление для меня от Вики. - (0)

С ДНЁМ РОЖДЕНИЯ АЛЕНЬКА!!!   ...

Без заголовка - (1)

Виноградное вино в домашних условиях Виноградное вино в домашних условиях сделать нетрудно – тр...

Урок ArtVaver "Речка" - (0)

Урок ArtVaver "Речка"   Выкладываю еще один урок по программе ArtWaver. Он посвящен п...

Поздравление для меня от Виктории. - (0)

С ДНЁМ РОЖДЕНИЯ АЛЕНЬКА!!!   ...

 -Рубрики

  • (0)

 -Поиск по дневнику

Поиск сообщений в Аленька

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.11.2011
Записей: 583
Комментариев: 62
Написано: 724


Полупрозрачные фоны

Понедельник, 23 Ноября 2015 г. 09:25 + в цитатник
Цитата сообщения ka82 Полупрозрачные фоны с узорчиком

Еще нашла рубрику с полупрозрачными фонами с узорчиком здесь

Смотрю тут интересные полупрозрачные фоны... с неровными краями. Красиво :)
Решила взять в коллекцию. Чтобы сделать такой в коде ниже надо вставить картинку-фон (в моем случае это например розы) и вставить светлую картинку под сам текст (в моем случае это вот такие белые цветочки по левому краю). Ну бесшовных фонов сейчас очень много. А вот ниже примеры с кодами еще и других симпатичных полупрозрачных картинок с неровным краем. Если картинка наезжает на текст и мешает его читать, то замените padding:10px 10px 10px 50px; на padding:10px 10px 10px 90px;
color:#000000 это цвет букв. Например #000000 черный #ffffff белый. Большую палитру цвета можно посмотреть здесь.
Дело в том, что это команда на сколько текст должен отступать от края сверху (это первое значение), справа (второе значение), снизу (третье значение) и слева (четвертое значение). Последнее самое большое из-за узора слева. В принципе можете установить его не 50 и не 90 а какое хотите, хоть ноль хоть 500, в зависимости от введеного числа текст будет писаться с отступом побольше или поменьше.

Удачи!








Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку