Серия сообщений "а+разделители":

Часть 1 - генератор кодов цвета
Часть 2 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
...
Часть 4 - раздлители к дню св,валентину
Часть 5 - генератор кодов цвета
Часть 6 - формулы ДЛЯ МЕЙЛА И ДЛЯ ЛиРу
Часть 7 - РАЗДЕЛИТЕЛИ
Часть 8 - разделители на иностранном сайте
Часть 9 - Большая коллекция красивых разделителей с СЕРДЕЧКАМИ

2976

...если Вы еще не знаете ? КАК СДЕЛАТЬ рамочку в "РАМОЧНИКЕ" ? ИНСТРУКЦИЯ с РЕСУРСА: ...с помощью Рамочника можно создавать необычные рамочки для оформления постов в блогах или дневничках , задавая цветной фон или фон в виде картинок (в том числе и блестящих). Рамочник выдает полностью готовый HTML-код, который затем нужно всего лишь вставить в HTML редактор и красиво оформленная запись в рамке украсит Ваш блог или дневник. ...кроме того ,на сайте имеется галерея рамочек, где Вы можете посмотреть и выбрать понравившиеся Вам рамочки или добавить туда свою. Читать далее

Серия сообщений "4.РАМОЧНИК":

Часть 1 - рамочка "павлин"
Часть 2 - рамочка...то счастливая и нежная...
...
Часть 28 - эталон рамки 2-е в одной прозрачные фоны (Рамочник)
Часть 29 - Получаем код плеера с помощью Рамочника
Часть 30 - ИНСТРУКЦИЯ "КАК СДЕЛАТЬ РАМКУ в РАМОЧНИКЕ"
Часть 31 - РАМОЧНИК с кодам на майл
Часть 32 - сделать РАМКУ в РАМОЧНИКЕ

HTML рамка - КОЛЛАЖ

 Этот коллажик - скриншот , сделанный с того , что в соц.сетах называют "рамочки" . под этим термином подразумевается такой вид оформления , в котором , как в данном случае , статика и динамика соединены воедино - летают бабочки , таинственно мерцают блестки  и все это в дополнено шаблоном , акцентированным алым маком . Но ведь сделано все это не в ФОТОШОПЕ , а с помощью HTML или ТЕГОВ , как еще их называют.

 

Серия сообщений "Blogger*a БЛОКНОТ":
Часть 1 - ФОНЫ-БОРДЮРЫ для дизайна
Часть 2 - фоны в Paint
...
Часть 42 - ФОНЫ для схем легко сделать в pixlr (editor) - онлайн-фоторедакторе
Часть 43 - з-х СЛОЙНАЯ РАМКА , как дополнительное оформление и защита картинок от копирования
Часть 44 - КОЛЛАЖ - рамка из HTML
Часть 45 - уроки по стандартной компьютерной программе PAINT
Часть 46 - БЛОКНОТ Blogger*a - УРОКИ для Вас

Серия сообщений "МОИ ПОДСКАЗКИ":
Часть 1 - как СОХРАНИТЬ КАРТИНКУ на свой комп
Часть 2 - фоны для Вас
...
Часть 25 - ЕЩЕ РАЗ о РАДИКАЛЕ - НЕ ХРАНИТЕ ТАМ СВОИ КАРТИНКИ !
Часть 26 - з-х СЛОЙНАЯ РАМКА , как дополнительное оформление и защита картинок от копирования
Часть 27 - КОЛЛАЖ - рамка из HTML
Часть 28 - ДЕЛАЕМ СКРИНШОТ-СНИМОК с ЭКРАНА МОНИТОРА САМЫМ ПРОСТЫМ СПОСОБОМ
Часть 29 - ЛИНЕЕЧКИ ВРЕМЕНИ
...
Часть 41 - ОБУЧЕНИЕ МЕТОДОМ "НАУЧНОГО ТЫКА"
Часть 42 - ...для ВАС,МОИ ДОРОГИЕ!
Часть 43 - УРОКИ по стандартной программе PAINT

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

текст источник 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)" src="картинка в разрыв" border="0" /></legend><br /> <center> текст<br /> <a href="https://www.liveinternet.ru/users/maruskevi4/post335072960/"><b><img src="адрес картинки" /><br /></b></a><br /> <a href="http://адрес ссылки поста" target="_blank"><font size="1">источник</font></a><br /> <center><a target="_blank" href="адрес дневника"><font size="+1">ваш ник</font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table>

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

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."
Часть 19 - Перевод урока"Tag Mysystere de janvier"
Часть 20 - Урок для корела"Tag aurore."
Часть 21 - Рамка обводка.(По просьбе)
Часть 22 - Мой урок для начинающего.Делаем коллаж

Очень и очень часто мне в личку приходит один и тот же вопрос – «Как сделать рамочку самому?»

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

Перед нами рамочка уже готовая с кодом для вставки:

ВАШ Т Е К С Т

<center><table border="2" background="http://netpla.narod.ru/images/wood-13.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

Это фото кода, Вы его можете просто из флейма скопировать в Word или блокнот, и получите то же самое.



1. Там где обведено красным и стоит цифра 1 это ссылка на цвет окантовки рамки, в данном примере это http://netpla.narod.ru/images/wood-13.jpg поменяете эту ссылку на ссылку на нужную картинку(цвет)

2. Вторая ссылка стоит на фон рамки, она обведена красным и стоит цифра 2 - http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif делаете всё так же как и с окантовкой (меняете ссылку на свою картинку)

3. width="100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.


Те кто не хотят возиться с изготовлением можете зайти в раздел - Для оформления блога и взять уже готовые рамочки.

PS: добавила по просьбе. Это коды для изменения цвета текста в Ваших постах.
<font color="red">текст</font> красный текст
<font color="lime">текст</font> зеленый текст
<font color="navy">текст</font> синий текст
<font color="purple">текст</font> фиолетовый текст
<font color="yellow">текст</font> желтый текст
<font color="fuchsia">текст</font> фуксия текст
<font color="maroon">текст</font> коричневый текст
<font color="aqua">текст</font> голубой текст

Сделать картинку или текст по центру
<center>ВАШ ТЕКСТ</center>

Справа и слева загружайте как обычно с указанием направления

По просьбе постоянного читателя сообщества "Все для блога" я решила поделиться с Вами кодом-формулой рамочек, которые я делаю для собственного развлечения и вашего удовольствия и хорошего настроения (во всяком случае, я на это надеюсь ).

Если вдруг кто-то из Вас, мои дорогие друзья и читатели, заинтересуется и попробует сделать рамку, то мне будет очень приятно. А вдруг Вам тоже понравится ... Конечно же речь о тех друзьях, кто этого пока не делал. Среди моих подруг масса таких мастериц и искусниц ФШ, что мне до них никогда не допрыгнуть. И за это им мои искренние комплименты!!!

Чтобы было более понятно - предлагаю рассмотреть работу с формулой рамки на конкретном примере "Рамочки с телефоном и букетом". Честно сказать, я не большой мастер по урокам и разъяснениям, но тем не менее попробую.

Итак начнем!  

И начнем мы с конца этого поста - а именно в самом низу, в окошке находится ОБЩАЯ ФОРМУЛА РАМКИ.

Скопируйте её из окошка, откройте Новую запись в расширенном формате в своём дневнике, нажмите кнопочку "Источник" и в эту новую запись вставьте скопированный КОД. Перед Вами окажется весьма большой набор устрашающих слов и терминов на английском языке - это HTLM-код рамки. Не пугайтесь! Главное - в этом тексте найдите слова ФОН №1, ФОН №2 и т.д.

А теперь:

1. Вместо слов ФОН № 1 - вставляем строго между кавычек адрес Вашего фона, загруженного через любой сервис публикации и хранения изображений (например Радикал или savepic; далее для сокращения буду указывать - Радикал). В примере - это тонкая зеленая обводка.

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

3. Вместо слов ФОН № 3 - строго между кавычек вставляем адрес (из Радикала) бесшовного фона, сделанного в ФШ из основной картинки. В примере - это цветной фон в широкой полосе и в узкой, обрамляющей текстовое поле. Если Вы не работаете в фотошопе, то на место ФОНА № 3  можно подобрать любой подходящий по цветовой гамме фон, хоть цветной, хоть однотонный.

 4. Вместо слова КАРТИНКА - строго между кавычек вставляем адрес (из Радикала) НАШЕЙ ОСНОВНОЙ КАРТИНКИ с телефоном и букетиком.

5. Вместо слова РАЗДЕЛИТЕЛЬ - также между кавычек вставляем адрес (из Радикала)  ЛЮБОГО РАЗДЕЛИТЕЛЯ, который по вашему мнению подходит к общей теме работы. Этот атрибут не обязательный, поэтому при желании его можно удалить.

6. Вместо слова ЦВЕТ ТЕКСТА вставлям код цвета (из любого генератора или палитры цветов), котрым будет написан наш текст поста. В примере, это зелёно-салатный цвет.

7. И, наконец, последний шаг. Слова АДРЕС Вашего ДНЕВНИКА - заменяете соответственно на адрес Вашего дневничка на Ли.Ру, а слова Ваш НИК - на НИК, под которым Вы зарегистрированы на ЛИ.РУ или на какое-либо словосочетание, устанавливающее Ваше авторство работ. У меня - это "Рамочки от Ангелики".

Вот собственно и всё! Надеюсь, кому-то пригодится! Пользуйтесь, пробуйте. Уверена, что всё у Вас получится. Удачи и творческого вдохновения, дорогие друзья!!!     

 

<div align="center"><table background="ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table background="ФОН № 2" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 10px;"><table background="ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table background="ФОН № 3" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 40px;"> <table background=" ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table background="ФОН № 2" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 10px;"><table background="ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table background="ФОН № 2" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 10px;"> <img src="КАРТИНКА" /><table width="100%" background=" ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table width="100%" background="ФОН № 3" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 10px;"><table width="100%" background=" ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table width="100%" background="ФОН № 2" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 1px;"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><center><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:21px"><img src="РАЗДЕЛИТЕЛЬ" /> Ваш текст <img src="РАЗДЕЛИТЕЛЬ" /><br /><center><a href="Адрес Вашего ДНЕВНИКА" target="_blank"><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:13px"> Ваш НИК на Ли.Ру </font></a></center></font></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

Код "скелетик" такой рамки. Здесь будет Ваш текст. Код "скелетика" рамки <center><table background="ОБВОДКА" cellpadding="3" cellspacing="0" style="border:0px none #000000"><tbody><tr><td style="padding:3px"><table border="0" background="ФОН ТЕКСТА" cellpadding="11" cellspacing="0" width="700px"><tr><td style="padding:11px"><center><fieldset><legend align="left">РАЗДЕЛИТЕЛЬ или МАЛЕНЬКАЯ КАРТИНКА</legend><span style="color:#00000"><span style="font-size:20px;"><span style="font-family:Palatino Linotype"><br /><strong><center>Здесь будет Ваш текст.</center></strong><br /><br /><span style="font-family:Verdana;color:#000000;font-size:10px"><center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></center></span></span></span></span></fieldset></center></td></tr></table></td></tr></tbody></table></center> Значения в кавычках можно менять. Например, размер букв span style="font-size:20px;. Если цифру 20 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв span style="color:#00000". Если вместо, 000000 (так обозначается черный цвет), поставить ffffff (так обозначается белый цвет), то и буквы станут белого цвета. Шрифт написания span style="font-family:Palatino Linotype". Если вместо названия шрифта Palatino Linotype написать Arial или Monotype Corsiva, то написание букв изменится. Теги center - картинка или текст распологаются по центру рамки. Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ. Пробуйте, у Вас получится! ЖЕЛАЮ УДАЧИ! Nataliya_Bezyshko

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

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А Sergg62, подсказал как сделать рамки с разными углами и тенью. За это ему огромное спасибо! Он же дал ссылку на генератор, в котором можно сделать простенькие рамочки с однотонными фонами. Этот генератор здесь. Вроде ничего сложного при работе в нем нет, хоть он и на английском языке. Может кому то пригодится.
Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю.

Читать далее

Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона. Егорова Татьяна

Код готовой рамки <table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/h-18805.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><br />Здесь будет Ваш текст<br /> <br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Код "скелетика" рамки <table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b><br />Здесь будет Ваш текст<br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Я сюда на Лиру перебралась потому что, случайно в инете, увидела красивую рамку. Так захотелось научится делать нечто подобное. С тех пор уже не могу остановится. Всем, кто любит украшать свой дневник рамками, предлагаю вариант, как это можно делать не особо напрягаясь. И в этом мне очень помог Рамочник , ведь для него не нужно больших познаний в HTML. Итак как с ним работать ? В Рамочнике есть 4 панели, которые вам нужно заполнить. 1 ПАНЕЛЬ. Выглядит она так. В этой панели вы выбираете как хотите чтобы выглядела ваша рамочка. ЗДЕСЬ далее... SvetlanaT

И снова не надо возиться с html кодами и пр. ерундой!
Теперь можно делать ваши любимые рамочки всего за пару минут:)

Будем считать это новогодним подарком:) На сей сервис ушло ой как много времени...Ну не силен я в рамках, не очень понимаю что от меня хотят и что я должен сделать,но что смог то сделал, даже продолжение придумал.) Очень уж хотелось порадовать вас к Новому Году:)


Читать дальше > > >

Деда-еу
Как можно сделать вокруг ролика с YouTube цветную обводку


Зорба - Сиртаки оригинальная версия




Эта ссылка с YouTube выглядит следующим образом
http://youtu.be/zpOAnWEyzt8


Или первая ссылка в верхней части сайта которая выглядит таким образом.
http://www.youtube.com/watch?v=zpOAnWEyzt8&feature=related


Изменить ссылку , чтобы выглядеть следующим образом
http://youtube.com/v/zpOAnWEyzt8


Удалите только подчеркнутый текст
Изменение ссылки вставить сюда:
[flash=ШИРИНА,ВИСОТА,ИЗМЕНЕНИЕ ССЫЛКИ ВСТАВИТЬ СЮДА?&color1=0xКОД ЦВЕТА РАМКИ без лестницы&color2=0xКОД ЦВЕТА ПЛЕЕРА без лестницы&border=1&egm=1&rel=0&showinfo=0&showsearch=0&start=5&hd=1&0=1]
Код выглядит таким образом:


КОД ДЛЯ ВАС:
[flash=ШИРИНА,ВИСОТА,ИЗМЕНЕНИЕ ССЫЛКИ ВСТАВИТЬ СЮДА?&color1=0xКОД ЦВЕТА РАМКИ без лестницы&color2=0xКОД ЦВЕТА ПЛЕЕРА без лестницы&border=1&egm=1&rel=0&showinfo=0&showsearch=0&start=5&hd=1&0=1]

Не совсем сделано профессионально но это легко понять.
Удачи!


♥ ♥ ♥

♥Красиво?♥

Источник

Коды для рамочек

...и Вы увидите все ФОРМУЛЫ рамочек,начиная с простейшей, с объяснениями как и что нужно делать,чтобы самому конструировать рамочки... как правильно СКОПИРОВАТЬ КОД рамки 1.формула№1- ФОН ПОСТА 2.формула№2- ФОРМУЛА записи ТЕКСТА на картинке 3.формула№3- рамочка с текстом или картинкой "в РАЗРЫВЕ" 4.формула№4- рамочка в 1 СЛОЙ 5.формула№5- рамочка в 2 СЛОЯ 6.формула№6-рамочка в 3 СЛОЯ 7.формула№7- рамочка в 4 СЛОЯ 8.формула№8-рамочка в 5 СЛОЕВ 9.формула №9-рамочка в 6 СЛОЕВ 10.формула№10- рамочка в 7 СЛОЕВ 11.формула№11-рамочка в 8 слоев с местом для мелодии 12.ЗДЕСЬ собраны все записи с меткой "ФОРМУЛЫ моих рамочек" ...ну,ВОТ и ВСЕ...но тему я буду продолжать и дальше...нажав на пункт №12,Вы всегда сможете увидеть НОВЫЕ ФОРМУЛЫ... КОД рамочки ЗДЕСЬ   из блога...Арины Любушкиной  автор записи ТАНЯ &*

 

Серия сообщений "уроки оформления дневника":
Часть 1 - Как создать рамочку для фото
Часть 2 - Кнопка быстрого перехода на нужную страницу
...
Часть 35 - Flash плееры китайские - ну, очень красивые!!!
Часть 36 - сделать ФОН-БОРДЮР в программе Paint
Часть 37 - Коды для рамочек
Часть 38 - Серия №1 летающих шрифтов - для вас, милые ПЧ!
Часть 39 - Пишем на изображении и многое другое
Часть 40 - Флеш плееры!!!!!
Часть 41 - Делаем Граф-Ник в Gimp

ФОРМУЛЫ РАМОЧЕК ПОД РУКОЙ!!!

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ. ФОРМУЛЫ РАМОЧЕК Многие хотят научится делать красивые рамки. Вот здесь я собрала для вас формулы рамочек. Вставляйте свои параметры и рамка готова! Удачи вам в работе!!! Рамка в два слоя: Рамка в три слоя: Рамка в четыре слоя: Рамка в шесть слоев: Рамка в восемь слоев: Рамка с уголками: Фотошопная рамка: Подписываем рамку: для вас Лариса Гурьянова

формулы рамок

Автор поста La@Perla (Маргарита) Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру Как выяснилось, у многих не только разрезные, но и обычные рамочки, сделанные для Блогов встают на Ли.ру в искаженном виде. Я обещала помочь и вот, что у меня получилось. Выкладываю результат - формулу универсального кода, к примеру, для восьмислойной рамочки с картинкой, которая одинаково хорошо встает и в Блогах, и на Ли.ру. <div align="center"><table border="0" background="Адр. ФОНА 1 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 2 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 3 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 4 (широкий слой)" cellpadding="55" cellspacing="0"><tr><td align="center" style="padding: 55px;"> <a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="2" border="0" /></a><table border="0" background="Адр. ФОНА 5 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 6 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 7 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table width="ШИРИНА РАМОЧКИ" border="0" background="Адр. ФОНА 8 (внутренний фон рамки)" cellpadding="1" cellspacing="0"><tr><td width="ШИРИНА РАМОЧКИ" style="padding: 1px;"><div align="center"> КОД КАРТИНКИ (ссылка №6) <br /><br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6) <br /><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:РАЗМЕР ТЕКСТАpx"><i><b><br />**********ВАШ ТЕКСТ*********<br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6)<br /><a href="АДРЕС АВТОРА (вашего блога)" target="_blank"><font face="Arial" color="#ЦВЕТ ТЕКСТА Авт.ссылки" style="font-size:12px"><b> ИМЯ АВТОРА </b></font></a><br /></b></i></font></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div> Для восьмислойной рамочки для текста без картинки код будет немного другой <div align="center"><table border="0" background="Адр. ФОНА 1 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 2 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 3 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 4 (широкий слой)" cellpadding="55" cellspacing="0"><tr><td align="center" style="padding: 55px;"> <a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="2" border="0" /></a><table border="0" background="Адр. ФОНА 5 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 6 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 7 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table width="ШИРИНА РАМОЧКИ" border="0" background="Адр. ФОНА 8 (внутренний фон рамки)" cellpadding="1" cellspacing="0"><tr><td width="ШИРИНА РАМОЧКИ" style="padding: 1px;"><div align="center"> <br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6) <br /><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:РАЗМЕР ТЕКСТАpx"><i><b><br />**********ВАШ ТЕКСТ*********<br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6)<br /><a href="АДРЕС АВТОРА (вашего блога)" target="_blank"><font face="Arial" color="#ЦВЕТ ТЕКСТА Авт.ссылки" style="font-size:12px"><b> ИМЯ АВТОРА </b></font></a><br /></b></i></font></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div> После заполнения этих формул цифрами, мы получим рамочки такие, как здесь ПОЯСНЕНИЯ Адр.ФОНА – адрес фона - это ссылка №1 в Радекале (вставляем от кавычки до кавычки без пробелов) Подробно об Адресе изображений я писала здесь и здесь КОД РАЗДЕЛИТЕЛЯ, КОД КАРТИНКИ можно взять из Радикала Ссылка №6 ЦВЕТ ТЕКСТА – шестизначний код цвета - смотри здесь(вставляем аккуратно от # до кавычки без пробелов) РАЗМЕР ТЕКСТА в пикселях (px) – двузначная цифра от 10 до 30 (подбирается экспериментально, вставляем аккуратно от : до px без пробелов) ШИРИНА РАМКИ - это трехзначная цифра, ширина нашей рамочки в пикселах (Например - 650, 700, 800). В рамочке с картинкой ШИРИНА РАМКИ должна быть римерно на 2-4px больше ширины вашей картинки. Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ Удачи и всех благ! С уважением La@Perla (Маргарита) Еще материалы по оформлению блога можно найти ЗДЕСЬ Оригинал поста здесь