• Авторизация
Дневник galinaiv Лента друзей - Дневник - Полная версия


Полупрозрачные фоны с узорчиком 26-06-2013 13:08 к комментариям - к полной версии - понравилось!

Это цитата сообщения ka82 Оригинальное сообщение

Полупрозрачные фоны с узорчиком

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

Удачи!




http://img1.liveinternet.ru/images/attach/c/8/101/793/101793045_111.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/98/595/98595801_Bezimeni2.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/100/794/100794790_455.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/100/948/100948338_0_95b9e_2b5d1fab_XXLaa.png
[показать]

http://img0.liveinternet.ru/images/attach/c/6/98/978/98978928_e5dfd92c5f74.png
[показать]

http://img1.liveinternet.ru/images/attach/c/7/97/919/97919607_sd.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/477/101477240_Bezimeni1.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/99/394/99394047_2fee94541fc5.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/796/101796031_0980.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/782/101782893_Bezimeni2.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/671/101671117_Bezimeni1.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/428/101428690_Beluyy_Uzor_cherncvetochkiPF.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/99/737/99737641_fon3.jpg
[показать]

http://img0.liveinternet.ru/images/attach/c/8/100/549/100549898_gipyur_beluyy.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/325/101325252_0_99fa5_7a589c5d_XXLab.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/313/101313416_vazafon1.png
[показать]

http://img1.liveinternet.ru/images/attach/c/7/98/737/98737846_97560169_large_1d5af2c05cdfpngMATOVOBELUYY.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/346/101346772_0000.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/99/265/99265289_ZHeltuyy_svetluyy_UzorPF.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/775/101775669_Bezimeni1.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/96/935/96935332_Bezimeni3.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/713/101713604_Bez_imeni1.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/806/101806879_Bezimeni2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/100/119/100119385_25f82e46c40e.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/383/101383033_zxxzzxzx.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/97/338/97338984_lyubimaya_ani_edva_rozovaya.png
[показать]

http://img0.liveinternet.ru//images/attach/c/1//61/95/61095759_Roma_gra_3__60.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/522/101522970_2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/3/83/445/83445545_dlya1082.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/380/101380433_Kremovuyy_svetluyy_Ryush_PF.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/640/101640194_zheltuyy_och_svetluyy_Kruzheva.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/97/13/97013267_45.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/100/417/100417144_s.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/100/223/100223451_fonzerk1.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/99/170/99170759_Bezimeni2.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/535/101535099_Beluye_kruzheva.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/99/490/99490768_Bezimeni8.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/99/263/99263182_Bezimeni2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/96/642/96642589_4.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/99/514/99514315_0_95e1c_54ba5dcf_XXLpng.jpg
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/746/101746489_Bezimeni4.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/444/101444359_Bezimeni1.png
[показать]

http://img1.liveinternet.ru/images/attach/c/7/98/544/98544634_3574098a8ecc.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/96/889/96889428_95750556_60__2_.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/95/660/95660976_rozovuyy.png
[показать]

http://img1.liveinternet.ru/images/attach/c/7/97/272/97272399_belaya_krasivaya.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/100/697/100697992_98681820_28.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/100/99/100099314_Bezimeni2.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/701/101701646_2.png
[показать]

http://img0.liveinternet.ru//images/attach/c/1//54/804/54804884_tr0.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/745/101745971_Bezimeni3.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/96/958/96958385_12a.png
[показать]

http://img1.liveinternet.ru/images/attach/c/7/98/111/98111185_Bezimeni2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/99/821/99821045_Bezimeni2.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/100/265/100265425_frr.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/100/794/100794324_romashkifon90.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/99/874/99874355_Bezimeni3.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/794/101794225_098.png
[показать]

http://img1.liveinternet.ru/images/attach/c/7/95/250/95250829_52.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/100/547/100547627_Bezimeni5.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/99/45/99045660_Bezimeni4.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/595/101595070_Olya_rozovaya_azhur.png
[показать]

http://img1.liveinternet.ru/images/attach/c/7/95/466/95466381_vav.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/99/927/99927920_2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/97/688/97688698_Belaya_azhurnaya.png
[показать]

http://img1.liveinternet.ru/images/attach/c/6/93/271/93271842_Belaya_prozrachnaya_ya_delala.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/99/988/99988608_Bezimeni2.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/722/101722810_Bezimeni3.png
[показать]

http://img1.liveinternet.ru/images/attach/c/7/96/699/96699216_2.png
[показать]

http://img0.liveinternet.ru//images/attach/c/2//65/958/65958623_kr4.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/100/323/100323427_5.png
[показать]

http://img1.liveinternet.ru//images/attach/c/1//59/421/59421039_Tyulp_3__60.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/859/101859635_Bezimeni3.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/721/101721621_0_9b176_2262bf03_XLprozrach50.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/97/13/97013267_45.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/300/101300303_Bezimeni2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/632/101632358_Bezimeni5.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/94/942/94942036_555.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/100/646/100646060_Bolotnuyy_Setka_Uzor.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/794/101794780_Bezimeni1.png
[показать]

http://img1.liveinternet.ru/images/attach/c/7/97/724/97724738_2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/7/96/860/96860982_ii.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/591/101591107_fon_345.png
[показать]

http://img1.liveinternet.ru/images/attach/c/7/97/211/97211599_Bezimeni2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/99/951/99951144_0_8540d_170a66e8_XLjpg.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/855/101855256_0_9b39f_7d28c648_XXL.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/100/328/100328654_Bezimeni2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/885/101885420_Bezimeni2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/913/101913309_Oduvanchikfon.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/101/241/101241332_Bezimeni2.png
[показать]

http://img0.liveinternet.ru/images/attach/c/8/101/904/101904432_0.png
[показать]

http://img1.liveinternet.ru/images/attach/c/8/99/714/99714097_3.png
[показать]
вверх^ к полной версии понравилось! в evernote
Комментарии (1):
ka82 26-06-2013-13:19 удалить
рада что понравилась подборка ))
Обратиться - Ответить - К полной версии


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Полупрозрачные фоны с узорчиком | galinaiv - Дневник galinaiv | Лента друзей galinaiv / Полная версия Добавить в друзья Страницы: раньше»