Шаблоны рамок
 

ШАБЛОНЫ РАМОК

Урок делаем рамочку в фотошопе.(для новичков)
 

...ВАШ ТЕКСТ будет ЗДЕСЬ,Вы сможете написать,что захотите.... ................................

Серия сообщений "РАМКИ для ЛИру,МАЙЛа,Яру по одной формуле":

Часть 1 - формула рамки в 1 слой для ЛИру,МАЙЛа и Яру
Часть 2 - образец рамки в 1 СЛОЙ для ЛИру,МАЙЛа и Яру
...
Часть 5 - формула рамки в 3 слоя для ЛИру,МАЙЛа и Яру
Часть 6 - образец рамки в 3 слоя для ЛИру,МАЙЛа и Яру
Часть 7 - формула рамки в 4 слоя для ЛИру,МАЙЛа и Яру
Часть 8 - ОБРАЗЕЦ рамка в 4 слоя для майла,лиру и Яру
Часть 9 - формула рамки с "ЗАКРЫТОЙ" картинкой
...
Часть 28 - рамка для текста
Часть 29 - рамка для текста
Часть 30 - унифицированные формулы рамок для ЛИру,Майла,Яру и ЖЖ

Урок"Фон под запись с обводкой и картинкой в разрыве.
 

Как сделать вот такую рамочку для записей поста.(по просьбе)

текст источник mimozochka

Вот скрин,где цветом я отметила,что куда вставлять.

Красный---это адрес фона рамки
бирюзовый 700px--- ширина рамки
Желтый ----цвет текста
Розовый 5 -----размер текста
Черный left---- это место разрыва рамки,у меня слева. (Можно поменять на center или right)
Бежевый----адрес картинки в разрыв
Лиловый----адрес картинки для кат
Салатовый--- адрес ссылки откуда запись взяли
Зеленый----адрес дневника вашего и ник
Если вам надо уменьшить картинку подставьте значения width"100px"или другой размер сразу после кавычек адреса картинки.
А здесь в окошке код этой рамки. Только вам подставить свои значения.
Надеюсь вам понятно.Удачи!
<table border="0" background="адрес фона" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="цвет текста"><font size="5"><font face="Monotype Corsiva"><fieldset><legend align="left"><img style="filter:alpha(opacity=100,style=3)" data-cke-saved-src="картинка в разрыв" src="картинка в разрыв" border="0" /></legend><br /> <center> текст<br /> <a href="https://www.liveinternet.ru/users/i_lesya/post320959438/"><b><img data-cke-saved-src="адрес картинки" src="адрес картинки" /><br /></b></a><br /> <a href="http://адрес ссылки поста" target="_blank"><font size="1">источник</a><br /> <center><a target="_blank" data-cke-saved-href="адрес дневника" href="адрес дневника"><font size="+1">ваш ник</font></a></center></font></center></fieldset> </font></font></font></i></b></center></td></tr></table>

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."
 

Дополнение к уроку " Рамка с разрывом."
 

Опять по просьбе сделала добавление к уроку.
Если нужно поменять цвет и размер обводки
Урок рамки с разрывом
................................

ТЕКСТ источник mimozochka

....................................

Вот эти теги кроме последнего fieldset.
Поставьте их как на скрине .Когда процитируете увидите теги.

 

.......................................
Это код рамочки с разрывом той,что выше
<center><table border="0" background="//img-fotki.yandex.ru/get/9505/230052382.80/0_100104_a21d1f19_S.jpg" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="0B4B0C"><font size="5"><font face="Monotype Corsiva"><fieldset style=" border:7px #0B4B0C solid; padding: 10px; margin:0px 0px 0px 0px;"><legend align="left"><img style="filter:alpha(opacity=100,style=3)" data-cke-saved-src="//img-fotki.yandex.ru/get/9828/136160416.15a/0_104e5a_2ffe67f0_XS.gif" src="//img-fotki.yandex.ru/get/9828/136160416.15a/0_104e5a_2ffe67f0_XS.gif" border="0" /></legend><br /> <center>ТЕКСТ<br /> <a href="https://www.liveinternet.ru/users/i_lesya/post321695710/"><b><img data-cke-saved-src="//img-fotki.yandex.ru/get/6618/39663434.20e/0_7c0bc_751cf29d_XL.jpg%3Cbr%20/%3E" src="//img-fotki.yandex.ru/get/6618/39663434.20e/0_7c0bc_751cf29d_XL.jpg%3Cbr%20/%3E" /><br /></b></a><br /> <a href="http://2photo.ru/ru/post/25805" target="_blank"><font size="1"><font color="0B4B0C">источник</a><br /> <center><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/users/3370207/blog/" href="http://www.liveinternet.ru/users/3370207/blog/"><font color="0B4B0C"><font size="+1">mimozochka</font></font></a></center></font></font></center></fieldset> </font></font></font></i></b></center></td></tr></table></center>

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."
 

Делаем рамки

Серия сообщений "Делаем рамки":
Часть 1 - Делаем рамки - серия уроков ФШ
Часть 2 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 3 - ДЕЛАЕМ В ФШ РАМКУ С ЗАКРУГЛЕННЫМИ УГОЛКАМИ
Часть 4 - Рамка в ОДИН слой
Часть 5 - Делаем разрезную рамку в ФШ
Часть 6 - УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ
Часть 7 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 8 - ОТВЕТ ОППОНЕНТУ...))
Часть 9 - Учимся делать рамку в три слоя
Часть 10 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 11 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 12 - Как вставить ПРОКРУТКУ в пост
Часть 13 - Делаем простую Рамку с двигающимся текстом
Часть 14 - Шаблоны рамок
Часть 15 - КАК СДЕЛАТЬ "ЗАСНЕЖЕННУЮ" РАМОЧКУ В ФШ
Часть 16 - Делаем ФШ разрезную рамку с обрамлением
Часть 17 - Делаем ФШ-рамку
Часть 18 - ЗАГИБАЕМ УГОЛОК
Часть 19 - Урок для КОРЕЛА "Monika"
Часть 20 - Урок - Рамочка многослойная в ФШ
Часть 21 - Учимся делать рамку для записи в 2 слоя
Часть 22 - Урок "Рамочка сделанная в Фотошопе"
Часть 23 - УРОК = КАК Я ДЕЛАЮ РАЗРЕЗНУЮ РАМОЧКУ В ФОТОШОП
Часть 24 - Делаем ФШ рамку с помощью бордюрных масок
Часть 25 - УРОК =ОРИГИНАЛЬНАЯ РАМОЧКА=
Часть 26 - Урок "Как избежать деления рамочки ФШ при написании в ней текста"
Часть 27 - Делаем в ФШ рамку для видео
Часть 28 - Делаем "рваную" рамку
Часть 29 - Как сделать рамочку в ФШ (1-я ЧАСТЬ урока) - урок от Мираж
Часть 30 - Как сделать рамочку в ФШ (2-я ЧАСТЬ урока) - урок от Мираж
Часть 31 - Делаем ФШ рамку - видео-урок
Часть 32 - Делаем рамку в Корел
Часть 33 - Простая рамка для записи с часиками
Часть 34 - Урок как сделать закругления по краям рамки и "кармашки"
Часть 35 - Цветные рамочки для текста
Часть 36 - Простые рамки с заголовком
Часть 37 - Простые рамки с фоном
Часть 38 - Прерывистые рамки для текста
Часть 39 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 40 - Как сделать разрезную рамку в ФШ
Часть 41 - Коды для Мейла и ЛиРу
Часть 42 - Делаем разрезную рамку в ФШ

Как ставить двойной фон в записи
 

Делаем оригинальные рамочки без фонов. Урок!
 

Вот такие рамочки с оригинальным дополнением без фонов можно использовать под ваши изображения, фото, текст. Очень просты в использовании, не надо подбирать фон. Потратите несколько минуток, что бы поставить код цвета, поменять ширину обводки, ширину рамки и оля_ля..рамочка готова. Мне лично нравятся. Кто захочет тоже делать такие, объясню, что в коде рамочек вы будете менять по-своему желанию. А кого устраивает и такой цвет, для тех я выставлю коды. И пожалуйста меняйте значения именно там, где я указала и нигде больше! Итак: под каждой рамочкой идет скрин, где я указала, где и что менять.
Начнем с этой, с разрывом. Многие из вас такими пользуются, немного другого дизайна и она уже смотрится более оригинальной. Подчеркну: все что я указала на скрине, можно менять - и цвет и px.

...Здесь будет ваша запись...картинки...

СКРИН

Как сделать рамочку в фотошопе из бордюрной маски. Большой выбор Бордюрных масок можно найти в поисковике Интернета. Большой размер рамочки делать нежелательно, выглядеть рамочка будет более элегантно небольшого р-ра. Я обычно при создании рамочки устанавливаю размер width-ширина - 750 пикс. Помните,что вставляя адрес ссылки частей рамочки в формулу необходимо строго придерживаться размеров соотношения ВЫСОТЫ - height="..." и ШИРИНЫ - width="...", иначе рамочка не сложится. Украшение рамочки зависит от вашей фантазии. ******* Спасибо за Внимание. Мадамочка Алюнь

Серия сообщений "•теория":

Часть 1 - Анимация в фотошопе CS5. Урок 3 "Лиса Алиса".Видеоурок.
Часть 2 - Новое в Photoshop CS5 - 6.Быстрое выделение волос.Видеоурок.
...
Часть 27 - Создание интересного абстрактного эффекта в photoshop.
Часть 28 - Фотошоп для новичков.Видео уроки (плейлист)
Часть 29 - Как сделать рамочку в фотошопе из бордюрной маски.
Часть 30 - Текст из лавы в фотошопе.Видеоурок от В.Федоткина.
Часть 31 - Сияющий текст в фотошоп.
...
Часть 34 - Рисуем на запотевшем окне.
Часть 35 - Манипуляции с текстом в PHOTOSHOP.
Часть 36 - Photoshop CS6 на русском языке.Курс Самоучителя.

Серия сообщений "••мои уроки•• ":

Часть 1 - Фотоколлаж из фрагментов картинки.
Часть 2 - Урок•Делаем Коллаж• .
...
Часть 15 - Простой приём создания Абстрактного фона.
Часть 16 - Создание интересного абстрактного эффекта в photoshop.
Часть 17 - Как сделать рамочку в фотошопе из бордюрной маски.
Часть 18 - Простой приём создания Абстрактного фона.Цифровой эффект.
Часть 19 - Королева грибов.Фото манипуляция.
...
Часть 44 - Как сделать общий фон для дневника на LiveInternet в фотошопе CS5(часть 2).
Часть 45 - Как сделать фон для сообщений в дневнике на LiveInternet в фотошопе CS5.
Часть 46 - Как сделать общий фон для дневника на LiveInternet в фотошопе CS5(часть 3).

Серия сообщений " - Оформление текста":

Часть 1 - Шрифты для текста.
Часть 2 - Картинки и текст. Пишем в два столбика
Часть 3 - Пишем словно золотом...
Часть 4 - ...Формулы красивых шрифтов с кодами.
Часть 5 - Как выровнять текст в рамках на LI.RU
...
Часть 7 - Обводка текста без фотошопа...
Часть 8 - Объёмный текст без фотошоп...
Часть 9 - Курсоры

Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!

Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!

Копируем в окошечке код.
<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px; font-size: 17px; color: #fffe9f;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото )

Посмотри, КАК ЕЩЁ можно оформить текст

Серия сообщений " - Оформление текста":

Часть 1 - Шрифты для текста.
Часть 2 - Картинки и текст. Пишем в два столбика
...
Часть 5 - Как выровнять текст в рамках на LI.RU
Часть 6 - Огненный текст без фотошопа
Часть 7 - Обводка текста без фотошопа...
Часть 8 - Объёмный текст без фотошоп...
Часть 9 - Курсоры

Красивый Текст

Иногда очень хочется оригинально оформить оглавление (название) своего поста. На сайте "Шпаргалка блогера" познакомилась с приведенными ниже видами красивого оформления текста. Я, правда, ещё не все уразумела, поэтому делюсь с вами тем, что поняла и освоила.

Свойство text-shadow:1px1px1px#000 имеет четыре параметра:

X Y амплитуда цвет

X - горизонтальное смещение тени к тексту (положительное значение - вправо, отрицательное - влево),

Y - вертикально смещение тени к тексту (положительное - вниз, отрицательно - вверх),

амплитуда - чем выше значение, тем больше степень размытия,
#000 - цвет тени.
Можно добавить две и более тени через запятую.

Смотрите дальше

Источник
Можно ещё посмотреть:
Огненный текст без ФШ;
Обводка текста без ФШ.

Серия сообщений " - Оформление текста":

Часть 1 - Шрифты для текста.
Часть 2 - Картинки и текст. Пишем в два столбика
...
Часть 6 - Огненный текст без фотошопа
Часть 7 - Обводка текста без фотошопа...
Часть 8 - Объёмный текст без фотошоп...
Часть 9 - Курсоры

Решила сделать для себя небольшую шпаргалочку того, что довольно часто использую в своих записях, а запомнить никак не могу... ЧАСТО ИСПОЛЬЗУЕМЫЕ РАМКИ ДЛЯ ТЕКСТА: 1. Выпуклая с тенью <img src="http://petitemimine.p.e.pic.centerblog.net/7d5eb409.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="width:710px;height:***px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:0px solid #***;background-image: url('');background-color:#0;-webkit-box-shadow:inset rgba(0,0,0,.5) -3px -3px 8px,inset rgba(255,255,255,.9) 3px 3px 8px,rgba(0,0,0,.8) 3px 3px 8px -3px;"><center><div style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000066;font-size:20px">***ВАШ ТЕКСТ***<br /><br /> <br /><br /><br /> </span></div></center></div> 2. Розовая (любимая): <table style="border:ШИРИНА БОРДЮРАpx ВИД БОРДЮРА #КОЛОР" background="//s017.radikal.ru/i434/1204/b6/5e12899c65bc.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:ШИРИНА ФОНА(20-60 пикселей)px"><table width="700" style="border:ШИРИНА БОРДЮРАpx ВИД БОРДЮРА #КОЛОР" background="http://www.siti-stroi.info/_ph/20/2/503374972.jpg?1449884777" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align=""><span style="font-family:Liruss TYGRA(TrueType);color:#000000;font-size:14px"><i><center>*<div style="border-radius:5px;padding:10px;background-image:url('http://www.siti-stroi.info/_ph/20/2/503374972.jpg?1449884777');width:95%;;box-shadow: 0px 5px 10px 4px #000000;"><center><br /><font face="Arlekino"> <text size="5"><font size="+1"><font color="#000000"> ***ВАШ ТЕКСТ***</font></font></text> </font><br /><br /></center></div></center><br /><br /> <center><font size="1"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://Адрес" target="_blank">Источник</a><br /><br /> </font></center></i></span><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></td></tr></table></td></tr></table><br /><br /> 3. С разрывом и тенью: <fieldset style="width:700px;border:5px#fff799 ridge ; padding:20px; border-radius:УГОЛpx;box-shadow: 0px 0px 20px #000000;"><br /><br /> <legend align="center"><img src="КАРТИНКА" /></legend>Здесь будет Ваш текст</fieldset> Цвет золотистый fff799; ШИРИНА в пикселях примерно до 650. <legend align="left"></legend> разрыв с картинкой слева; <legend align="right"></legend> разрыв с картинкой справа; <legend align="center"></legend> разрыв с картинкой по цeнтру. ВИДЫ БОРДЮРОВ solid - рамка из сплошной линии; dotted - точечная линия; dashed - пунктирная линия; double - рамка из двойной сплошной линии; groove - вдавленная линия; ridge - выпуклая линия; inset - вся рамка кажется вдавленной; outset - вся рамка кажется выпуклой. ВЫРАВНИВАНИЕ ТЕКСТА: align="justify" ЛЮБИМЫЙ ШРИФТ: Первый <span style="font-family:Segoe Print;color:#a06c3a;font-size:18px"><b></b></span> Второй<em><span style="font-size:14px;"><span style="font-family: comic sans ms,cursive;">...</span></span></em> ВЫДЕЛЕНИЕ ЦИТАТЫ: <p style="margin: 1em 0px 1em 30px;">***ВАШ ТЕКСТ***</p> [quote]текст[/quote] ОКНО ДЛЯ КОДОВ рамок, открыток, коллажей: 1. <textarea rows="2" cols="20">ВАШ КОД</textarea> 2. ССЫЛКА НА ЧТО-ЛИБО: <a target="_blank" href="Адрес ссылки" title="всплывающий текст(необязательно)">текст или картинка</a> КАРТИНКА: <img src="Адрес картинки" /> ДЛЯ СМЕНЫ ЦВЕТА ШРИФТА: [color=цвет]текст[/color]

Серия сообщений " *** ШПАРГАЛКИ ":

Часть 1 - Моя мини-Бродилочка (делаем рамочки, пишем красиво)
Часть 2 - Часто использую, а запомнить никак не могу...(мини шпаргалка)
Часть 3 - СПЕЦКОДЫ
Часть 4 - Окно для вставки кодов РАМОЧЕК,ОТКРЫТОК, ПЛЕЕРОВ...
...
Часть 13 - Отличный помощник в работе с компьютером...
Часть 14 - Читать закрытые записи
Часть 15 - Одеваем плеер в одежку

Серия сообщений "ШПАРГАЛКИ":

Серия сообщений "-HTML":

Урок, как сделать полукружья по краю рамочки и кармашки в самой рамочке. 1. Создадим заготовку для рамочки (по вашему желанию) 2. Под заготовкой добавляем прозрачный фон, большего размера,чем сама заготовка (см предыдущий урок) 3. Встали на слой с рамкой и инструментом овальная область нарисовали круг Далее...

Nata Vi

Код рамочки:

Красивый текст для блога