-Метки

НОСКИ авторские куклы аксессуары аппликации безрукавки береты болеро брюки бутерброды валяние из шерсти варежки видео все о вязании выкройки кукол вязание детям вязание крючком вязание спицами вязаные куклы декор десерт джемперы для детей для дома для мужчин жакеты жилеты журналы закуски занятия с детьми запеканки здоровье игрушки из бумаги из птицы из рыбы и морепродуктов интерьер к 2012 году дракона карвинг кардиганы кексы коврики комбинезоны комплекты кофты красота куклы кулинария купальники маечки мастер-классы мотивы напитки несладкая выпечка носочки овощи пальто панамки перчатки печенья пинетки пироги пирожные платья пледы подставки покрывала помощь на ли.ру прихватки программы пуловеры разное рукоделие рулеты салаты салфетки сарафаны сладости сумки схемы тапки тапочки текстильные куклы тесто топики торты туники узоры украшение блюд уроки фетр фотографии фотошоп чепчики шали шапки шарфы шитье шитье для детей шляпки юбки

 -Рубрики

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

Поиск сообщений в Eva13

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

 

 -Статистика

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


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

Суббота, 29 Октября 2011 г. 20:02 + в цитатник
Цитата сообщения NATALI-NG Очень полезный сервис, особенно для начинающих,но и опытным пользователям он будет не лишним! Генератор 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)

Серия сообщений "ПОМОЩЬ НА ЛИ.РУ":
Часть 1 - Всё про изображения (для ЛиРу и не только)
Часть 2 - Как найти нужный дневник на Ли.ру
...
Часть 5 - Как спрятать часть текста?
Часть 6 - Как закрыть дневник от приглашений
Часть 7 - Генератор BB и Html кодов для вставки изображений в блог
Часть 8 - Делаем бесшовный фон.Программа 20/20.
Часть 9 - 4 РАДИКАЛА и САЙТЫ,где можно вставить Ваши фото в рамочки и сделать аватарки
...
Часть 27 - Как делать схемы для дневника в фотошопе
Часть 28 - Делаем схему для дневника используя фотошоп.
Часть 29 - А вы как "цитируете"? Это важно знать всем!!!

Метки:  

 

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

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

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

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