плэйкаст здесь

[700x174]

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

Линеечки-разделители золотые (много)

Смотреть далее...

 

плейкаст здесь

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

декоративные элементы png

далее

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

Эти формулы рамочек
 

 

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

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

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

Объемные рамки разной конфигурации. Без фотошопа!

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А 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://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://urls.by/1uzx" target=_blank border="0">[показать]</a></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/"></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"></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"></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="АДРЕС ВАШЕГО БЛОГА" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="http://www.egorovatatiana.ru/"></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"></a></b></span></td></tr></table></td></tr></table>

Это цитата сообщения Вера_Паничкина Оригинальное сообщение

Pамочки с разрывом и с закругленными углами.
 

Как сделать рамочку с разрывом, я знаю, в моём дневнике есть.
Но хотелось найти код рамочки с разрывом и с закругленными углами.
НАШЛА! И снова меня выручила Егорова Таня!
Полностью урок можно прочитать на этой странице, так как я взяла из урока лишь то, что меня интересовало, что не доставало в моем дневничке...

ИТАК:

Рамочка с тенью

Вот код -"скелетик" рамочки с разрывом и закругленными углами, где можно менять ее цвет, толщину, ширину и крутизну-закругленность углов на свои значения.
<fieldset style="width:ШИРИНАpx;border:ТОЛЩИНАpx#ЦВЕТ solid ; padding:20px; border-radius:УГОЛpx;box-shadow: 0px 0px 20px #000000;"><br /> <legend align="center"><img data-cke-saved-src="КАРТИНКА" src="КАРТИНКА" /></legend>Здесь будет Ваш текст</fieldset>

Выглядит этот код вот так.

1. ШИРИНА в пикселях. Примерно до 650. Можно и больше, но лучше до 650.

2. ТОЛЩИНА в пикселях. Минимальное значение 1.

3. ЦВЕТ рамочки. 6 знаков цвета. Например черный 000000, белый ffffff, золотистый fff799.

4. УГОЛ. Закругленность углов в пикселях. Если хотите оставить угол прямым, то вместо слова УГОЛ поставьте цифру ноль. Чем выше цифра, чем больше закругленность.

5. КАРТИНКА. Сюда вставляете URL нужной картинки. Желательно маленькой.

6. ТЕНЬ. Можете оставить так как есть. А можно поэкспериментировать и вместо нолей перед цифрой 20 поставить значения выше и посмотреть что изменится. Цифру 20 тоже можно изменить на другую. Вместо 6 нолей (так обозначается черный цвет тени) после знака # можете поставить значение нужного цвета тени.
Если вы везде поставите ноль px, то тень исчезнет.

ВИДЫ БОРДЮРОВ (наглядно можно посмотреть ЗДЕСЬ и ЗДЕСЬ:)

solid - рамка из сплошной линии;

dotted - точечная линия;

dashed - пунктирная линия;

double - рамка из двойной сплошной линии;

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

ПЛЭКАСТ ЗДЕСЬ

Это цитата сообщения Любовь_Резникова Оригинальное сообщение

Летнее настроение
 

ВАШ ТЕКСТ.... Любовь Резникова

 

<center> <p>  </p> <table background="https://a.radikal.ru/a28/2107/94/0a49c8047131.gif" border="2" cellpadding="10" cellspacing="0" width="100%"> <tbody> <tr> <td style="padding: 5px;"> <table background="https://a.radikal.ru/a28/2107/94/0a49c8047131.gif" border="2" cellpadding="5" cellspacing="0" width="100%"> <tbody> <tr> <td style="padding: 5px;"> <table background="https://обои-пермь.рф/wp-content/uploads/2020/02/229212-1-Симфония-фон-беж.-дупл.-МОФ-1024x1024.jpg" border="1" cellpadding="11" cellspacing="0" width="100%"> <tbody> <tr> <td style="padding: 5px;"> <center> <p> <img data-cke-saved-src="https://i.pinimg.com/736x/ff/1b/e4/ff1be43fae11d8f6d19041a195673485.jpg" src="https://i.pinimg.com/736x/ff/1b/e4/ff1be43fae11d8f6d19041a195673485.jpg" style="width: 800px; height: 533px; border-width: 1px; border-style: solid;" /></p> <div align="center"> <div style="box-shadow:-4px -4px 9px white,4px 4px 9px #333333,4px 4px 9px #333333;-webkit-border-radius:99px 99px 0px 99px;-moz-border-radius:99px 99px 99px 99px;border-radius:99px 99px 99px 99px;background-image:url(http://img.fotki.yandex.ru/get/5821/83186431.1ae/1_wcaN6htVkuZJ0SI8oxzcQ1TbIuE=_6ac0b_b1e06076_orig);width:80%;"> <br /> <br /> <br /> <div style="width:510px;height:150px;scrollbar-track-color:#94FF82;scrollbar-arrow-color:#ffffff;scrollbar-base-color:#94FF82;overflow:auto;"> <br /> <span style="font-family:Times New Roman;color:#008B00;font-size:23px;text-shadow:1px 1px 1px

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

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

Наложение футажей в фотошопе на временной шкале

Серия сообщений "работа с футажами":

Часть 1 - Наложение футажа на изображение
Часть 2 - Наложение нескольких футажей на изображение
Часть 3 - Наложение футажей в фотошопе на временной шкале
Часть 4 - Переносим анимацию (футаж) на другое изображение (подробное описание).
Часть 5 - Собираем анимацию в шкале времени
Часть 6 - Урок анимации в фотошопе - Валентинка для тебя

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

Наложение нескольких футажей на изображение

Серия сообщений "работа с футажами":

Часть 1 - Наложение футажа на изображение
Часть 2 - Наложение нескольких футажей на изображение
Часть 3 - Наложение футажей в фотошопе на временной шкале
Часть 4 - Переносим анимацию (футаж) на другое изображение (подробное описание).
Часть 5 - Собираем анимацию в шкале времени
Часть 6 - Урок анимации в фотошопе - Валентинка для тебя

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

Наложение футажа на изображение

Серия сообщений "работа с футажами":

Часть 1 - Наложение футажа на изображение
Часть 2 - Наложение нескольких футажей на изображение
Часть 3 - Наложение футажей в фотошопе на временной шкале
Часть 4 - Переносим анимацию (футаж) на другое изображение (подробное описание).
Часть 5 - Собираем анимацию в шкале времени
Часть 6 - Урок анимации в фотошопе - Валентинка для тебя

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

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

***

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

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



***

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

Простые рамочки с прокруткой


***

***

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

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

ПРОСТАЯ ОБЪЕМНАЯ рамочка+формула

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

Рамочки объемные+формула

Для просмотра используйте прокрутку справа.Читать далее...