-Рубрики

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

Поиск сообщений в Смородинка_1946

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 30.05.2015
Записей: 3179
Комментариев: 808
Написано: 7074


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

Четверг, 31 Марта 2016 г. 20:27 + в цитатник
Цитата сообщения 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. и жму кнопку ГОТОВО


Остается только взять готовые коды и загрузить их в НОВУЮ ЗАПИСЬ. Ту, где ставим пост о елочках.


Или у себя в записи мы увидим что все картинки встали в четыре ряда в таблицу.

http://li-web.ru/ http://li-web.ru/ http://li-web.ru/ http://li-web.ru/
http://li-web.ru/ http://li-web.ru/ http://li-web.ru/ http://li-web.ru/
http://li-web.ru/ http://li-web.ru/ http://li-web.ru/ http://li-web.ru/


Теперь получим эти же картинки, с уже готовыми кодами для вставки. Так как такие окошечки, для кодов, не все умеют делать, а уж для таблицы это и вовсе сложно.
После загрузки кодов, ставим галочку вот здесь, а там где " поместить в таблицу" ТОЧКУ, на цифре 4,


И в результате получаем все елочки с кодами для вставки!. Вот как это будет выглядеть в записи

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/



Точно так же можно получить коды для вставки на абсолютно все картинки и разделители. Берете ее адрес, вставляете в окошечко сайта, и получаете коды для вставки.

То же и с разделителями.Например идем на сайт с РАЗДЕЛИТЕЛЯМИ, берем адреса понравившихся разделителей, вставляем на сайте в окошечко, ставим ТОЧКУ, поместить в таблицу на цифре 1, галочку на Код картинок в таблице с кодами(html) См. картинку)


и получаем их с кодами для вставки. Можно делать пост.

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/

http://li-web.ru/



ВНИМАНИЕ! Во время работы с этими кодами НЕ ПЕРЕХОДИТЕ в УПРОЩЕННЫЙ ФОРМАТ. Иначе, как и в таблице все коды собьются. Пользуйтесь предпросмотром, что бы посмотреть результат.
Ну вот и все. Если вам понравился сайт, заходите, пробуйте и пользуйтесь им.

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

 (495x109, 110Kb)

 

Серия сообщений "КОДЫ разные и HTML":
Часть 1 - HTML в примерах--примеры наглядные
Часть 2 - ГЕНЕРАТОР HTML кода цвета по картинке
...
Часть 6 - ОНЛАЙН ГЕНЕРАТОР HTML КОДОВ для ВСТАВКИ SWF
Часть 7 - КРАТКИЙ СПРАВОЧНИК по HTML
Часть 8 - Генератор BB и Html кодов для вставки изображений на сайт или блог (Из блога ГАЛИНЫ ШАДРИНОЙ
Часть 9 - ***Лучший учебник html. Основы html***
Часть 10 - Это интересно и нужно знать при ведении дневника.
...
Часть 18 - Flash генератор бегущей строки.
Часть 19 - Расположение музыки на картинке.
Часть 20 - html коды для текста.

Рубрики:  ГЕНЕРАТОРЫ

БЕЛОЯР_2   обратиться по имени Четверг, 31 Марта 2016 г. 21:40 (ссылка)
Чё так сложно то всё делается гораздо проще
Ответить С цитатой В цитатник
Смородинка_1946   обратиться по имени Четверг, 31 Марта 2016 г. 21:42 (ссылка)
Я---профан,поэтому...
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку