(и еще 162708 записям на сайте сопоставлена такая метка)
Другие метки пользователя ↓
4л bazzlan авылым арт бдсм вася ложкин васяложкин вилки входная дверь граффити далматин далматинец дверь двустишия девушка девушки и лошади еда желание женское женщина звезды зима игра игры имя иностранец картинки карты книга короновирус кот коты котэ кошки крэйг кукурузные логика ложкин луна любовь мужчина музыка надписи наказание ночь осень оформление позитив позитиф позитифф полупирожки поляков порка пошлость праздник природа психология птица птицы рамка рамки рамочка рамочки русский русский язык секс сердечки смешно совместимости сон соционика социотип спорт стих стихи тема тест тесты туган туган авылым туган_авылым философия флеш флешки щавед эмоции эмоция эротика эштон_крэйг юмор языг язык
Полупрозрачные фоны с узорчиком |
Дневник |
Еще нашла рубрику с полупрозрачными фонами с узорчиком здесь
Смотрю тут интересные полупрозрачные фоны... с неровными краями. Красиво :)
Решила взять в коллекцию. Чтобы сделать такой в коде ниже надо вставить картинку-фон (в моем случае это например розы) и вставить светлую картинку под сам текст (в моем случае это вот такие белые цветочки по левому краю). Ну бесшовных фонов сейчас очень много. А вот ниже примеры с кодами еще и других симпатичных полупрозрачных картинок с неровным краем. Если картинка наезжает на текст и мешает его читать, то замените padding:10px 10px 10px 50px; на padding:10px 10px 10px 90px;
color:#000000 это цвет букв. Например #000000 черный #ffffff белый. Большую палитру цвета можно посмотреть здесь.
Дело в том, что это команда на сколько текст должен отступать от края сверху (это первое значение), справа (второе значение), снизу (третье значение) и слева (четвертое значение). Последнее самое большое из-за узора слева. В принципе можете установить его не 50 и не 90 а какое хотите, хоть ноль хоть 500, в зависимости от введеного числа текст будет писаться с отступом побольше или поменьше.
|
Метки: фон фоны оформление дизайн |
Фоны под текст |
Дневник |
В данной рамочке font color="#FFFF99" а адрес картинки фона //img1.liveinternet.ru/images/attach/c/1//58/195/58195115_roz111.jpg У ссылок ниже font color=#FFEFD5 |
//img1.liveinternet.ru/images/attach/c/1//59/496/59496631_333.JPG font color например #000000 означает цвет букв. Можете оставить везде черный цвет, а можете выбрать по цветовой палитре (ссылка выше) Размер size= и остальные шаблоны редактирования текста смотрите в шпаргалке наверху моей страницы дневника либо в иных источниках html-редактирования |
//img0.liveinternet.ru/images/attach/c/2//71/853/71853360_111111.jpg |
//img0.liveinternet.ru/images/attach/c/2//71/853/71853360_111111.jpg Цвет этих букв такой: #8B4513 Хотите оставить черные буквы - оставляйте номер #000000 как в шаблоне |
Можете убрать size="+1", поскольку в данном фоне цвет фона достаточно светлый и не нуждается в крупном шрифте, можете буквы сделать бордовыми или какими захотите пользуясь шпаргалкой цветовой палитры и изменить значение font color=#000000. Картинка данного фона такая: //img0.liveinternet.ru/images/attach/c/2//71/186/71186709_22.jpg |
//img1.liveinternet.ru/images/attach/c/2//72/161/72161978_wd.jpg Буквы такого цвета для данного фона:#8B3626 Буквы такого цвета для данного фона:#006633 Буквы такого цвета для данного фона:#8B864E Или предложите свой цвет |
//img1.liveinternet.ru/images/attach/c/2//72/161/72161442_de.jpg |
//img0.liveinternet.ru/images/attach/c/1//59/259/59259433_nnn.jpg |
//img0.liveinternet.ru/images/attach/c/1//58/747/58747100_karta_fon.jpg |
//img1.liveinternet.ru/images/attach/c/1//57/730/57730615_tetradka_si.jpg |
//img1.liveinternet.ru/images/attach/c/1//57/503/57503582_555559.jpg |
//img0.liveinternet.ru/images/attach/c/1//57/503/57503560_55555511.jpg |
//img0.liveinternet.ru/images/attach/c/1//57/483/57483025_121212.jpg |
//img1.liveinternet.ru/images/attach/c/1//57/336/57336175_roz.jpg |
//img0.liveinternet.ru/images/attach/c/1//57/14/57014736_42820012_1240254058_WA03_060L.jpg |
//img1.liveinternet.ru/images/attach/c/1//57/3/57003575_234.JPG |
//img1.liveinternet.ru/images/attach/c/1//55/943/55943207_eda37a.jpg |
//img1.liveinternet.ru/images/attach/c/1//55/725/55725591_1256797083_razpolos16.jpg |
//img0.liveinternet.ru/images/attach/c/2//72/162/72162280_ra.jpg |
//img0.liveinternet.ru/images/attach/c/6/92/541/92541682_a.jpg |
//img1.liveinternet.ru/images/attach/c/6/92/541/92541701_b.jpg |
//img0.liveinternet.ru/images/attach/c/6/92/545/92545672_5.jpg |
//img1.liveinternet.ru/images/attach/c/6/92/659/92659893_11.jpg |
Серия сообщений "Кодировщик":Шрифты, кнопки и прочее оформлениеЧасть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
...
Часть 15 - Полупрозрачные рамки
Часть 16 - Рамка с автооглавлением и главами
Часть 17 - Фоны под текст
Часть 18 - Знаки и символы
Часть 19 - Новостная бегущая строка для дневника, сайта
...
Часть 30 - Фильтруем (убедитесь, что ваш браузер видит тени букв)
Часть 31 - Тень у рамки
Часть 32 - Читать закрытые записи
Метки: фоны оформление фон |
Пост - просто картинка! |
Дневник |
style=1
style=2
![]() | ВАШ ТЕКСТ | ![]() |
ВАШ ТЕКСТ СЛЕВА | ![]() | ВАШ ТЕКСТ СПРАВА |
Серия сообщений "Кодировщик":Шрифты, кнопки и прочее оформлениеЧасть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
...
Часть 7 - Цветовая палитра
Часть 8 - Курсоры на выбор для браузеров типа Internet Explirer
Часть 9 - Пост - просто картинка!
Часть 10 - Фильтруем (подходит для браузера Internet Explorer)
Часть 11 - Как сделать открыточку с музыкой? Смотрим
...
Часть 30 - Фильтруем (убедитесь, что ваш браузер видит тени букв)
Часть 31 - Тень у рамки
Часть 32 - Читать закрытые записи
Метки: картинки оформление картинка фон фоны фоновый на фоне длина ширина |
Это для вас, ПЧелки!!! |
Дневник |
![]() +++СМОТРИМ+++ ![]() |
Метки: фоны картинки аватары аватар оформление фон |
Фоны к сообщениям |
Дневник |
Серия сообщений "Кодировщик":Шрифты, кнопки и прочее оформлениеЧасть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
Часть 3 - Алфавиты (+ генераторы в комментах)
Часть 4 - Фоны к сообщениям
Часть 5 - Возможности с текстом: новое! (для браузеров типа Explorer)
Часть 6 - Теги танцующие
...
Часть 30 - Фильтруем (убедитесь, что ваш браузер видит тени букв)
Часть 31 - Тень у рамки
Часть 32 - Читать закрытые записи
Метки: фоны оформление текст фон буква буквы фоны для днева |
Страницы: | [1] |