ИНСТРУКЦИЯ:

Здравствуйте дорогие читатели моей маленькой галереи!
Решила наконец создать пост для тех кто не умеет пользоваться рамочками.В комментариях часто задают один и тот же вопрос:''Как вставлять рамочки у себя в дневнике?''Попытаюсь наглядно обьяснить как это делать.Если возникнут еще вопросы будем вместе обсуждать в комментариях.И так начнем.
В первую очередь под каждой рамочкой есть окошко с кодом,или оно находится в первом комментарии.Левой кнопкой мыши нажмите на начало кода и протяните его вниз,код обычно длинный,дождитесь до полного его окончания,затем правой кнопкой мыши копируйте его.
<center><table border="4" background="//img1.liveinternet.ru/images/attach/c/0//52/769/52769895_7833118cbf68.jpg" cellpadding="5" cellspacing="3" width="650"><tbody><tr><td><center><table border="2" background="//img1.liveinternet.ru/images/attach/c/0//44/781/44781626_damask281.gif" cellpadding="5" cellspacing="0" width="650"><tbody><tr><td><center><table border="0" background="" cellpadding="1" cellspacing="3" width="500"><tbody><tr><td><center><table border="4" background="//i048.radikal.ru/0804/99/3940e1984acd.jpg" cellpadding="3" cellspacing="0" width="500"><tbody><tr><td><center><table border="2" background="//img1.liveinternet.ru/images/attach/c/0//52/769/52769895_7833118cbf68.jpg" cellpadding="4" cellspacing="2" width="500"><tbody><tr><td><center><center><center><font size="5" color="#332222" face="Monotype Corsiva"><img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/0//52/763/52763929_35235703_33194156_deti_4.gif" src="//img0.liveinternet.ru/images/attach/c/0//52/763/52763929_35235703_33194156_deti_4.gif" width="599" height="382" alt=" (699x482, 611Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/0//48/191/48191972_dr69.gif" src="//img1.liveinternet.ru/images/attach/c/0//48/191/48191972_dr69.gif" width="253" height="43" alt="dr-69 (253x43, 16Kb)" /> <br /> Ваш текст <br /> <img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/0//48/191/48191972_dr69.gif" src="//img1.liveinternet.ru/images/attach/c/0//48/191/48191972_dr69.gif" width="253" height="43" alt="dr-69 (253x43, 16Kb)" /> <br /> </font></center></center></center></td></tr></tbody></table></center></td></tr></tbody></table><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/users/2872037/profile" href="http://www.liveinternet.ru/users/2872037/profile"><font color="#554433"><font size="1"><b><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/0//52/769/52769303_kafve.gif" src="//img1.liveinternet.ru/images/attach/c/0//52/769/52769303_kafve.gif" width="120" height="20" alt=" (220x40, 8Kb)" /></b></font></font></a></center></td></tr></tbody></table></center></td></tr></tbody></table></center></td></tr> </tbody></table></center>

ИНСТРУКЦИЯ 2:

К примеру возьмем эту рамочку:

Вот ее код:
<div><br /> <table background="//s58.radikal.ru/i162/0904/c7/e60b02de137f.jpg" align="center" border="1" cellpadding="1" cellspacing="1"><tbody><tr><td><table background="//s57.radikal.ru/i155/0904/ee/1e7fdd8f22b6.jpg" width="580" border="1" cellpadding="50" cellspacing="5"><tbody><tr><td><div align="center"><table background="//s58.radikal.ru/i162/0904/c7/e60b02de137f.jpg" width="580" align="center" border="1" cellpadding="3" cellspacing="1"><tbody><tr><td><table background="//s57.radikal.ru/i155/0904/ee/1e7fdd8f22b6.jpg" width="580" border="1" cellpadding="12" cellspacing="1"><tbody><tr><td><table background="//s58.radikal.ru/i162/0904/c7/e60b02de137f.jpg" width="580" align="center" border="1" cellpadding="1" cellspacing="1"><tbody><tr><td><table background="//s57.radikal.ru/i155/0904/ee/1e7fdd8f22b6.jpg" width="580" border="2" cellpadding="7" cellspacing="2"><tbody><tr><td><i><font size="4" color="#ee1122" face="times"><p align="center"><font face="Georgia"><br /> Ваша картинкa <br /> <img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/0//53/572/53572141_4a3c6e045a83daffe2c2a5d2e9720474.gif" src="//img0.liveinternet.ru/images/attach/c/0//53/572/53572141_4a3c6e045a83daffe2c2a5d2e9720474.gif" width="416" height="17" alt=" (416x17, 19Kb)" /><br /> Ваш текст <br /> <img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/0//53/572/53572141_4a3c6e045a83daffe2c2a5d2e9720474.gif" src="//img0.liveinternet.ru/images/attach/c/0//53/572/53572141_4a3c6e045a83daffe2c2a5d2e9720474.gif" width="416" height="17" alt=" (416x17, 19Kb)" /><br /> </font></p></font></i></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div><center><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/users/2872037/profile" href="http://www.liveinternet.ru/users/2872037/profile"><font color="#ee1122"><font size="1">Галерея_Дефне</font></font></a></center></td></tr></tbody></table></td></tr></tbody></table></div>

У вас в документах есть подходящая картинка,я выбрала для примера такую:

Этот урок я написала по просьбе моей постоянной читательницы.

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

Джоан.

Серия сообщений "Уроки для блогов и дневников":

Часть 1 - Пригодится.
Часть 2 - Линеечки
...
Часть 23 - Как увидеть картинки под паролем,сохранить или получить код на Яндекс-фотках!
Часть 24 - Программа Nature IllusionStudio 3.41 (создание анимированных пейзажей)
Часть 25 - Схемка-кодов цвета
Часть 26 - УРОК: Как скачать в компьютер сразу целый альбом с Яндекс - фоток.Часть №1
Часть 27 - Дополнение к уроку: "Как скачать в компьютер сразу целый альбом с Яндекс - фоток" (Часть №2)
...
Часть 45 - Создаем шаблон для Youtube (templates youtube)
Часть 46 - Генераторы цвета,шрифта.12 цветовых палетт для дизайна.
Часть 47 - РАМОЧКА "А Я КОШЕЧЕК ЛЮБЛЮ..."

ЭТО ПРОСТО КЛАД -3

ТЕГИ HTML.   КАК СДЕЛАТЬ ПОЛЕЗНЫЕ ССЫЛКИ    СПЕЦСИМВОЛЫ   ССЫЛКИ НА ДР.РЕССУРСЫ   ТАБЛИЦА ЦВЕТОВ HTML   ТАБЛИЦА ЦВЕТОВ НА АНГЛ.ЯЗ.   ТАБЛИЦА ЦВЕТОВ HTML.

Подробный урок от Pannamusic
 

Перейдя по ссылке, 

Вы увидите пост-пример 

http://www.liveinternet.ru/users/misskcu/post207689028/

 

Материал, который понадобится Вам для работы:

 

Урок "Кнопка Источник в расширенном редакторе."   http://www.liveinternet.ru/users/misskcu/post197213277

Код 8-слойной рамочки 

<div align="center"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 10px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="0" cellpadding="3" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 50px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 10px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="0" cellpadding="0" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 1px;"><div align="center"><p>Линеечка или картинка</p><center><b><font face="Monotype Corsiva"><b><text size="5"><b><i><text color="330000">Ваш текст  <br /></text></i></b></text></b></font></b><br /></center> <center><b><font face="Monotype Corsiva"><b><text size="5"><b><i><text color="330000">   Линеечка </text></i></b></text></b></font></b></center></div></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><p> </p>

 

Адрес сайта "Радикал.ру"      http://www.radikal.ru/

Адрес сайта "Писец"          http://4maf.ru/pisec/

Урок по работе на сайте "Писец"            http://www.liveinternet.ru/users/misskcu/post194404383

Сайт "Привет.ру "        http://privet.ru/

Урок "Как создать плейлист на Привет.ру"          http://www.liveinternet.ru/users/misskcu/post200961476

Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
Часть 12 - Урок по созданию рамочек с разрывом от MissKcu
Часть 13 - Урок по созданию красивой рамочки от MissKcu
Часть 14 - Сайт анимации.
Часть 15 - Как изменить фон сообщений в понравившемся дизайне для днева.
...
Часть 19 - Вы убрали Корону? ушли Рубрики и все остальное?
Часть 20 - Как вставить Плейкаст в свой Дневник (блог на Привете). Урок от MissKcu
Часть 21 - Убираем стандартную схему

Учимся вставлять Картинки с кодами в таблицу.
 

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

<img data-cke-saved-src="//img-fotki.yandex.ru/get/4311/fot462.f5/0_3c774_e37dee3b_M.jpg" src="//img-fotki.yandex.ru/get/4311/fot462.f5/0_3c774_e37dee3b_M.jpg" width="180" height="238" />	<img data-cke-saved-src="//img-fotki.yandex.ru/get/4314/fot462.f4/0_3c772_abd2d45f_M.jpg" src="//img-fotki.yandex.ru/get/4314/fot462.f4/0_3c772_abd2d45f_M.jpg" width="134" height="242" />	<img data-cke-saved-src="//img-fotki.yandex.ru/get/4310/fot462.f5/0_3c792_1b41cf04_M.jpg" src="//img-fotki.yandex.ru/get/4310/fot462.f5/0_3c792_1b41cf04_M.jpg" width="185" height="240" />
<img data-cke-saved-src="//img-fotki.yandex.ru/get/4209/fot462.f5/0_3c793_34d3baa3_M.jpg" src="//img-fotki.yandex.ru/get/4209/fot462.f5/0_3c793_34d3baa3_M.jpg" width="115" height="253" />	<img data-cke-saved-src="//img-fotki.yandex.ru/get/4311/fot462.f6/0_3c7ba_b1f1334d_M.jpg" src="//img-fotki.yandex.ru/get/4311/fot462.f6/0_3c7ba_b1f1334d_M.jpg" width="138" height="249" alt="36216699 (501x400, 22Kb)" />	<img data-cke-saved-src="//img-fotki.yandex.ru/get/4312/fot462.f6/0_3c7ae_81dc8fa7_M.jpg" src="//img-fotki.yandex.ru/get/4312/fot462.f6/0_3c7ae_81dc8fa7_M.jpg" width="114" height="244" />

Жмём и смотрим как научится делать такое оформление.

SvetlanaT