Генератор BB и Html кодов для вставки изображений на сайт или блог (Из блога ГАЛИНЫ ШАДРИНОЙ)

Очень полезный сервис, особенно для начинающих,но и опытным пользователям он будет не лишним! Генератор BB и Html кодов для вставки изображений на сайт или блог. Этот генератор может сделать для вас очень многое. 1. Построит картинки в ряд, то есть сам сделает за вас таблицу. 2.Сам переведет вашу картинку в Html коды. 3. Сделает за вас окошечки с кодами для вставки. То,что раньше надо было сначала ставить специальные таблицы ,потом нужно было вставить туда коды картинок и еще умудрится под ними коды в рамочке засунуть.Это могли делать только умудренные пользователь.Теперь всё упростилось в тысячу раз!! Думаю даже то, что я вам сейчас написала, для многих не очень понятно. Поэтому постараюсь все объяснить попроще. Идем на этот замечательный сервис :ГЕНЕРАТОР BB и Html КОДОВ ДЛЯ ВСТАВКИ ИЗОБРАЖЕНИЙ НА САЙТ ИЛИ БЛОГ И вот в эту, открывшуюся нам табличку, начинаем В СТОЛБИК загружать адреса нужных нам картинок Для примера возьмем небольшие картинки, например НОВОГОДНИЕ ЕЛОЧКИ. Так как НОВЫЙ ГОД уже не за горами, начнем потихоньку готовится. ЕЛОЧКИ БЕРЕМ ЗДЕСЬ Я беру адреса любых елочек, но желательно одинаковых по размеру. КАК ВЗЯТЬ АДРЕС КАРТИНКИ Адрес любой картинки узнать совсем несложно! 1. Кликните по понравившемуся изображению ПРАВОЙ клавишей мышки. 2. Выпадет табличка, в которой нужно выбрать строчку "СВОЙСТВА ИЗОБРАЖЕНИЯ". 3. Далее ЛЕВОЙ клавишей мышки кликаем на этой строке. 4. Появляется еще одна табличка, в которой указан "АДРЕС ИЗОБРАЖЕНИЯ". 5. Его нужно скопировать. Выделяем мышкой этот адрес (черним), затем снова жмем правую кнопку мыши и выбираем КОПИРОВАТь) Если это делать через клавиатуру, то следующие кнопки - (ставим курсор на эту строчку: Выделяем - Ctrl+А копируем - Ctrl+С). 6. Все - теперь можно вставлять в код - Снова встаем мышкой на то место, куда надо вставить картинку, жмем правую клавишу мыши и выбираем ВСТАВИТЬ. Если делаете это клавиатурой, то кнопки - Ctrl+V. 1. Быстрый способ (для Оперы) - кликаем правой клавишей по картинке и выбираем "Копировать адрес изображения". 2. Для тех, у кого браузер Firefox(мазила) - выбрать "Копировать ссылку на изображение". ИТАК КОПИРУЕМ АДРЕСА ЕЛОЧЕК В СТОЛБИК В ТАБЛИЦУ НА САЙТЕ, Выглядеть это будет вот так. Теперь определимся, сколько елочек вы хотите поставить в ряду. Допустим я хочу поставить так же по четыре. Ставим точку, в таблице, сколько хотим столбиков. Дальше, стоит вопрос что мы хотим получить. Я ставлю галочку, что хочу получить только коды HTML. и жму кнопку ГОТОВО Остается только взять готовые коды и загрузить их в НОВУЮ ЗАПИСЬ. Ту, где ставим пост о елочках. Или у себя в записи мы увидим что все картинки встали в четыре ряда в таблицу. Теперь получим эти же картинки, с уже готовыми кодами для вставки. Так как такие окошечки, для кодов, не все умеют делать, а уж для таблицы это и вовсе сложно. После загрузки кодов, ставим галочку вот здесь, а там где " поместить в таблицу" ТОЧКУ, на цифре 4, И в результате получаем все елочки с кодами для вставки!. Вот как это будет выглядеть в записи <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/10.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/10.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/10.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/10.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/11.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/11.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/11.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/11.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/12.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/12.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/12.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/12.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/13.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/13.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/13.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/13.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/14.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/14.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/14.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/14.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/15.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/15.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/15.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/15.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/16.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/16.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/16.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/16.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/18.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/18.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/18.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/18.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/19.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/19.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/19.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/19.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/4.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/4.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/4.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/4.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/7.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/7.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/7.gif</a><br" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/7.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/3.gif"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/3.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://best-animation.ru/lanim/animashki/elki/200-200/3.gif</a>"" target="_blank">http://best-animation.ru/lanim/animashki/elki/200-200/3.gif</a>"</a> border="0"></a> Точно так же можно получить коды для вставки на абсолютно все картинки и разделители. Берете ее адрес, вставляете в окошечко сайта, и получаете коды для вставки. То же и с разделителями.Например идем на сайт с РАЗДЕЛИТЕЛЯМИ, берем адреса понравившихся разделителей, вставляем на сайте в окошечко, ставим ТОЧКУ, поместить в таблицу на цифре 1, галочку на Код картинок в таблице с кодами(html) См. картинку) и получаем их с кодами для вставки. Можно делать пост. <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/anima/gif/lijn25.gif"" target="_blank">http://priroda.inc.ru/prazdnik/anima/gif/lijn25.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/anima/gif/lijn25.gif</a><br" target="_blank">http://priroda.inc.ru/prazdnik/anima/gif/lijn25.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/anima/gif/lijn27.gif"" target="_blank">http://priroda.inc.ru/prazdnik/anima/gif/lijn27.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/anima/gif/lijn27.gif</a><br" target="_blank">http://priroda.inc.ru/prazdnik/anima/gif/lijn27.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/anima/gif/lijn17.gif"" target="_blank">http://priroda.inc.ru/prazdnik/anima/gif/lijn17.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/anima/gif/lijn17.gif</a><br" target="_blank">http://priroda.inc.ru/prazdnik/anima/gif/lijn17.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/gif1/lines04.gif"" target="_blank">http://priroda.inc.ru/prazdnik/gif1/lines04.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/gif1/lines04.gif</a><br" target="_blank">http://priroda.inc.ru/prazdnik/gif1/lines04.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/anima/gif/lijn6.gif"" target="_blank">http://priroda.inc.ru/prazdnik/anima/gif/lijn6.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/anima/gif/lijn6.gif</a><br" target="_blank">http://priroda.inc.ru/prazdnik/anima/gif/lijn6.gif</a><br</a> />" border="0"></a> <img src="<a href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/anima/gif/lijn7.gif"" target="_blank">http://priroda.inc.ru/prazdnik/anima/gif/lijn7.gif"</a> target="_blank" onclick="return cfm(this)"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://priroda.inc.ru/prazdnik/anima/gif/lijn7.gif</a>"" target="_blank">http://priroda.inc.ru/prazdnik/anima/gif/lijn7.gif</a>"</a> border="0"></a> ВНИМАНИЕ! Во время работы с этими кодами НЕ ПЕРЕХОДИТЕ в УПРОЩЕННЫЙ ФОРМАТ. Иначе, как и в таблице все коды собьются. Пользуйтесь предпросмотром, что бы посмотреть результат. Ну вот и все. Если вам понравился сайт, заходите, пробуйте и пользуйтесь им. Из блога ГАЛИНЫ ШАДРИНОЙ

 

Серия сообщений "генераторы,программы":
Часть 1 - Поиск музыки по мотиву и ритму
Часть 2 - Делаем потрясающие рамочки с текстами
...
Часть 43 - Сделай тату
Часть 44 - Программа для моделирования
Часть 45 - Генератор BB и Html кодов для вставки изображений на сайт или блог (Из блога ГАЛИНЫ ШАДРИНОЙ)

Серия сообщений "~ полезные уроки":

"Плагин (Plug-in)"

Часть 1 - Topaz ReMask 2.0.4
Часть 2 - Установка плагина для Photoshop - Topaz ReMask 2.0.4
...
Часть 24 - Красный, коричневый скрап-набор
Часть 25 - Желтый скрап-набор
Часть 26 - Генератор BB и Html кодов для вставки изображений на сайт или блог

Желтый

Взято из сети

1.


2.


3.


4.


5.

Серия сообщений "~ полезные уроки":

"Плагин (Plug-in)"

Часть 1 - Topaz ReMask 2.0.4
Часть 2 - Установка плагина для Photoshop - Topaz ReMask 2.0.4
...
Часть 23 - Как сделать "ожившую" фотографию
Часть 24 - Красный, коричневый скрап-набор
Часть 25 - Желтый скрап-набор
Часть 26 - Генератор BB и Html кодов для вставки изображений на сайт или блог

Красный, коричневый

Взято из сети

1.


2.


3.


4.


5.


6.


7.


8.


9.


10.


11.

Серия сообщений "~ полезные уроки":

"Плагин (Plug-in)"

Часть 1 - Topaz ReMask 2.0.4
Часть 2 - Установка плагина для Photoshop - Topaz ReMask 2.0.4
...
Часть 22 - Добавление в дневник сообщений по почте. Как это делать и зачем это нужно? (Часть1)
Часть 23 - Как сделать "ожившую" фотографию
Часть 24 - Красный, коричневый скрап-набор
Часть 25 - Желтый скрап-набор
Часть 26 - Генератор BB и Html кодов для вставки изображений на сайт или блог

Добавление в дневник сообщений по почте. Как это делать и зачем это нужно? (Часть1)

Часть 1.
Текстовый формат письма
Внесу в очередное дополнение.

Для начала рекомендую прочесть официальную инструкцию.
Прочитали?
А теперь я вам расскажу ещё раз,

как добавлять сообщения через почту

Серия сообщений "~ полезные уроки":

"Плагин (Plug-in)"

Часть 1 - Topaz ReMask 2.0.4
Часть 2 - Установка плагина для Photoshop - Topaz ReMask 2.0.4
...
Часть 20 - Каждый раз новая картинка на прозрачном фоне...
Часть 21 - Как сделать перевод средств из webmoney кошелька на карту банка (на примере «Сбербанк
Часть 22 - Добавление в дневник сообщений по почте. Как это делать и зачем это нужно? (Часть1)
Часть 23 - Как сделать "ожившую" фотографию
Часть 24 - Красный, коричневый скрап-набор
Часть 25 - Желтый скрап-набор
Часть 26 - Генератор BB и Html кодов для вставки изображений на сайт или блог