Записи с меткой рамочки разрезные

(и еще 3496 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

PNG flash html ledy olga viv анимация видео галерея для дневника живопись картинки картинки для комментариев картинки для комментов картинки с кодами картины клипарт красиво кулинарные рецепты музыка наша вера новый год открытки оформление блога поздравления полезные ссылки поэзия православие праздники программы рамки для текста рамочки рамочки авторские рамочки без картинки рамочки разрезные рождество рукоделие с кодом стихи уроки уроки флеш уроки фотошоп флешки фоны фото фотографии фотошоп художники цветы это интересно юмор

Комментарии (0)

<a href="https://www.liveinternet.ru/users/margo29/post140764931/">РЈСЂРѕРє РїРѕ СЃРѕР·РґР°РЅРёСЋ СЂР°Р·СЂРµР·РЅС‹С… СЂР°РјРѕС‡РµРє -&quot;СЃРІРёС‚РєРѕРІ&quot; Рё РєРѕРґ Рє РЅРёРјРё.</a> РђРІС‚РѕСЂ РїРѕСЃС‚Р° La@Perla (РњР°СЂРіР°СЂРёС‚Р°) РЈСЂРѕРє РїРѕ СЃРѕР·РґР°РЅРёСЋ СЂР°Р·СЂРµР·РЅС‹С… СЂР°РјРѕС‡РµРє -"СЃРІРёС‚РєРѕРІ" Рё РєРѕРґ Рє РЅРёРјРё РџРѕРїСЂРѕР±СѓСЋ РѕРїРёСЃР°С‚СЊ РїСЂРѕС†РµСЃСЃ РёР·РіРѕС‚РѕРІР»РµРЅРёСЏ СЂР°РјРѕС‡РµРє РІРѕС‚ С‚Р°РєРѕРіРѕ РІРёРґР° Р”Р»СЏ СЃРµР±СЏ СЏ РЅР°Р·С‹РІР°СЋ РёС… СЂР°РјРѕС‡РєР°РјРё - "СЃРІРёС‚РєР°РјРё" РїРѕС‚РѕРјСѓ, С‡С‚Рѕ РєР°Рє Рё РІ СЃРІРёС‚РєР°С… Сѓ РЅРёС… РµСЃС‚СЊ РЅРµРёР·РјРµРЅРЅР°СЏ РІРµСЂС…РЅСЏСЏ Рё РЅРµРёР·РјРµРЅРЅР°СЏ РЅРёР¶РЅСЏСЏ С‡Р°СЃС‚СЊ... Рђ СЃРµСЂРµРґРёРЅР° СЂР°СЃРєСЂСѓС‡РёРІР°РµС‚СЃСЏ РїРѕ РІРµСЂС‚РёРєР°Р»Рё РїСЂРё РЅР°РїРѕР»РЅРµРЅРёРё СЂР°РјРѕС‡РєРё С‚РµРєСЃС‚РѕРј.Р’Р°Р¶РЅРѕ, С‡С‚Рѕ РІ С€РёСЂРёРЅСѓ СЌС‚Рё СЂР°РјРѕС‡РєРё РЅРµ СЂР°СЃС‚СЏРіРёРІР°СЋС‚СЃСЏ, РїРѕСЌС‚РѕРјСѓ С€РёСЂРёРЅСѓ СЂР°РјРєРё РјС‹ Р·Р°РєР»Р°РґС‹РІР°РµРј СЃСЂР°Р·Сѓ РІРѕ РІСЂРµРјСЏ РёР·РіРѕС‚РѕРІР»РµРЅРёСЏ РёСЃС…РѕРґРЅРёРєРѕРІ РІ Р¤РѕС‚РѕС€РѕРїРµ.:scenic:[more="Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ..."]Р—Р° РѕСЃРЅРѕРІСѓ Р±РµСЂРµРј СЂР°РјРѕС‡РєСѓ РґР»СЏ С„РѕС‚Рѕ.Р•Рµ РјРѕР¶РЅРѕ:1) РёР·РіРѕС‚РѕРІРёС‚СЊ СЃР°РјРёРј РІ РїСЂРѕ... <a href="https://www.liveinternet.ru/users/margo29/post140764931/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Урок по созданию разрезных рамочек -"свитков" и код к ними.

Дневник

Вторник, 16 Ноября 2010 г. 16:51 + в цитатник

Автор поста La@Perla (Маргарита)

Урок по созданию разрезных рамочек -"свитков"
и код к ними

Попробую описать процесс изготовления рамочек вот такого вида

Для себя я называю их рамочками - "свитками" потому, что как и в свитках у них есть неизменная верхняя и неизменная нижняя часть... А середина раскручивается по вертикали при наполнении рамочки текстом.

Важно, что в ширину эти рамочки не растягиваются, поэтому ширину рамки мы закладываем сразу во время изготовления исходников в Фотошопе.

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

Удачи и всех благ!
С уважением La@Perla (Маргарита)
Еще материалы по оформлению блога
можно найти ЗДЕСЬ

Оригинал поста здесь

Код поста для Ли-ру

<table style="border:0px none #cc3300;background-color:#ff0000" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table style="border:0px none #000099;background-color:#3333ff" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table width="800" height="400" style="border:0px none #660000;background-color:#8B0000" cellspacing="0" cellpadding="0"><tr><td style="padding:15px" align="left"><a href="http://blogs.mail.ru/mail/box1958" target="_blank"><img src="http://content.foto.mail.ru/mail/box1958/_animated/i-913.gif" width="10" height="9" align="left" border="0" /></a>Автор поста <a href="http://blogs.mail.ru/mail/box1958" target="_blank"> La@Perla (Маргарита)</a> <table cellspacing="0" cellpadding="0" border="0"><tr><td align="center" width="820"> <a href="http://blogs.mail.ru/mail/box1958/563EAD3CC6D14957.html"> Урок по созданию разрезных рамочек -"свитков" и код к ними </a> <left> Попробую описать процесс изготовления рамочек <a href="http://blogs.mail.ru/mail/box1958/tag/%D0.%F1%E2%E8%F2%EE%EA">вот такого вида </a> Для себя я называю их рамочками - "свитками" потому, что как и в свитках у них есть неизменная верхняя и неизменная нижняя часть... А середина раскручивается по вертикали при наполнении рамочки текстом. Важно, что в ширину эти рамочки не растягиваются, поэтому ширину рамки мы закладываем сразу во время изготовления исходников в Фотошопе. <center></center>За основу берем рамочку для фото. Ее можно: 1) изготовить самим в программе Фотошоп. В интернете существует множество уроков, как это сделать. Вы можете воспользоваться любым, например уроком от <a href="http://blogs.mail.ru/mail/box1958/67806DB8A5C8E0A0.html">ИСКАТЕЛЬНИЦА *A.ilona* </a> 2) воспользоваться готовыми рамочками для фото. Их можно найти и в наших сообществах по фотошопу, и в интернете. 3) воспользоваться плагинами и програмками, способными генерировать рамочки. Я использовала программу ФотоДЕКОР, одной из функций которой является генерирование рамок. Прочесть о программе ФотоДЕКОР 3.61 Portable Rus и скачать ее можно в сообществе <a href="http://my.mail.ru/community/photoshopkopiloc/5C7E8CFEE6ACCC55.html">Фотошоп копилочка</a> Итак, в этой програмке я получила исходник: <center><a href="http://radikal.ru/F/s44.radikal.ru/i105/1005/51/d3abd472d1e3.jpg.html" target="_blank"><img src="//s44.radikal.ru/i105/1005/51/d3abd472d1e3t.jpg" border="0" /></a> Это - уменьшенное изображение. Оригинал можно посмотреть нажав на картинку.</center> Далее - я загрузила эту картинку в Фотошоп, для того, чтобы впоследствии разрезать ее на три части, которые понадобятся мне для создания рамки. Но предварительно я нанесла внизу картинки свою подпись и отмасштабировала ее по ширине. <text color="33ff33">Шаг 1 Выставляем ширину рамочки.</text> У нас в блогах пост имеет ширину примерно 820-830px, поэтому я решила, что моя рамочка будет в ширину 700px. Идем в Image > Image Size и выставляем в окошечке width=700 и жмем ОК. Все, картинка готова к работе. <text color="33ff33">Шаг 2 Отделяем от исходной картинки верхнюю часть.</text> Воспользовавшись инструментом прямоугольное выделение (прямоугольник) Rectangular Marquee Tool <center><img src="http://content.foto.mail.ru/mail/box1958/_blogs/i-1032.jpg" border="0" /></center> выделила верхнюю часть картинки, далее Image > Crop При этом отрезается все, что находится за пределами выделения. Сохранила и получила картинку 1. <center><img src="//s59.radikal.ru/i165/1005/55/b6ca6617c924.jpg" border="0" /></center> <text color="33ff33">Шаг 3 Отделяем от исходной картинки среднюю часть (фон будущей рамочки).</text> Отступаем по истории (History) на несколько шагов назад до шага выделения, и выделяем полосу из середины. Обрезаем лишнее, сохраняем. Получилась картинка 2 <center><img src="//i055.radikal.ru/1005/bf/1467bb6dc875.jpg" border="0" /></center> Эта картинка очень важна, т.к. именно она будет являться фоном нашей рамочки и поэтому должна отвечать требованиям: 1. Должна гармонично желательно без шва стыковаться с верхней картинкой, 2, Должна не давать швов при повторении ее по вертикали (т.е. нужно подбирать рисунок). <text color="33ff33">Шаг 4 Отделяем от исходной картинки нижнюю часть.</text> Опять возвращаемся по истории (History) на несколько шагов назад до шага выделения, и выделяем самый низ картинки. Далее опять Image > Crop и сохраняем картинку 3 <center><img src="//s56.radikal.ru/i153/1005/e7/265353dd2a23.jpg" border="0" /></center> Все...<kolobki type=":Колобки:Уррра!:"> основная часть работы выполнена... <text color="33ff33">Шаг 5 Теперь загружаем картинки 1, 2. 3 на любой Хостинг картинок (Например, Радикал).</text> Перед загрузкой снимаем все галочки. Далее нам потребуются для вставки в код ССЫЛКА (пункт 1). Адрес изображения в интернете и ссылка на изображение - это одно и то же. <center>А вот и сам код рамки для Блогов Мэйл.ру: <input type="text" size="40" value=" <div align="center"><TABLE cellSpacing=0 cellPadding=0 align="center" border=0 ><TR><TD width="100%"align="center" ><a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width=3 border=0></a> <img src="АДРЕС ВЕРХНЕЙ КАРТИНКИ 1" border=0></TD></TR><TR><TD width="100%" ><TABLE border=0 cellSpacing=0 cellPadding=0 background="АДРЕС СРЕДНЕЙ КАРТИНКИ 2" ><TR><TD align="center" width="ШИРИНА РАМКИ"><TABLE align="center" border=0 cellSpacing=0 cellPadding=0><TR> <TD width="ШИРИНА ТЕКСТА"><center><text face="Georgia"><text size="4"><text color="fffbcc">КОД РАЗДЕЛИТЕЛЯ ВАШ ТЕКСТ КОД РАЗДЕЛИТЕЛЯ </text></text></text></center></TD></TD></TABLE></TD> </TR> </TABLE> </TD></TR><TR><TD align="center" width="100%"><a target="_blank" href="АДРЕС ВАШЕГО БЛОГА"><img src="АДРЕС НИЖНЕЙ КАРТИНКИ 3" border=0></A></TD></TR></TABLE></div> " /></center> <center>Аналогичный универсальный код для разрезной рамки для Ли.ру: <input type="text" size="40" value="<center>< TABLE border="0" background="Адрес картинки №1" cellpadding="0" cellspacing="0" height="Высота картинки №1" width="Ширина рамки"> <TR><TD><a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border=0></a> </TD></TR></TABLE><TABLE border="0" background="Адрес картинки №2" cellpadding="0" cellspacing="0" height="Высота картинки №2" width="Ширина рамки"><TR><TD><TABLE align="center" border=0 cellSpacing=0 cellPadding=0><TR> <TD width="ШИРИНА ТЕКСТА"><center> ВАШ ТЕКСТ </center></TD></TR></TABLE> </TD></TR></TABLE><TABLE border="0" background="Адрес картинки №3" cellpadding="0" cellspacing="0" height="Высота картинки №3" width="Ширина рамки"><TR><TD><center><a href="Адрес автора" target="_blank">Имя автора</a></center> </TD></TR></TABLE></center>" /> <text color="33ff33">Шаг 6 Далее из белого кодового окна забираем код рамки и наполняем его своими цифрами.</text> Чтобы не тянуть код от начала до конца используйте следующий прием: наводите курсор на окошко, жмете на правую кнопку мыши, выбираете из меню пункт "Выделить все"... (при этом весь код посинеет), и спокойно копируете. В коде мы заменим фразы: 1) АДРЕС ВЕРХНЕЙ КАРТИНКИ 1 на ссылку, полученную из первой строки Радикала для первой картинки. У меня он равен //s59.radikal.ru/i165/1005/55/b6ca6617c924.jpg 2) АДРЕС СРЕДНЕЙ КАРТИНКИ 2 на ссылку, полученную из первой строки Радикала для второй картинки. У меня он равен //i055.radikal.ru/1005/bf/1467bb6dc875.jpg 3) АДРЕС НИЖНЕЙ КАРТИНКИ 3 на ссылку, полученную из первой строки Радикала для третьей картинки. У меня он равен //s56.radikal.ru/i153/1005/e7/265353dd2a23.jpg 4) ШИРИНА РАМКИ У меня эта цифра равна 700 5) ШИРИНА ТЕКСТА Эта цифра равна ширине рамки минус ширина двух боковых бордюров. Высчитывается экспериментально или замеряется фотошопе область от бордюра до бордюра. У меня эта цифра равна 550 Если вы захотите поставить свою авторскую ссылку, то сделать это можно: 1) как вы делаете в обычных рамках последней строчкой в тексте, или 2) заменив фразу АДРЕС ВАШЕГО БЛОГА на собственно адрес вашего блога. Как его получить? Войти к себе в блог и в верхнем левом углу в адресной строке браузера будет искомый адрес. Вот оттуда его и надо скопировать. При этом нижняя картинка 3 вашей рамочки станет банером, при нажатии на который можно будет попасть к вам в блог. Заполнять это поле не обязательно и стоит делать лишь тогда, когда Вы на нижней картинке делаете свою подпись. Ну вот, вроде бы все. Для тренировки попробуйте взять код из окошка и проставить туда мои цифры. Вместо слов КОД РАЗДЕЛИТЕЛЯ вставьте код <xmp><img src="//s002.radikal.ru/i198/1001/86/fbdefd1b4fa4.gif" border="0" /></xmp> Если Вы сделаете все правильно, то появится <a href="http://blogs.mail.ru/mail/box1958/324815BC64BD7539.html"> моя рамочка </a> Здесь я описала техническую часть вопроса создания рамочек. А вот насколько красивыми они у Вас получатся зависит только от Вас, Вашего мастерства и фантазии. <center><img src="//img1.liveinternet.ru/images/attach/b/1/17609/17609156_15940327_17634784_linii_22.gif" alt=" (600x17, 1Kb)" border="0" /> Удачи и всех благ! С уважением <a href="http://blogs.mail.ru/mail/box1958" target="_blank">La@Perla</a> (Маргарита) Еще материалы по оформлению блога можно найти <a href="http://blogs.mail.ru/mail/box1958/tag/%ee%f4%ee%f0%ec%eb%e5%ed%e8%e5%20%e1%eb%ee%e3%e0">ЗДЕСЬ</a> <a href="http://blogs.mail.ru/mail/box1958/"> <img src="http://content.foto.mail.ru/mail/box1958/_animated/i-1012.gif" width="150" border="0" /></a> </center><a href="http://blogs.mail.ru/mail/box1958/563EAD3CC6D14957.html">Оригинал поста здесь</a> </center></kolobki></left></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Комментарии (15)

Рамочки для Ваших любимых стихов... и не только.

Дневник

Пятница, 13 Мая 2016 г. 02:10 + в цитатник

Тут будет Ваш текст

***********************
***************
*******
***
Тут будет Ваш текст

La@Perla (Маргарита)

<center><table border="0" background="//s59.radikal.ru/i165/1005/55/b6ca6617c924.jpg" cellpadding="0" cellspacing="0" height="107" width="700"><tr><td><a target="_blank" href="http://my.mail.ru/community/blog_box1958/journal"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" height="3" width="3" border="0" /></a></td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/4612/35204204.fb/0_83dea_67bd4f77_XL.jpg" cellpadding="0" cellspacing="0" height="122" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr><td width="550"><center><img src="//s16.radikal.ru/i190/1005/46/253110ea1bf3.png" title="Мои любимые стихи" border="0" /> <a href="//www.liveinternet.ru/users/margo29" target="_blank"><img src="//s002.radikal.ru/i198/1001/86/fbdefd1b4fa4.gif" border="0" /></a> Тут будет Ваш текст 
*********************** *************** ******* *** Тут будет Ваш текст <img src="//s002.radikal.ru/i198/1001/86/fbdefd1b4fa4.gif" border="0" /> </center> </td></tr></table> </td></tr></table> <table border="0" background="//s56.radikal.ru/i153/1005/e7/265353dd2a23.jpg" cellpadding="0" cellspacing="0" height="86" width="700"><tr><td><center><a href="//www.liveinternet.ru/users/margo29" target="_blank">La@Perla (Маргарита)</a></center> </td></tr></table></center>

Метки: рамки для текста рамочки рамочки авторские рамочки разрезные рамочки без картинки рамочки для стихов

Страницы:

3 2 [1]

LiveInternetLiveInternet

-Метки

-Музыка

-Всегда под рукой

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

-Статистика

Записи с меткой рамочки разрезные

Урок по созданию разрезных рамочек -"свитков" и код к ними.

Дневник

Рамочки для Ваших любимых стихов... и не только.

Дневник