-Рубрики

 -Приложения

  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
  • Старые кнопки дневника на Li.ruСлучайно нашел, сделано 6 лет назад, кнопки для установки на свой сайт.
  • Перейти к приложению Погода за окном Погода за окномВ нашей погоде удобно наблюдать: — погодные явления на ближайшие 5 дней по 4-м временам суток — графики погодных параметров таких как температура, давление, влажность (давление повышается — погода у
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Photoshop online Photoshop onlineДля того чтоб отредактировать картинку совсем не обязательно иметь фотошоп на комьпьютере. Это можно сделать с помощью приложения online photoshop =)

 -Стена

КЛИН_ТРИО КЛИН_ТРИО написал 15.10.2017 19:15:36:
Продам породных и очень перспективных для выставок и племенной работы щенков немецкой овчарки. В родословной богатые крови производителей из Германии. Щенки в возрасте от 1,5 до 4-х месяцев, из разных помётов. Щенки очень яркие, костистые, с очень красивым выражением и тёмными масками. Детки невероятно активные и позитивные. Документы РКФ, клеймо, международный ветеринарный паспорт.
КЛИН_ТРИО КЛИН_ТРИО написал 05.02.2017 11:17:07:
ЩЕНОК РОТВЕЙЛЕРА ( кобель ) !!! д. р. 14.10.2016г. отец : RUS FABELHAFT HANK ( Hotein Zhest х Rus Fabelhaft Bis ) мать : KLIN TRIO IRISKA ( PRIDVINJE OLAF х SCHWARZ KAIZER ESMIRALDA ) т. 8 926 804 79 65 РОДОСЛОВНАЯ РКФ, ПРИВИТ ПО ВОЗРАСТУ, ОБРАБОТАН ОТ ЭКТО ПАРАЗИТОВ И ПРОГЛИСТОГОНЕН! ГОТОВ К ПЕРЕЕЗДУ В НОВЫЙ ДОМ! ЩЕНОК ОБЩИТЕЛЬНЫЙ, ЯРКИЙ И ЖДЕТ СВОИХ ХОЗЯЕВ!
КЛИН_ТРИО КЛИН_ТРИО написал 22.01.2017 22:44:20:
НЕМЕЦКАЯ ОВЧАРКА- щенки для охраны, спорта и выставок ! От родителей Чемпионов России, с отличной родословной. При покупке щенка Вы получаете консультации по уходу, кормлению, получаете договор, документы ( метрика щенка РКФ ), вет. паспорт, подарки. Более подробно о родителях и щенках на нашем сайте. www.klintrio.com
КЛИН_ТРИО КЛИН_ТРИО написал 29.01.2016 17:45:30:

ЩЕНКИ НЕМЕЦКОЙ ОВЧАРКИ! д.р. 02.08.2015г. отец : БАЛЬДРСЕНС ЭРЛИНГ ( BANDITO V. ERSTEN PLATZ х БАЛЬДРСЕНС ТАРЬЯ ) мать : ЛЕГЕНДА ИЗ ГРАФСТВА ОРЛОВЫХ ( ENDREFALVA CLIFFORD х URUSVATI RUS NASTYA ) Щенки от ЛЕГЕНДЫ И КЕНТА !!! От двух ЧЕМПИОНОВ !!! В РОДОСЛОВНОЙ ЭТИХ ЩЕНКОВ ПЯТЬ ЧЕМПИОНОВ МИРА !!! СЕЙЧАС ИМ ПО ПЯТЬ С ПОЛОВИНОЙ МЕСЯЦЕВ, ПРИВИТЫ ПО ВОЗРАСТУ, КАЖДЫЙ ИМЕЕТ ИНДИВИДУАЛЬНОЕ КЛЕЙМО И ПОЛНЫЙ ПАКЕТ ДОКУМЕНТОВ РКФ, ОБЛАДАЮТ ОЧЕНЬ БОЛЬШИМ ПОТЕНЦИАЛОМ КАК ДЛЯ ОХРАНЫ ТАК И ДЛЯ ВЫСТАВОЧНОЙ КАРЬЕРЫ !!! ЯРКИЕ И АКТИВНЫЕ!!! ЖДЁМ ДЛЯ НИХ САМЫХ ЛУЧШИХ ХОЗЯЕВ !!! http://www.klintrio.com
КЛИН_ТРИО КЛИН_ТРИО написал 27.10.2015 15:01:13:
http://tvzvezda.ru/news/vstrane_i_mire/content/201502232124-nobm.htm
ЩЕНКИ РОТВЕЙЛЕРА! д.р. 23.09.2015г. отец: KLIN TRIO GAMBIT (RUS MARGIROTHAUS PUARO х EVROPA KLIN TRIO) мать: SCHWARZ KAIZER ESMIRALDA (CHERNIY KUMIR NIKITA х SCHWARZ KAIZER ZEKTA) РОДОСЛОВНАЯ ЩЕНКОВ ТУТ

 -Фотоальбом

Посмотреть все фотографии серии Щенки немецкой овчарки
Щенки немецкой овчарки
23:29 15.04.2019
Фотографий: 15
Посмотреть все фотографии серии Клин Трио Шампань
Клин Трио Шампань
16:09 12.02.2019
Фотографий: 5
Посмотреть все фотографии серии
22:39 29.10.2018
Фотографий: 1

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

Поиск сообщений в КЛИН_ТРИО

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

 

 -Статистика

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


Справочник html по изображениям

Понедельник, 27 Августа 2018 г. 19:08 + в цитатник
Цитата сообщения Шадрина_Галина Справочник html по изображениям

6OeE3QEEkwJflg2JeYLCGLfU3jg.png
Рисунок2.png
В этом посте, постараюсь собрать все коды и теги по КАРТИНКАМ, которые нам нужны для создания постов, рамочек и поздравительных открыток.



Код любой картинки в сети в самом простом варианте, без рамочек, украшения и прочего:

<img src="АДРЕС КАРТИНКИ">

В этот код просто подставляем Уникальный адрес (URL) картинки.



Как и где найти АДРЕС КАРТИНКИ

Уникальный адрес (URL) типа http://…jpg выдает картинке фотохостинг (специальный сайт для картинок, куда вы ее грузите. Например РАДИКАЛ, или ЯНДЕКС ФОТО.), куда ее необходимо закачать с вашего компьютера.

По сути, любая картинка, которую вы видите в сети — вебстраничка, имеющая свой уникальный адрес, начинающийся с http://…

(посмотреть адрес так же можно в свойствах картинки)


Чтоб узнать URL картинки, нужно кликнуть на нее правой кнопкой мыши.

В Хроме:


В Internet Explorer — правой кнопкой мыши — Свойства — копируем Адрес (URL)

В Mozilla Firefox — правый клик — Копировать ссылку на изображение

В Opera — правый клик — Копировать адрес изображения




Многие «чайники» часто считают, что можно показывать в блоге картинки прямо со своего компьютера. Это не так. Для этого ваш компьютер должен работать в режиме вебсервера.


Запомните: Если вы удаляете картинку с хостинга (например, с РАДИКАЛА, или с альбомов ЯНДЕКС ФОТО), то она ИСЧЕЗНЕТ и из записи в вашем блоге!




Как сделать картинку ПО ШИРИНЕ ЗАПИСИ

Если картинка очень большая а вы хотите, например? вставить ее в рамочку - тогда нам нужен будет такой код:


Где параметр width="100% говорит нам о том, что изображение должно занять 100% ширины. Это значение можно менять.

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


Вставка изображения из интернета

Если знаете адрес картинки в сети (URL) вида http://…jpg вам просто надо вставить его между кавычек вот в это код:



Так вставляются картинки в комментарии к записям в ЖЖ и других блогах, везде, где нет кнопки для публикации картинок.



«обтекание» картинки текстом

Картинка слева, текст справа:
для этого просто добавьте в код картинки:




После добавления тега СЛЕВА, код картинки примет вид:



Добавляем следующие теги:
align=left – картинка слева, текст справа
align=right — картинка справа, текст слева
hspace=20 — расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 — расстояние между текстом и картинкой 20 пиксел по вертикали

Более подробно, с примерами и кодами КАК РАСПОЛОЖИТЬ КАРТИНКУ ПО ОТНОШЕНИЮ К ТЕКСТУСМОТРИМ ЗДЕСЬ



Код картинки с плавным обтеканием текстом справа и снизу (или сверху):



Прекратить обтекание и вернуть текст под картинку можно тэгом <br>


Закрывать не надо, он работает один.



<br> выполняет перенос на следующую строку.
В блогсервисах и редакторах текста его заменяет нажатие Enter.

<br><br><br> — три пустые строки.



Вставить две и более картинки горизонтально, то есть рядом друг с другом


— все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.



Регулируем расстояние меж картинками по-горизонтали:

С помощью «неразрывного пробела»:  &nbsp;
Расстояние, равное 4 пробелам будет выглядеть так:



Делаются такие пробелы клавишей ПРОБЕЛ, или можно вставлять приведенные выше теги.
Вставляется меж кодов картинок, что бы они не сливались.



Всплавающая подсказка, при наведении курсора

Если надо сделать всплывающую подсказку при наведении курсора на картинку, как здесь:
— то добавляем в код картинки title="ВСПЛЫВАЮЩЕЕ СЛОВО"





Добавляем к картинке рамочку.

Если надо вставить картинку в цветную рамку, добавьте в код картинки:

— задана красная рамка толщиной 5 пикселей

Тогда код будет выглядеть вот так.


где - 5px толщина рамки (ее можно менять)
red - название цвета. Тоже можно заменять на нужный.

Пример картинки в синей рамке.




Как быстро вставить картинку с любого другого сайта:

Для этого используем следующий код.



затем войдите в «Свойства» картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек



Меняем размер картинки.

Можно с помощью атрибутов width (ширина) и height (высота).
Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов,
высота подгонится пропорционально.
Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)


Оптимальный способ уменьшить размер фото на компьютере:

Уменьшать, увеличивать размер картинки, или уменьшать ее "вес", оптимальнее всего на фотохостингах.
Вот адреса, с уроками как это сделать

Сайт, на котором можно не только УМЕНЬШИТЬ картинку, но и УВЕЛИЧИТЬ - НАХОДИТСЯ ЗДЕСЬ
Развернуть картинку, клипарт или анимашку в другую сторону СМОТРИМ ЗДЕСЬ
Как быстро обрезать или уменьшить анимированныю картинку СМОТРИМ ЗДЕСЬ
Он-лайн сервисы для сжатия фото НАХОДИТСЯ ЗДЕСЬ
Объединение двух фотографий в одну онлайн СМОТРИМ ЗДЕСЬ


Как вставить картинки в свои сообщения СМОТРИМ ЗДЕСЬ


Центрирование:
текст (картинка) по центру




Выравнивание текста (картинки) по правому краю поста:



Выравнивание текста (картинки) по всей ширине поста:



Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):




Сделать картинку бегущей с помощью кодов.

241409xGO9vEHn (40x38, 5Kb)

Код бегущей картинки:




Таблица «базовых» цветов (вводим «Имя» или «Код» на ЛиРу работают оба кода):


ИмяКодИмяКодИмяКодИмяКод
aqua#00FFFF green#008000 navy#000080 silver#C0C0C0
black#000000 gray#808080 olive#808000 teal#008080
blue#0000FF lime#00FF00 purple#800080 white#FFFFFF
fuchsia#FF00FF maroon#800000red#FF0000 yellow#FFFF00




Сайты для обработки фото. Все представленные сервисы бесплатные. Проверено, все ссылки рабочие и безопасные!
СОЗДАТЬ СЛАЙД - ШОУ
ДОБАВИТЬ ФОТОЭФФЕКТ. АНИМИРОВАТЬ ФОТО.
НАПИСАТЬ ТЕКСТ НА ФОТО
УВЕЛИЧИТЬ,УМЕНЬШИТЬ,ПОДПИСАТЬ.
СОЗДАТЬ БЛЁСТКИ НА ФОТО
ВСТАВИТЬ ЛИЦО В ШАБЛОН.СОЗДАТЬ РОЛИК.
ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ,КОЛЛАЖИ, АВАТАРКИ
СОЗДАТЬ КОЛЛАЖ ИЗ ФОТО
МНОЖЕСТВО ФОТОРАМОК.ФОТОЭФФЕКТЫ.
ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ,ГЛИТЕРЫ
УВЕЛИЧИТЬ,УМЕНЬШИТЬ. ВСЕВОЗМОЖНЫЕ ЭФФЕКТЫ
СОЗДАТЬ ЭФФЕКТЫ ДОЖДЯ,СНЕГА
СОЗДАТЬ ПРИКОЛЬНОЕ ФОТО
ИЗМЕНИТЬ РАЗМЕР,ПОДПИСАТЬ
МНОЖЕСТВО ФОТОРАМОК
ФОТОРАМКИ.ФОТОЭФФЕКТЫ
МНОЖЕСТВО ФОТОЭФФЕКТОВ И РАМОК
РАМКИ,ШАБЛОНЫ,ЭФФЕКТЫ
ОНЛАЙН РЕДАКТОР ФОТО
РЕДАКТОР ПРИКОЛЬНЫХ ФОТО
МНОЖЕСТВО РАМОК И ЭФФЕКТОВ
МОРЕ РАМОЧЕК,ЭФФЕКТЫ
ФОТОРАМКИ.РАЗНЫЕ ЭФФЕКТЫ,НАДПИСИ И Т.Д
ДЕТСКИЕ ФОТОРАМКИ ОНЛАЙН
МНОЖЕСТВО КРАСИВЫХ РАМОЧЕК
МНОГО ВАРИАНТОВ РАМОЧЕК
АНИМИРОВАТЬ ФОТО
СОЗДАТЬ ФОТОМОНТАЖ
ФОТОРАМОЧКИ ДЕТСКИЕ.
СОЗДАТЬ АНИМИРОВАННУЮ АВАТАРКУ
ЗВУКОВЫЕ ФЛЕШ ЭФФЕКТЫ ОНЛАЙН
ФОТОРАМКИ ОНЛАЙН
КРАСИВЫЕ ФОТОРАМОЧКИ
ОТЛИЧНЫЙ ФОТОРЕДАКТОР
ФОТОРЕДАКТОР ОНЛАЙН
ОБРЕЗАТЬ.ПОДПИСАТЬ ФОТО И Т.Д
СДЕЛАТЬ ФОТО С ЭФФЕКТОМ ВОДЫ
АНИМИРОВАННЫЕ ФОТОРАМКИ

6OeE3QEEkwJflg2JeYLCGLfU3jg.png



Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 27 - Проигрывание музыки при открытии поста
Часть 28 - Вставляем картинки в свои сообщения
Часть 29 - Справочник html по изображениям
Часть 30 - Как сохранить гифку из Одноклассников



 

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

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

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

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