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

Среда, 12 Сентября 2012 г. 23:37 + в цитатник

Цитата сообщения SvetlanaT

Прочитать целиком В свой цитатник или сообщество!

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

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

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

<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" />

Если картинок не много их можно просто загрузить через ОБЗОР.
Посмотреть как это сделать можно ЗДЕСЬ.
И потом добавить к каждой картинке её код в окошке .
А это сам код ОКОШКА.
Посмотреть как вставить такое окошко для кодов можно ЗДЕСЬ.
Линеечка-разделитель бежевая

Сложнее сделать если у вас накопилось много картинок.
Тогда вам подойдёт такой вариант оформления (как я показала выше) в таблице.
Можно сделать таблицу с бордюрчиком или как у меня без него.
Если хотите с бордюром тогда нашли в коде тег ...table border="0"...
Цифру можно менять.Смотря какой толшины вы хотите бордюрчик таблицы.
Выделяйте и Копируете код полностью,вставляйте к себе в дневник
в ПРОСТОМ текстовом РЕДАКТОРЕ.
Линеечка-разделитель бежевая

Каждая картинка это её УРЛ ССЫЛКА-АДРЕС,где она находится в инете.
Вот эта ссылка нам и нужна чтобы ею поделиться с друзьями.
В коде где написано КАРТИНКА с 1 по 12 вставляйте получившеюся
УРЛ ССЫЛКУ на вашу картинку.
В коде где написано ОКОШКО ДЛЯ КОДА 1-12 повторяйте код этой картинки.
Если хотите такое оформление в три ряда чуть ниже берите коды.

1 КАРТИНКА ОКОШКО ДЛЯ КОДА 1	2 КАРТИНКА ОКОШКО ДЛЯ КОДА 2	3 КАРТИНКА ОКОШКО ДЛЯ КОДА 3
4 КАРТИНКА ОКОШКО ДЛЯ КОДА4<br />	5 КАРТИНКА ОКОШКО ДЛЯ КОДА 5	6 КАРТИНКА ОКОШКО ДЛЯ КОДА 6

КОД ТАБЛИЦЫ НА 6 КАРТИНОК С ОКОШКАМИ.
КОД ТАБЛИЦЫ НА 9 КАРТИНОК С ОКОШКАМИ.
КОД ТАБЛИЦЫ НА 12 КАРТИНОК С ОКОШКАМИ.
Линеечка-разделитель бежевая

Если у вас большие картинки их лучше вставить в два ряда
чуть ниже берите коды таблицы с картинками.

1 КАРТИНКА ОКОШКО ДЛЯ КОДА 1	2 КАРТИНКА ОКОШКО ДЛЯ КОДА 2
3 КАРТИНКА ОКОШКО ДЛЯ КОДА 3	4 КАРТИНКА ОКОШКО ДЛЯ КОДА4<br />

КОД ТАБЛИЦЫ НА 4 КАРТИНОК С ОКОШКАМИ.
КОД ТАБЛИЦЫ НА 6 КАРТИНОК С ОКОШКАМИ.
КОД ТАБЛИЦЫ НА 8 КАРТИНОК С ОКОШКАМИ.
Вот и всё самое необходимое.Удачи вам в оформлении.

SvetlanaT

Рубрики:

оформление дневника,/мой дневник, всё для блога,