Рамочка по формуле от мадам Ольга(прокрутка)+КОД

Серия сообщений "***МОИ ФОРМУЛЫ":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 28 - Рамочка фигурная+КОД
Часть 29 - Рамочка с объемным фоном+КОД
Часть 30 - Рамочка по формуле от мадам Ольга(прокрутка)+КОД
Часть 31 - Рамочка с прокруткой...прозрачный фон +КОД
Часть 32 - Простая рамочка+КОД
...
Часть 40 - КАРТИНКА-РАМОЧКА с прокруткой+КОД
Часть 41 - КАРТИНКА-РАМОЧКА с прокруткой(без фона записи)+КОД
Часть 42 - РАМОЧКА с плывушим текстом+КОД

Серия сообщений "***МОИ РАМКИ+код":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 25 - Рамочка фигурная+КОД
Часть 26 - Рамочка с объемным фоном+КОД
Часть 27 - Рамочка по формуле от мадам Ольга(прокрутка)+КОД
Часть 28 - Рамочка с прокруткой...прозрачный фон +КОД
Часть 29 - Простая рамочка+КОД
...
Часть 37 - КАРТИНКА-РАМОЧКА с прокруткой+КОД
Часть 38 - КАРТИНКА-РАМОЧКА с прокруткой(без фона записи)+КОД
Часть 39 - РАМОЧКА с плывушим текстом+КОД

Рамочка с прокруткой...прозрачный фон +КОД

 

***МОЙ КОД***

***КОД ДЛЯ ВАС***

Серия сообщений "***МОИ ФОРМУЛЫ":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 29 - Рамочка с объемным фоном+КОД
Часть 30 - Рамочка по формуле от мадам Ольга(прокрутка)+КОД
Часть 31 - Рамочка с прокруткой...прозрачный фон +КОД
Часть 32 - Простая рамочка+КОД
Часть 33 - Рамочка с фонами+КОД
...
Часть 40 - КАРТИНКА-РАМОЧКА с прокруткой+КОД
Часть 41 - КАРТИНКА-РАМОЧКА с прокруткой(без фона записи)+КОД
Часть 42 - РАМОЧКА с плывушим текстом+КОД

Серия сообщений "***МОИ РАМКИ+код":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 26 - Рамочка с объемным фоном+КОД
Часть 27 - Рамочка по формуле от мадам Ольга(прокрутка)+КОД
Часть 28 - Рамочка с прокруткой...прозрачный фон +КОД
Часть 29 - Простая рамочка+КОД
Часть 30 - Рамочка с фонами+КОД
...
Часть 37 - КАРТИНКА-РАМОЧКА с прокруткой+КОД
Часть 38 - КАРТИНКА-РАМОЧКА с прокруткой(без фона записи)+КОД
Часть 39 - РАМОЧКА с плывушим текстом+КОД

Рамочки с флагом своей страны.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 18 - 100 самых полезных сайтов Интернета
Часть 19 - Как правильно вставлять код в окошко для кодов.
Часть 20 - Рамочки с флагом своей страны.

Урок от Svetli: делаем рамочку в Рhotoshop

Спрашивали-отвечаю.Как я делаю выпуклую рамочку в фотошопе.

Как я в фотошопе делаю выпуклую рамочку

Сразу предупреждаю,это не урок,я их писать не умею.Меня спросили,я вам ответила))).Все делаю методом "научного тыка"и просто выкладываю скрины и пояснения к ним. Открываем фотошоп.Файл-создать новый документ.

читать далее

Узорная рамочка (урок для фотошопа)

По просьбе ПЧ , я вам расскажу как в программе Фотошоп
сделать "Узорную рамочку"

И так начнем

Читать далее...

Совет по кодам для разрезных рамочек ФШ

Взяла на себя смелость поставить такой пост

Уважаемые члены соо Best_of_Callery, с вашего позволения хочу поделиться своим опытом. При заполнении кода для разрезной рамочки ФШ, мы пользуемся кодами. Их несколько, слегка отличающихся друг от друга. Есть код для рамочки, в котором не указывается размер(ширина) текста. Если вы ставите стихи, то подойдет практически любой код для рамочки. Но если у вас взяли рамочку и хотят поставить притчу, рассказ или другую прозу, то текст выходит за все пределы рамки. Я, советую вам использовать код для разрезной рамочки ФШ, которым пользуюсь сама <center><table border="0" background="АДРЕС ВЕРХНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА ВЕРХНЕЙ ЧАСТИ" width="ШИРИНА ВЕРХНЕЙ ЧАСТИ"> <tr><td> <img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /> </td></tr></table><table border="0" background="АДРЕС СРЕДНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА СРЕДНЕЙ ЧАСТИ" width="ШИРИНА СРЕДНЕЙ ЧАСТИ"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"><center><font face="Monotype Corsiva" color="#КОД ЦВЕТА ТЕКСТА" style="font-size:25px"> <i> <b><br />ВАШ ТЕКСТ...<br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="АДРЕС НИЖНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА НИЖНЕЙ ЧАСТИ" width="ШИРИНА НИЖНЕЙ ЧАСТИ"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ВАШЕГО БЛОГА" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> ВАШ НИК ИЛИ ПОДПИСЬ</b></font> </a></center></td></tr></table></center><br /> <br /> Как видите здесь можно поставить и ширину текста, шрифт размер и вид, цвет(код) текста. У вас не будет возникать никаких проблем. А вообще-то, я всегда вставляю текст и проверяю написание уже в готовой рамочке. Вот пока и все. Что-то будет не понятно, спрашивайте, буду рада ответить. Ljbov

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

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

В ожидании нового года :)


<div style="background-image: url('//img0.liveinternet.ru/images/attach/c/9/126/559/126559884_e31p.png'); width:699px; "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/4/84/491/84491800_123.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat; background-position: 100% 100%; "><center><img src="//img1.liveinternet.ru/images/attach/c/9/126/559/126559787_e31f5202.gif" width="600" height="429" /></center><br /><div style="padding:0px 40px 20px 40px; "><center> ВСТАВКА 1, новая строка или несколько строк, ВСТАВКА 2, новая строка И Т.Д. или удалите эти слова</center></div></div></div>


<div style="padding:0px 40px 20px 40px; "><center><div style="padding:10px 10px 10px 10px; height:px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; background-image: url('//img1.liveinternet.ru/images/attach/c/9/126/561/126561865_e31p.png'); "><p align="justify"><font size="4pt" face="Comic Sans MS" color="#000000"> ВАШ ТЕКСТ </font></p></div></center></div>

Простые Рамки с Заголовком.

Рамка с картинкой в виде ЗАГОЛОВКА. В рамке Заголовок может быть в виде ТЕКСТА или можно использовать КАРТИНКУ. Пример такой рамочки,как она будет выглядеть.Картинку лучше брать не большую. Чуть ниже я даю код,чтобы вы могли сделать рамку какая вам нужна-САМИ. Копируете его и вставляете к себе в дневник а потом... В коде где написано УРЛ АДРЕС КАРТИНКИ.— Вставляете свою картинку. Через РАДИКАЛ-ФОТО Код берёте под № 1..Вам только нужно будет изменить размеры картинки на свои. width="300"—Ширина картинки. height="100"—Высота картинки. Если с других сайтов или с Лиру,тогда берёте УРЛ АДРЕС КАРТИНКИ,ССЫЛКИ ведущий на оригинал. Вставлять внутрь кавычек,кавычки не трогаете. Находите в коде вот такой тег ...border:3px #FF00FF solid... Здесь можно менять #FF00FF—ЦВЕТ БОРДЮРА 3px—РАЗМЕР БОРДЮРА на свой. Где написано ВАШ ТЕКСТ—Пишите свой текст. Вот и всё ВАША рамочка готова. Пробуйте,экспериментируйте на здоровье. ЗДЕСЬ ЕЩЁ РАМКИ... SvetlanaT

Обводка внутри рамки (блока)

Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)

Текст
Ваша подпись

<center><div style="padding: 10px 10px; background: #FE9980; width: 610px; font-size: 27px; font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 3px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br /> <center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank"><font face="Georgia" color="#ffffff" style="font-size:18px">Ваша подпись</font></a></center></div></center>

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

Оформление постов

*Mariea@mmg*

Рамка для оформления постов в дневнике

текст

 

Вот ее код:

<center><table style="background-image: url(''); border: 10px double #Обводка; padding: 7px; box-shadow: 0px 10px 30px #000000;" width="550"><tbody><tr><td style="padding:10px"><center><center><center><p><span style="font-size:20px;"><a href="http://www.liveinternet.ru/users/marmuh/blog/" target="_blank" title="Mariea Muhaceova"><img align="right" height="10" src="//img-fotki.yandex.ru/get/4116/50427825.7a/0_85fae_200405c9_XS.gif.jpg" width="10" /></a></span></p><br/><br/><p><span style="font-size:20px;"><em><span style="font-family:georgia,serif;">текст</span></em></span></p></center><br />&nbsp;</center></center>
</td></tr></tbody></table></center>

В скобку  url('')  - можно вставить ссылку на фон. 

Можно вставить цвет обводки, см сюда - double #Обводка;

Можно поменять размеры, цвет и направление тени - вот здесь:

box-shadow: 0px 10px 30px #000000;

За пределами рамки - сверху можно вставить Заголовок,

внизу под рамкой  - Источники, свое резюме...

Вокруг всего поста можно вставить рамку- обводку.

Главное - не загромождать, не утяжелять всякими темными,
яркими, сложными фонами.

Хотя, у каждого свой вкус. Дерзайте, варьируйте.

Прекрасных вам постов!

 

Mariea@mmg

 

Рамочка с разрывом.

РАМОЧКА С РАЗРЫВОМ

Как то уже давненько не встречала рамок, в которых есть рамочка с разрывом. Но тут мне о них напомнила falconet-n. Благодаря ей и появился этот урок. На фоне показаны несколько примеров таких рамок.

Простая рамочка Выпуклая рамочка Рамочка с круглыми углами Рамочка с тенью Рамочка с заданной шириной

урок провела Егорова Таня

Читать далее

Простые ОБЪЕМНЫЕ рамочки разной формы

Простые объемные рамочки, которыми можно разнообразить свои посты. Смотрятся они красиво, и очень просты в использовании. Рамочки не мои, собраны на просторах инета, пользуюсь ими давно , авторов не знаю, но очень им благодарна за работу. В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки. Копируйте их, и ставьте в свои записи в Простом редакторе, меняйте фоны под свой дневник. Там где написано ВАШ ПОСТ- Вставляете свой текст.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 6 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 7 - Красивые слайд-шоу в ваш дневник
Часть 8 - Простые ОБЪЕМНЫЕ рамочки разной формы

Обводка для текста

ОБВОДКА ДЛЯ ТЕКСТА
БЕЗ ФОТОШОПА

Кто-то в комментариях попросил меня рассказать как на пестром фоне сделать более видимым текст. Решила дать урок. Может кому-то пригодится.

Посмотрите ниже пример двух рамок с пестрым фоном и текстом. В верхней рамке текст написан с обводкой и поэтому его легче читать, а в нижней рамке текст написан обычным способом и читается с трудом. О том как сделать обводку мы сегодня и поговорим.

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

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

Если надо вставить текст в рамку.
Копируем в окошечке код.

<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, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;">Здесь будет Ваш текст</span>

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



Код дан с обводкой черного цвета. Код цвета обводки выделен красной рамочкой. Вместо цифр 000000 вставляете код(6 знаков) нужного вам цвета. Вместо слов "Здесь будет Ваш текст" вставляете свой текст, всё копируете и вставляете в рамочку.

Если надо вставить текст без рамки.
Копируем в окошечке код.

<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>

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



В код добавился параметр размера (синяя рамочка) и цвета (зеленая рамочка) шрифта. Их нужно заменить на свои.

Вот и всё! Удачи!

еще разные уроки

Как сделать рамочку в фотошопе из бордюрной маски.

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

Серия сообщений "•ТЕОРИЯ PS CS5/6•":

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

Серия сообщений "••МОИ УРОКИ 2••":

Благодарю за Внимание к моим работам!

Часть 1 - Переносим анимацию на другое изображение.
Часть 2 - Овальная рамочка в ФШ.
...
Часть 4 - Простой приём создания Абстрактного фона.
Часть 5 - Создание интересного абстрактного эффекта в photoshop.
Часть 6 - Как сделать рамочку в фотошопе из бордюрной маски.
Часть 7 - Простой приём создания Абстрактного фона.Цифровой эффект.
Часть 8 - Абстрактные световые эффекты.
...
Часть 21 - Украшаем работу декором,сделанным в Adobe Photoshop.Часть 1.
Часть 22 - Украшаем работу декором,сделанным в Adobe Photoshop.Часть 2.
Часть 23 - Украшаем работу декором,сделанным в Adobe Photoshop.Часть 3.

Рамочки с закруглёнными углами

Хотите за 5 минут собрать простенькую, но очень симпатичную рамку
для текста? Например, такую:

Здесь будет ваш текст
-------

Или такую:

Здесь будет ваш текст
-------

Тогда смотрим и берём на заметку.
Смотрим дальше

Рамки оригинальные

Такие вот оригинальные рамки (блоки) увидела на одном сайте.

Здесь будет ваш текст

Ваша подпись

<center><div style="background: #8FD532; width: 590px; padding:14px; border-radius: 18px; box-shadow: inset 5px 6px 3px rgba(203,255,144,0.4), 3px 3px 4px rgba(0,0,0,0.6), -2px -2px 4px rgba(223,152,0,0.7), 0 0 20px 3px Yellow; font-family: Georgia; font-size: 21px; font-style: italic; color:#006600;">Здесь будет ваш текст<br /> <br /> <center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></div></center>

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

Фоновое изображение в рамке. Часть 1

На этот раз хочу поделиться более сложными шаблонами, в которых можно не только менять цвет фона, но и сделать фоном изображение.
В представленной рамке фон-изображение вставляется в верхний слой снаружи.

Здесь будет ваш текст

Ваша подпись

<center><div style="border:2px solid #EBE3D4; width:650px; padding:18px; background-image: url('https://img-fotki.yandex.ru/get/6846/163781271.c8/0_dce0f_53e73c4b_XXS.jpg'); box-shadow:rgba(0,0,0,.8) 0 5px 11px -5px;"><div style="border:2px solid #EBE3D4; padding:18px; background:#E2D6C1; border-radius:32px; box-shadow:inset 0 0 20px #000000; box-shadow:inset 0 0 20px #000000; box-shadow:inset 0 0 20px #000000; font-family:Georgia; font-size:19px; font-style:italic; color:#663300;">Здесь будет ваш текст<br /> <br /> <center><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></center></div></div></center>

Объяснительная часть

Рамка в ОДИН слой.

Это простая,но оригинальная рамка состоит всего из одного слоя. Нужно только подобрать необычный фон для неё. Делаем рамку,на свой вкус, так: Если через Я.ру. Заходим и выбираем картинку-фон. НАШЛИ—НАЖАЛИ на неё. Дальше внизу В ДРУГОМ РАЗМЕРЕ -выбрали нужный размер картинки. Потом эти размеры поменяете в КОДЕ РАМКИ на свои. ..."WIDTH: 600px;ШИРИНА картинки HEIGHT: 300px"ВЫСОТА... Затем находим надпись— Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН. Внутрь кавычек.Кавычки не трогаем. Вставляете эту ССЫЛКУ. ЗДЕСЬ далее... SvetlanaT

КОД "СКЕЛЕТИКА"рамки.
<left><table style="WIDTH: 600px; HEIGHT: 300px" cellspacing="18" cellpadding="3" width="600" align="left" border="3" background="КАРТИНКА ФОН"><tbody><tr><td> <font size="4" color="#000000" face="Monotype Corsiva"><b><p align="center"><br /><br />ВАШ ТЕКСТ </p></b><br /> <center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></font></td></tr><br /></tbody></table><center></center></left>

Как сделать тени в рамочке и на картинках

Сегодня сделаю рамочки и открыточки с тенью без ФШ, используя

генератор рамок

,

Урок ТуТ

.
Сделали рамочку, но рамочка там плучается плоская, да и цвет фона однотонный...
Чтобы рамочка имела как бы объем, вот и воспользуемся подсказкой сайта

Шпаргалка блоггера