Генератор BB и Html кодов для вставки изображений на сайт или блог

Среда, 26 Декабря 2012 г. 04:29 + в цитатник

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

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

Генератор 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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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 - Делаем календари и часики в конструкторе онлайн
...
Часть 18 - ПИШЕМ НА ИЗОБРАЖЕНИИ.
Часть 19 - ПИШЕМ ТЕКСТ НА КАРТИНКЕ
Часть 20 - Генератор BB и Html кодов для вставки изображений на сайт или блог
Часть 21 - Сделать фильм со своим фото
Часть 22 - Как Создать Гиф Анимацию Онлайн
...
Часть 39 - Хостинг картинок ...вместо яндекса...
Часть 40 - Для творчества генераторы
Часть 41 - Объединить GIF C JPEG. Онлайн