Очень полезный сервис, особенно для начинающих,но и опытным пользователям он будет не лишним! Генератор 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 кодов для вставки изображений на сайт или блог (Из блога ГАЛИНЫ ШАДРИНОЙ)

Фотографы и любители фотогалерей, очень радостное, как я думаю, обновление именно для Вас!

Запустили еще одну возможность, связанную с загрузкой фотографий: теперь при нажатии на них, если они не были прописаны как ссылка на что-либо, будет открываться слой поверх страницы, на котором можно посмотреть фото в размере 900х675 (оптимальным для большинства мониторов) с возможностью листать (в том числе нажатием клавиш Ctrl+стрелка) все фотографии на текущей открытой странице. Закрыть можно нажав мышкой на галочку или вне фотографии, а также нажатием на ESC.

Работать будет только с фотографиями, которые залиты в последние пару дней, как выложили предыдущее обновление. Только, конечно, с фотографиями, которые закачали на наши сервера. Для других у нас просто нет копий нужного размера.

Отличить какую фотографию можно развернуть, а какую нет, можно по появляющейся (или нет) поверх фотографии, если на нее наведена мышка, иконочки разворота, примерно вот такой (Это пока не сделано, но будет. Пока ориентируемся на всплывающий при наведении текст)

Вот как это выглядит (можете нажать и увидеть по-крупнее)

Помимо очевидных радостей такого нововведения, предлагается также новый способ оформления фотоподборок. Сейчас это "одна фотография над MORE, потом до сотни крупных фотографий под ним", сам так оформлял, например, поездку в Японию. Теперь с радостью бы переделал это по новому в стиле "Одна фотография, под ней много маленьких превью, которые при клике разворачиваются и листаются". Ну во много раз лучше и удобнее будет всем зрителям, экономия времени и трафика.

Для того, чтобы сделать так, как предлагаю, под пакетным загрузчиком есть выбор размера вставляемых фотографий. Независимо от выбора создаются и крупные версии тоже, просто вставляется маленькая, но разворачивающаяся. Вот как выглядит опция:

Вот какой получается результат:

Пробуйте, ждем комментариев с предложениями о доделках и исправлениях.