Универсальный код разрезных фотошопных рамочек для Ли.ру и Блогов Мэйл.ру

Вторник, 18 Декабря 2012 г. 04:41 + в цитатник

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру

Типовой код разрезной рамочки, сделанной в фотошопе для Блогов Мэйл.ру я уже давала
(Смотри урок)

Повторю его еще раз

<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="//img-fotki.yandex.ru/get/6424/35204204.196/0_c0f30_9ec27cbf_XS.gif" width="3" border="0" /></a><br /><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"><i>КОД РАЗДЕЛИТЕЛЯ <br /><br />ВАШ ТЕКСТ<br /><br />КОД РАЗДЕЛИТЕЛЯ<br /></i></text></text></text></center></td></tr></table></td></tr></table></td> </tr> </table> </div>
А вот на Ли.ру такие рамки встают с разрывами.
По многочисленным просьбам выкладываю типовой универсальный код разрезных рамочек, который у меня получился для Лиру.

<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="//img-fotki.yandex.ru/get/6424/35204204.196/0_c0f30_9ec27cbf_XS.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" width="ШИРИНА ТЕКСТА"><tr><td><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="Адрес картинки №3" cellpadding="0" cellspacing="0" height="Высота картинки №3" width="Ширина рамки"><tr><td><center><a href="Адрес автора" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> Имя автора</b></font> </a></center></td></tr></table></center>

Еще раз хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от какычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ.

И еще очень важный аспект -
при сохранении частей рамочки на хостинге (Радикале)
обязательно снимайте все галочки
А лучше, на мой взгляд, сохранять картинки на Яндекс-фотках.

Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ

Удачи и всех благ!
С уважением La_Perla (Маргарита)

Рамочки от La_Perla

Код для Мэйл-ру

Лучшая благодарность - нажатие зеленой кнопочки НРАВИТСЯ

и цитирование.

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] 2 3 [Новые]

Логово_Белой_Волчицы обратиться по имени Понедельник, 28 Ноября 2011 г. 23:35 (ссылка)

Ответить С цитатой В цитатник

Вторник, 29 Ноября 2011 г. 00:23ссылка

La-Perla_Margarita

Спасибо за внимание, Галочка!
dolls

Ответить С цитатой В цитатник Обратиться по имени

Пространство_Женской_Силы обратиться по имени Пятница, 16 Декабря 2011 г. 01:13 (ссылка)

Спасибо!

Ответить С цитатой В цитатник

Вторник, 10 Января 2012 г. 13:11ссылка

La-Perla_Margarita

Спасибо за внимание!
Удачи и хорошего дня!
dolls

Ответить С цитатой В цитатник Обратиться по имени

Счастливый_Галчонок обратиться по имени Воскресенье, 18 Декабря 2011 г. 20:01 (ссылка)

Благодарю!!!

Ответить С цитатой В цитатник

Вторник, 10 Января 2012 г. 13:11ссылка

La-Perla_Margarita

Пожалуйста!
dolls

Ответить С цитатой В цитатник Обратиться по имени

Russlana обратиться по имени Понедельник, 02 Января 2012 г. 21:38 (ссылка)

С Новым Годом!

с-новым-годом.1 (529x533, 309Kb)

Ответить С цитатой В цитатник

Вторник, 07 Февраля 2012 г. 22:53ссылка

La-Perla_Margarita

Ниночка, здравствуйте.
Вы, действительно в фотошопе вместо того, чтобы ОТРЕЗАТЬ лишнюю часть картинки,
IMAGE >>> CROP,
просто счищаете те участки , которые нужно отрезать, по-видимому командой Delet и они становятся у вас прозрачными, но не отрезанными.
Именно поэтому у Вас получается каждая часть высотой, как исходная рамочка 750. В этом ошибка, так не должно быть... они в сумме должны дать высоту 750.
Вот вам и проверка h1+h2+h3=h исходной картинки.
А как разрезать рамочку, я в уроке
http://www.liveinternet.ru/users/margo29/post144384912
подробно описала.
А вставляете адреса вы правильно. Ну и потом надо заполнить поля ШИРИНА ТЕКСТА (Наверное равна 650) Цвет шрифта и т.д.
Удачи!... я уверена, что у вас все получится.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 07 Февраля 2012 г. 23:34ссылка

Нина_Титова

Я делала прямоугольное выделение-> редактирование-> вырезать->новый слой->
вставить.Затем сохранила каждую часть для web и устройств. Где-то я читала, но не делала. Сейчас прочла Ваш урок. Спасибо, Маргариточка дорогая, попробую вближайшее время ещё.Очень хочется научиться.
0_5096f_8fc2cce3_M[1] (294x300, 135Kb)

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 10 Февраля 2012 г. 21:39ссылка

La-Perla_Margarita

Добрый вечер!
Нина, попробуйте сделать так...
Берете инструмент "Прямоугольное выделение"
(прямоугольник) Rectangular Marquee Tool (в уроке есть картинка), обводите им верхнюю часть, и отрезаете ее от остальной рамки. Далее
Image > Crop или по русски по-моему это
ИЗОБРАЖЕНИЕ >>> КАДРИРОВАНИЕ
Все...При этом остается только то, что внутри прямоугольного выделения,... все остальное отрезается.
Эту часть и сохраняете.
И далее по уроку...

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 16 Февраля 2012 г. 00:34ссылка

Нина_Титова

Спасибо огромное Маргариточка. Обязательно попробую этот вариант- изображен.-кадрировать.Пробовала и раскройкой, а вот ставлю в формулу не получается рамочка. Я напишу о результате. Можно?
82242927_21[1] (320x264, 90Kb)

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 17 Февраля 2012 г. 21:36ссылка

Нина_Титова

Добрый вечер, Маргариточка!!!! С кадрированием получилось

только я наверно не очень точно сделала выделения(хотя старалась), т.к видны полосы горизонтальные.Буду теперь добиваться совершенства. Огромное Вам спасибо. Буду рада получить от Вас замечание, поправку.

ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ

Имя автора

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 18 Февраля 2012 г. 01:04ссылка

La-Perla_Margarita

Здравствуйте, Нина. Получилось очень хорошо. Как избавиться от полосок между частями?
Мне кажется, что дело тут вот в чем:
при сохранении картинок в фотошопе после того, как вы нажимаете ФАЙЛ >>> СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ попадаете на страничку, где ищете окошко со словом МАТОВЫЙ (речь идет об окантовке картинки). В нем вы выбираете НЕ ПОКАЗЫВАТЬ.
Подробнее об этом можно прочесть здесь
http://www.liveinternet.ru/users/margo29/post201743481
И еще, у Вас почему-то ШИРИНА ТЕКСТА =5, а должна быть =500.
Это - ширина текстовой строки внутри рамки. Она должна быть меньше чем ширина рамки на ширину 2-х боковых бордюров и не даст тексту вылезти на бордюры.
Ну вот вроде бы и все. Удачи!

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 18 Февраля 2012 г. 09:51ссылка

Нина_Титова

Доброе утро, Маргариточка.Текст по формуле был большим и выходил за обводку, я и изменила размер.Поняла, исправлю. А вот когда отрезаю части, каждую часть лучше сохранять как для web, не зависимо присутствует там аннимация или нет, да? Здесь я выбрала- Сохранить как и сохранила в JPEG. Извините, что пристаю. Спасибо огромное.
0_67c0d_611f338a_L[1] (500x326, 350Kb)

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 18 Февраля 2012 г. 11:14ссылка

La-Perla_Margarita

Когда сохраняешь для web, там есть окошко для выбора, в каком формате сохранять - jpg, gif.или png.
Для анимации выбираем формат gif, для статичных картинок с прозрачным фоном png-24
Поэтому любой формат можно и нужно сохранять для ВЭБ (картинки меньше весят)
Для png лучше выбирать png-24.
Самое главное, нужно установить цвет краев, обводки в фотошопе (что её не нужно делать)
Matte (цвет краев) сделать = None
или по русски
МАТОВЫЙ=НЕ ПОКАЗЫВАТЬ
А чтобы уменьшить размер буковок в тексте надо уменьшать цифру
в font-size:25px
Удачи!!!

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 18 Февраля 2012 г. 13:05ссылка

Нина_Титова

Всё поняла. Огромное спасибо.

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 10 Февраля 2012 г. 21:24ссылка

La-Perla_Margarita

Здравствуйте.
Я не знаю, как можно подробнее объяснить. Берете инструмент "Прямоугольное выделение"
(прямоугольник) Rectangular Marquee Tool (в уроке есть картинка), обводите им верхнюю часть, и отрезаете ее от остальной рамки.
Image > Crop или по русски по-моему это
ИЗОБРАЖЕНИЕ >>> КАДРИРОВАНИЕ
При этом остается только то, что внутри прямоугольного выделения,... все остальное отрезается.
Почему и что у нас в блогах удаляют - я не знаю...Может быть потому, что там содержалось слово скачать, которое роботы не любят. И удаляют, заметье, не только мои уроки, но и еще море всего.
Этом пост стоит у меня на Ли-ру здесь
http://www.liveinternet.ru/users/margo29/post144384912
Хотите - процитируйте.
Ели не получится разрезать рамку на части так так, как написано у меня в уроке,
воспользуйтесь инструментом "Раскройка"
Почитайте об этом здесь
http://blogs.mail.ru/mail/box1958/368C18836519A631.html
Удачи!

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 10 Февраля 2012 г. 21:44ссылка

vic2009

Спасибо большое,что откликнулись,когда этим инструментом выделяю ,а потом"Редактировать>Вырезать" остается две трети рамки,а вырезанная часть исчезает в никуда,вместо нее черное место..Вот почему я ,Вас, спросил! Может быть что-то не так делаю..? А у меня наоборот выделенное прямоугольником удаляется, а остальное не выделенное остается..Извините за беспокойство..!!!

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 10 Февраля 2012 г. 21:50ссылка

La-Perla_Margarita

Зачем вы входите в меню РЕДАКТИРОВАТЬ? Где у меня об этом написано?
Надо войти в меню ИЗОБРАЖЕНИЕ >>> КАДРИРОВАТЬ

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 11 Февраля 2012 г. 04:45ссылка

vic2009

Ещё раз большое спасибо! Попробою так...или вторым рекомендованным способом! И ещё почему прога рекоммендованная Вами для создания рамок Фотодекор 3.61,не создает (генератор рамочек) рамку без изображения...?Извините ещё раз..!!!

Ответить С цитатой В цитатник Обратиться по имени

Воскресенье, 12 Февраля 2012 г. 01:25ссылка

La-Perla_Margarita

Потому, что она и создана для того, чтобы оформлять фотографии в рамки.
А в нашем случае можно просто сделать в фотошопе прямоугольник размером, например, 700*800px, залить каким-то ярким цветом (чтобы в последствии его можно было легко выделить и удалить или перекрасить.
Сохраняете эту картинку на компьютер и потом ее вставляете в Фотодекор в качестве шаблона, на который накручиваете рамочки. Но это лишь один из методов. Можете рамки полностью делать в фотошопе, без Фотодекора.
Удачи!

Ответить С цитатой В цитатник Обратиться по имени

Воскресенье, 12 Февраля 2012 г. 04:21ссылка

vic2009

Утро доброе! Большое спасибо за советы и разъяснения...!Рамочку сделал, и растягивается..,но немного сместилась нижняя часть! Возможно ширина на неск.пикселей меньше.