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

Как использовать формулу разрезной рамочки)))Урок для новичков...

[600x]
По просьбе ПЧ решила сделать этот пост.
Здесь я расскажу ,как после того ,как вы сделали и загрузили
на фотохостинг свои детали рамочки, можно поставить их в формулу.
Урок как сделать рамочку в фотошопе я рассказывала
Здесь
Читать далее...

Это цитата сообщения О_себе_-_Молчу Оригинальное сообщение

Простые рамочки -2

1 часть

Простые рамочки для поста

примеры с кодами

Это цитата сообщения Астраханочка_51 Оригинальное сообщение

Собираем фотошопную рамочку в рамочнике.

Собираем фотошопную рамочку в рамочнике.

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

Согласна с тем, что уроков много по рамочнику и как им пользоваться.

Но таких как я много, которые не дружат с рамочником.

Для тех кто уже привык к моим урокам и им легко по ним делать работы, я написала этот урок.

Заходим на сайт - http://4maf.ru/ramochnik.php

Общий обзор.

[445x626]

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

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

Простая цветная рамка с закруглёнными краями за 5 минут

Это простая цветная рамка с закруглёнными краями в редакторе HTML
Очень удобна, без использования фона, будете только менять цвет фона, который вам удобен. Растягивается вниз, а ширину сами будете менять.
Вот код рамочки

<center><div style="padding:100px;border-radius: 45px;width: 500px; height: px;border: 8px solid #FFFF33;background: #2C55F9;color:#ffffff;margin-bottom:100px;"><td style="padding:20px;text-align:justify"><center><span style="font-family:Times New Roman;color:#FFFFAD;font-size:24px"><i>ВАШ ТЕКСТ
или
КАРТИНКИ</i></center></div>

А ниже немного инфы о тегах в коде рамочки

кому интересно, прошу под кат

Это цитата сообщения Лариса_Гурьянова Оригинальное сообщение

Генератор необычных рамочек

Хотите быстро сделать рамку?
Вот такую, необычную?
Тогда вам СЮДА

Размер рамки можно регулировать

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

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

Несколько вариантов оформления своих фото,картинок

Предлагаю вам друзья несколько вариантов обрамления ваших фото, картинок обводкой, тенью. Под каждым вариантом я проставила коды. На скрине ниже, я отметила, что в кодах можно менять. Одно единственное - цвет обводки. Больше ничего. И подчеркнула для начинающих пользователей, куда вставлять адресную ссылку на свою картинку. Для начала я взяла вот эту картинку-пейзаж, у которой и ширина и высота одинакова - 500px. И поэтому начиная с первого варианта по четвертый включительно, в кодах ничего больше не меняйте, кроме цвета обводки и вставки адресной ссылки на своё изображение. В пятом и шестом варианте размер картинки не имеет значения. Всё-равно будет так, как стоит у меня. В дальнейшем я выставлю урок, как получить такие формы обрамления, если width и height (ширина и высота) изображения имеет разные значения, и как вставить такие варианты в обычную рамочку для текста. Почему я это подчеркиваю? Да просто, если вы в приведенные мною ниже коды вставите фото, которое имеет ширину 500px, а высоту, например 340px... то верхние 4 варианта получатся немного искаженные. Поэтому для начала возьмем попроще, равные величины. А потом уже будем учиться сложностям. Согласны? Так же рассмотрим вариант как можно будет подписать такую картинку без фотошопа, ведь многие еще не владеют им. Поздравить друга к примера или подружку. Да, чуть не забыла. Картинки на прозрачном фоне тоже можно вставлять. Не забывайте только подбирать цвет обводки под ваши работы.. Ну вот для начала пока все. Пользуйтесь на здоровье. Будут вопросы, пожалуйста...задавайте. Первый вариант <img alt="" src="https://img-fotki.yandex.ru/get/9092/39663434.46d/0_9155c_e3579c0a_L.jpg" style="border: 2px solid #A10048; border-radius: 50%; box-shadow: 0px 0px 20px black;" />

далее скрин и остальные варианты

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

Изучаю тени...

И все- таки интересная вещь-эти тени! Сколько интересных возможностей, и все без ФШ! Пойду смотреть и пытаться делать самой...

Для начала зайду-ка

habrahabr ru

[241x69]

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

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 15 - Делаем круглые картинки без ФШ
Часть 16 - Внутренние тени изображений и текста
Часть 17 - Изучаю тени...
Часть 18 - Как сделать тени в рамочке и на картинках
Часть 19 - мастерская ZOMKI -рамочка
...
Часть 36 - РАСШИРЕННЫЙ РЕДАКТОР ЛИру
Часть 37 - образцы и формулы нарядных РАМОЧЕК для текста
Часть 38 - Учимся делать рамочки

Это цитата сообщения Юлия_Гурбер Оригинальное сообщение

Стильные рамки (блоки)

Недавно заинтересовалась CSS (Cascading Style Sheets) — каскадные таблицы стилей.
Можно ли, не будучи веб-дизайнером, научиться разбираться в этом сложном наборе
параметров? Для чего? Ну, хотя бы для того, чтобы с помощью языка CSS создавать
блоки (рамочки), где будут размещаться текст, картинки или что нашей душе угодно.
Поэкспериментировала с кодами и получила вот такие стильные, лёгкие блоки.

Под каждым стоит его код. Можно менять размер (атрибут width: 650px), цвет фона,
обводок, чтобы получить разные по цветовому исполнению блоки.
Обозначение цвета: #ABEDF7, просто оставляем решётку #, убираем ABEDF7,
и ставим свой цвет.

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

Ваша подпись

<center><div style="#shed_left; padding: 20px; width: 650px; background: #C3FEAA; border-radius: 12px; box-shadow: 4px 4px 4px rgba(0,0,0,0.6);"><div style="border: 3px solid #66CC00; padding:10px; background: #FBFFAC; border-radius: 12px; boxShadow 11: width: 80%; max-width:; margin: 0em auto; padding: 1em; box-shadow: 0 4px 4px #575555 inset;"><span style="font-family: Georgia; color:#000000; font-size: 19px;"><i> Здесь будет ваш текст<br /> <br /> </i></span><center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">Ваша подпись</a></center></div></div></center>

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

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

CssRound: округлые генератор угол CSS3-урок

Ответ на вопрос, как правильно сделать рамочку
CssRound: округлые генератор угол CSS3 может, кому и пригодится
[показать]

[показать]

[показать]

[показать]
Спасибо за ваши комментарии!

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

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 4 - Урок - разрезная рамочка в фотошопе!!!
Часть 5 - Без заголовка
Часть 6 - CssRound: округлые генератор угол CSS3-урок
Часть 7 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 8 - Рамочки с внутренней тенью без ФШ
...
Часть 36 - РАСШИРЕННЫЙ РЕДАКТОР ЛИру
Часть 37 - образцы и формулы нарядных РАМОЧЕК для текста
Часть 38 - Учимся делать рамочки

Это цитата сообщения Юлия_Гурбер Оригинальное сообщение

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

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

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

<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="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><font face="Georgia" color="#ffffff" style="font-size:18px">Ваша подпись</font></a></center></div></center>

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

Это цитата сообщения Юлия_Гурбер Оригинальное сообщение

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

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

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

Ваша подпись

<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="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></div></center>

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

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

Простые рамочки-обводки для текста

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

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 21 - Фон для записи
Часть 22 - Обводка внутри рамки (блока)
Часть 23 - Простые рамочки-обводки для текста
Часть 24 - Урок по рамочкам - составлен по просьбе
Часть 25 -

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

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

Урок по рамочкам - составлен по просьбе

Рассмотрим простую рамочку на конкретном примере простой рамочки:

***Текст***

[241x69]
[170x]

"left" - слева
"right" - справа
"center" - по центру
Спасибо за внимание!
С уважением к Вам
***Люд-Мила***

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

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 22 - Обводка внутри рамки (блока)
Часть 23 - Простые рамочки-обводки для текста
Часть 24 - Урок по рамочкам - составлен по просьбе
Часть 25 - Рамка вокруг изображения
Часть 26 - Как быстро найти нужное в коде
...
Часть 36 - РАСШИРЕННЫЙ РЕДАКТОР ЛИру
Часть 37 - образцы и формулы нарядных РАМОЧЕК для текста
Часть 38 - Учимся делать рамочки

Это цитата сообщения Егорова_Таня Оригинальное сообщение

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

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

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

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

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

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

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

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

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

[показать]

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

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

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

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

Делаем рамочку в Онлайн фото редактор - Free Online-Image-Editor

Серия сообщений "ДЕЛАЕМ РАМОЧКИ":

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

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

*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="http://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 [показать]

 

 

Это цитата сообщения Астраханочка_51 Оригинальное сообщение

Программа 2020

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

Это цитата сообщения Астраханочка_51 Оригинальное сообщение

Рамочки для текста

Рамочки по формуле -"мадам_Ольга",Спасибо Оленька!

Здесь Ваш текст астраханочка

<center><table style=" background-color: #CCB233; border-radius: 15px; box-shadow: inset 1px 1px 10px #000000;" cellpadding="0" cellspacing="0"><tr><td style="padding: 15px;"><table style=" border-radius: 8px; box-shadow: 1px 1px 10px #000000;" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table style=" background-color: #CCB233; border-radius: 8px; box-shadow: inset 0px 0px 15px #000000;" cellspacing="0" cellpadding="0" width="650"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#7B5800;font-size:22px;text-shadow:1px 1px 0px#00000;">Здесь Ваш текст<center><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" href="http://www.liveinternet.ru/users/5406319/"><img src="https://img-fotki.yandex.ru/get/3508/224541261.a3d/0_12c250_48cdb939_orig.gif" /></a><span style="font-family;color:#999999;font-size:7px">астраханочка</span></td></tr></center></span></td></tr></table></td></tr></table></td></tr></table></center> [показать]

Это цитата сообщения Астраханочка_51 Оригинальное сообщение

Рамочки зелёные для текста

[показать]

Это цитата сообщения Астраханочка_51 Оригинальное сообщение

Рамочки для текста

1. [показать]