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

Пятница, 28 Декабря 2012 г. 00:48 + в цитатник

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

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

(Из блога ГАЛИНЫ ШАДРИНОЙ)

Очень полезный сервис, особенно для начинающих,но и опытным пользователям он будет не лишним! Генератор 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 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - РОЗЫ PNG С КОДОМ
...
Часть 38 - Кладезь для всех начинающих...
Часть 39 - Анимированные картинки с кодами. Цветы.
Часть 40 - Генератор BB и Html кодов для вставки изображений на сайт или блог
Часть 41 - Делаем схему. Создаем фон.
Часть 42 - Текстовая рамочка для дневников и блогов *8 марта*
...
Часть 47 - Рамки для новогодних сообщений.
Часть 48 - Смайлы-комменты с кодом.
Часть 49 - Замечательный и очень простой генератор красивых надписей

<a href="https://www.liveinternet.ru/users/ineangel/post254241384/">Р“РµРЅРµСЂР°С‚РѕСЂ BB Рё Html РєРѕРґРѕРІ РґР»СЏ РІСЃС‚Р°РІРєРё РёР·РѕР±СЂР°Р¶РµРЅРёР№ РЅР° СЃР°Р№С‚ РёР»Рё Р±Р»РѕРі </a><br/>  (РР· Р±Р»РѕРіР° Р“РђР›РРќР« РЁРђР”Р РРќРћР™)

РћС‡РµРЅСЊ РїРѕР»РµР·РЅС‹Р№ СЃРµСЂРІРёСЃ, РѕСЃРѕР±РµРЅРЅРѕ РґР»СЏ РЅР°С‡РёРЅР°СЋС‰РёС…,РЅРѕ Рё РѕРїС‹С‚РЅС‹Рј РїРѕР»СЊР·РѕРІР°С‚РµР»СЏРј РѕРЅ Р±СѓРґРµС‚ РЅРµ Р»РёС€РЅРёРј! Р“РµРЅРµСЂР°С‚РѕСЂ BB Рё Html РєРѕРґРѕРІ РґР»СЏ РІСЃС‚Р°РІРєРё РёР·РѕР±СЂР°Р¶РµРЅРёР№ РЅР° СЃР°Р№С‚ РёР»Рё Р±Р»РѕРі. РС‚РѕС‚ РіРµРЅРµСЂР°С‚РѕСЂ РјРѕР¶РµС‚ СЃРґРµР»Р°С‚СЊ РґР»СЏ РІР°СЃ РѕС‡РµРЅСЊ РјРЅРѕРіРѕРµ.
										1. РџРѕСЃС‚СЂРѕРёС‚ РєР°СЂС‚РёРЅРєРё РІ СЂСЏРґ, С‚Рѕ РµСЃС‚СЊ СЃР°Рј СЃРґРµР»Р°РµС‚ Р·Р° РІР°СЃ С‚Р°Р±Р»РёС†Сѓ.
										2.РЎР°Рј РїРµСЂРµРІРµРґРµС‚ РІР°С€Сѓ РєР°СЂС‚РёРЅРєСѓ РІ Html РєРѕРґС‹.
										3. РЎРґРµР»Р°РµС‚ Р·Р° РІР°СЃ РѕРєРѕС€РµС‡РєРё СЃ РєРѕРґР°РјРё РґР»СЏ РІСЃС‚Р°РІРєРё.
										
										РўРѕ,С‡С‚Рѕ СЂР°РЅСЊС€Рµ РЅР°РґРѕ Р±С‹Р»Рѕ СЃРЅР°С‡Р°Р»Р° СЃС‚Р°РІРёС‚СЊ СЃРїРµС†РёР°Р»СЊРЅС‹Рµ С‚Р°Р±Р»РёС†... <a href="https://www.liveinternet.ru/users/ineangel/post254241384/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Цитатник

-Ссылки

-Новости

-Поиск по дневнику

-Подписка по e-mail

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