Svoboda | Graniru | BBC Russia | Golosameriki | Facebook

 -Метки

18+ bazzlan авылым адрес анекдот анекдоты арт бдсм боль буква буквы вася ложкин вася_ложкин васяложкин весна вилки вопрос входная дверь география гиф гифки голод гороскоп графити граффити далматин далматинец дверь двустишия девушка девушки и лошади еда желание желания женское женщина зарядка звезды здоровье зима игра игры имена имя иностранец история карта картинка картинки карты книга книги кони концептуальное концептуальный короновирус кот коты котэ кофе кошки крэйг кукурузные леди лето лица вещей логика ложкин ломка лошади лошадь луна любовь магия меланхолия мой сон мужчина музыка надписи наказание ночь осень оформление палиндром позитив позитиф позитифф полупирожки поляков порка пошлость праздник прикол природа психология психософия психотип птица птицы радость радуга рамка рамки рамочка рамочки реклама розги русский русский язык секс сердечки символы смайл смешно совместимости сон соционика социотип спорт стих стихи страх стри-арт стрит танец танцульки танцы теги текст тема тест тесты тим туган туган авылым туган_авылым ужас упражнение физкультура философия философски фильм флеш флешка флешки фон фоны фото фотографии фразы цветы чай чашка чашки шоколад щавед экстрасенсорика эмоции эмоция эротика эштон_крэйг юмор языг язык

 -Помощь новичкам

Всего опекалось новичков: 0
Проверено анкет за неделю: 0
За неделю набрано баллов: 0 (57753 место)
За все время набрано баллов: 777 (615 место)

 -Я - фотограф

Просто понравившиеся картинки )))

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

Поиск сообщений в ka82

 -Статистика

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

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

Дневник

Суббота, 08 Июня 2013 г. 14:50 + в цитатник

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

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

Удачи!








Рубрики:  Уроки/Рамочные законы
Копируете код, заменив всего ДВА слова ВАШ ТЕКСТ на ваш текст

Метки:  

Фоны под текст

Дневник

Четверг, 17 Марта 2011 г. 11:37 + в цитатник

В данной рамочке 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 - Читать закрытые записи


    Метки:  

    Пост - просто картинка!

    Дневник

    Среда, 26 Августа 2009 г. 12:34 + в цитатник
    ЧТО-ТО ПОВТОРЮ, ЧТО-ТО ПЕРЕПРАВЛЮ...
    1. Как вставить картинку. Здесь сам код, в который надо вставлять адрес картинки с сайта
    [img]АДРЕС КАРТИНКИ В ИНТЕРНЕТЕ[/img]


    2. Если картинка не подходит по размерам. Пишется так:

    ВНИМАТЕЛЬНО СОБЛЮДАЙТЕ ПРОПОРЦИИ ЕСЛИ НЕ ХОТИТЕ ЧТОБЫ КАРТИНКА РАСПЛЫЛАСЬ. ПОДПИСЬ ПОЯВЛЯЕТСЯ ПРИ НАВЕДЕНИИ НА КАРТИНКУ КУРСОРА
    ВОТ ТАК ПРОПОРЦИИ НЕ СОБЛЮДЕНЫ ВОТ ТАК ПРОПОРЦИИ НЕ СОБЛЮДЕНЫ

    3. Картинка затуманивается. Здесь цифрой показан фильтр 2 (ищите слова style=2), лично мне он больше всех нравится. Можете поменять его на 0 или 1
    Есть картинки, которые по краям как бы затуманиваются. Но это видно не во всех браузерах, а например в браузере Internet Explorer. Например вот:

    style=1


    style=2



    4.
    4.1. МОЙ ТЕКСТ МОЙ ТЕКСТ МОЙ ТЕКСТ
    ТЕКСТ ТЕКСТ ТЕКСТ

    4.2. МОЙ ТЕКСТ МОЙ ТЕКСТ МОЙ ТЕКСТ
    ТЕКСТ ТЕКСТ ТЕКСТ

    4.3. МОЙ ТЕКСТ МОЙ ТЕКСТ МОЙ ТЕКСТ
    ТЕКСТ ТЕКСТ ТЕКСТ

    4.4. МОЙ ТЕКСТ МОЙ ТЕКСТ МОЙ ТЕКСТ
    ТЕКСТ ТЕКСТ ТЕКСТ

    4.5. МОЙ ТЕКСТ МОЙ ТЕКСТ МОЙ ТЕКСТ
    ТЕКСТ ТЕКСТ ТЕКСТ
    4.1.
    4.2.
    4.3.
    4.4.
    4.5.

    5.
    Устанавливает толщину рамки вокруг изображения. Отсутствие рамки: border="0"


    6.
    6.1. ТЕКСТ ДЛЯ КРАСНОГО ПОДЧЕРКИВАНИЯ

    6.2. ТЕКСТ ДЛЯ ЗЕЛЕНОГО ПОДЧЕРКИВАНИЯ

    6.1.
    6.2.
    Пояснение: можно сделать прозрачную картинку гиф с чертой любого цвета, потому что ссылка идет именно на такую картинку.

    7. Фоновая картинка.
    Как вставить фоновую картинку, отличную от картинки днева http://www.liveinternet.ru/users/ka82/post88771163/

    8
    8.1.
    ВАШ ТЕКСТ

    8.2.
    ВАШ ТЕКСТ СЛЕВА ВАШ ТЕКСТ СПРАВА

    8.1.
    8.2.

    9. Слайд-шоу из картинок: Слайд-шоу из картинок: смотри в комментариях к посту http://www.liveinternet.ru/users/ka82/post89422126/, страница 1. Два варианта.

    Серия сообщений "Кодировщик":
    Шрифты, кнопки и прочее оформление
    Часть 1 - Оформление днева (разные сайты и генераторы)
    Часть 2 - Дизайн сообщений днева с принтскрином
    ...
    Часть 7 - Цветовая палитра
    Часть 8 - Курсоры на выбор для браузеров типа Internet Explirer
    Часть 9 - Пост - просто картинка!
    Часть 10 - Фильтруем (подходит для браузера Internet Explorer)
    Часть 11 - Как сделать открыточку с музыкой? Смотрим
    ...
    Часть 30 - Фильтруем (убедитесь, что ваш браузер видит тени букв)
    Часть 31 - Тень у рамки
    Часть 32 - Читать закрытые записи


    Метки:  

    Это для вас, ПЧелки!!!

    Дневник

    Четверг, 07 Мая 2009 г. 15:35 + в цитатник

    КАРТИНКА, КОТОРУЮ МОЖНО ПОДПИСАТЬ. КАК ЭТО СДЕЛАТЬ:



    ВОТ ВОЗМОЖНЫЕ ФОНЫ. НИЖЕ ОНИ ПОДПИСАНЫ ТЕКСТОМ


    6 (397x254, 19Kb)

    +++СМОТРИМ+++
    Рубрики:  Bildинг (с нем. Bild - картина)/В гостевые и комменты
    Полный код вставки НАД картинкой

    Метки:  

    Фоны к сообщениям

    Дневник

    Воскресенье, 02 Ноября 2008 г. 16:03 + в цитатник
    Рубрики:  Спецэффекты и шоу

    Метки:  

     Страницы: [1]