-Метки

*слушать*-*скачать* 27 версия flash player 8 марта boleslawiecka ceramika dennis mukai the beatles «эухарис» - амазонская лилия Павел Кашин автор-исполнитель денис мафик(малыгин) авторские рамочки авторские схемы для дневника андрей егоров арабис или резуха арункус или волжанка двудомная «неффи» архив интернета восстановление файлов астильба астильбы в саду аудиофонд бабочка бадан бархатцы-тагетис белый блины с манной крупой будем знакомы бузульник пржевальского в.королёв вадим манцев(никадим) валерий ободзинский весеннее признание весенние праздники ветка сирени виктор калина воспоминания всё то-что чувствую в стихах всем наташам вырастить картофель в мешке гвардии майор медицинской службы генератор надписей генераторы фонов и схем город дорог-страсбург гортензия древовидная «bounty» группа сентябрь две любви денис мафик денис мафик-твой денис мафик-туся деревня гитхорн-город без дорог десерт «еловые шишки» дневник закрыт евгений осин евгений осин-гений дворовой песни елена казанцева жимолость съедобная «синяя птица» завтрак звёзды эстрады зебрина зима зимние праздники зимние праздничные схемы зимние фотографии игорь корнелюк игорь тальков именины у наташек ирисы в саду история битлз итоги реставрации – 2023 кавер версии песен каждый год день рождения кай метов как извлечь звук из ролика как скачать видео на свой пк как сложить простынь на резинке календарь.ру канал 7dach.ru каша с тыквой клуб любителей дачи коржики на сметане креативные клумбы куклы-любовницы кукольники-силиконовые люди лаура стивенс лилейники в саду лилии лилия «фата моргана» лилия трубчатая «регаль» любовь в интернете любовь тут больше не живёт масленица традиции мигающая звезда милых лиц черты михаил ходанов мои садовые цветы-купальница монологи а.крячкова мороженое-ирина чадеева моя москва музыка - евгений осин музыка зимы музыка саша соловейчик зимняя сказка музыка-кай метов музыка-плейлист-хиты 60х музыкальные открытки художницы джеки лоусен мягкие окна настурция наша семья нейросеть миджорней(midjourney) никита джигурда новый год 2015 нормы ударения ночь окна округлитель углов олег кваша онлайн конструктор фотоэффектов оптимизатор для windows осень открытки пергола песни в.высоцкого пингвин пион ито гибрид пионы пирог с киселём из брикета письмо от деда мороза пищевая сода платикодон крупноцветковый плеер вербное воскресение плеер кнопка ромашка плеер кошка плеер цветочный плеер-новогодние песни подарок политра цветов правильный полив подкормка праздники марта простуда пышки радиоведущий олег чилап рамочка музыкант денис мафик рамочка с новым годом вас раскраски онлайн редактор округлитель углов на изображении. редактры изображений ремиксы песен 60-х ретро-группа кинокомедия рецепты рецепты для масленицы родион газманов гравитация рождественский кулич руэллия каролинская с новым годом и рождеством садовые игрушки сайт romantic поздраления самое лучшее имя сдобная булка сергей гвоздика /мельков/ сергей сухачёв-первые цветы скворечники в саду скульптур дэвид гуд сладкая колбаса по госту советское мороженое современная политика создать демотиватор онлайн спагетти в сосиске спатифиллум «свит чико» сырники тёмно-коричневые рамочки тёмные рамочки таблицы для записей танго тис турецкая гвоздика тюльпан многоцветковый «торонто» тюльпан «тре шик» тюльпан «уайт эмперор» тюльпан «фэшн» тюльпан бургунди лейс тюльпан лилиецветный «бургунди» тюльпан лилиецветный «китайский розовый» тюльпаны зелёноцветковые убей меня нежно кавер версия флеш часики флоксы в саду фоны для схем и тем фотоэффекты франция хильда хоста зибольдиана «франц вильямс» хосты художник -карикатурист х.бидструп чистец византийский чистим чугунную посуду шрифт размер цвет стиль эзотерика зодиакальные знаки юлия савичева я здесь живу я ничего тогда не загадала я по милости твоей поэт яблоко делишес яблоко ред делишеес

 -Рубрики

 -Приложения

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

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

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

 


Как получить прямую ссылку на изображение

+ в цитатник

Cообщение скрыто для удобства комментирования.
Прочитать сообщение


Domro4ka   обратиться по имени Четверг, 11 Февраля 2016 г. 23:50 (ссылка)
Ответить С цитатой В цитатник
Veta-z   обратиться по имени Понедельник, 17 Апреля 2017 г. 15:43 (ссылка)
благодарю
Ответить С цитатой В цитатник
tane4ka777   обратиться по имени Суббота, 29 Июля 2017 г. 15:47 (ссылка)
спасибо!
Ответить С цитатой В цитатник
Tuse4ka_Natasha   обратиться по имени Понедельник, 19 Сентября 2022 г. 21:43 (ссылка)
Если знаете адрес картинки в сети (URL) вида http://…jpg вам просто надо вставить его в код:

Ответить С цитатой В цитатник
Tuse4ka_Natasha   обратиться по имени Понедельник, 19 Сентября 2022 г. 21:45 (ссылка)

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


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

В Хроме:


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

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

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




Теперь подробнее:


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

<img src=http://site/…jpg>

Уникальный адрес (URL) типа http://…jpg выдает картинке фотохостинг (специальный сайт для картинок), куда ее необходимо закачать с вашего компьютера. По сути, любая картинка, которую вы видите в сети — вебстраничка, имеющая свой уникальный адрес, начинающийся с http://… (посмотреть его можно в свойствах картинки)

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




Запомните: Если вы удаляете картинку с хостинга (например, «фотоальбома жж»), то она исчезнет и из записи в вашем блоге!






Как сделать, чтобы текст «обтекал» картинку?

Легко — картинка слева, текст справа:

добавьте в код картинки:



Код картинки примет вид:



Помни:

align=left – картинка слева, текст справа

align=right — картинка справа, текст слева

hspace=20 — расстояние между текстом и картинкой 20 пиксел по горизонтали

vspace=20 — расстояние между текстом и картинкой 20 пиксел по вертикали

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


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

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

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


Вставить две и более картинки горизонтально:

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


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

С помощью «неразрывного пробела»:  &nbsp;

Расстояние, равное 8 пробелам будет выглядеть так:



Вставляется меж кодов картинок, есс-но


Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: — введите в код картинки title=»гав-гав»


Чтоб быстро вставить картинку с другого сайта войдите в «Свойства» картинки на этом сайте, скопируйте ее URL и вставьте её в код


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


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


Формируем код для массовой загрузки картинок с помощью вспомогательных сервисов.

С рамками, нумерацией фото и возможностью жж-ката:

ЗДЕСЬ

Для массовой загрузки с Flickr и fotki.yandex.ru:

ЗДЕСЬ

Как запостить галерею? Узнай ЗДЕСЬ

Как запостить слайдшоу? Узнай ЗДЕСЬ




Фотохостинги

не все, более-менее знакомые:


  • fotki.yandex.ru

  • gallery.ru

  • imagebam.com

  • imgur.com

  • imageshack.us

  • tinypic.com

  • foto.radikal.ru

  • photobucket.com

  • isok.ru


  • Ответить С цитатой В цитатник
    Tuse4ka_Natasha   обратиться по имени Суббота, 10 Декабря 2022 г. 15:27 (ссылка)
    Как создать кликабельную картинку или кнопку-переход в редакторе


    Делаем баннер, или любое изображение в сообщениях  кликабельным.
    Несколько способов



    1. Первый способ для картинок, которые загружены на фотохостинг  





    адрес ссылки" target="_blank">адрес картинки" /> 





    Для этого  нужно загрузить картинку  на  любой фотохостинг и и взять ссылку   т.е адрес картинки.



    http://fotki.yandex.ru/   .  http://radikal.cc/)



    Адрес ссылки это страница, которая будет открываться при нажатии на картинку или баннер.   (Яндекс - фотки - ссылка №3 , Радикал- фото - ссылка №1)



    3726295_20130410_203939 (700x190, 45Kb)



    Скопируйте код в блокнот на ПК и внимательно вставьте адреса ссылки и картинки



    3726295_20130410_203250 (700x147, 38Kb)



    Вставьте  в сообщение в расширенном редакторе при нажатии на ИСТОЧНИК



    3726295_20130410_203417 (700x153, 23Kb)



    Отправить сообщение в "Предпросмотр" или "Черновик" и проверить результат на кликабельность. пробы с картинкой делать в черновике,а затем каждый  раз брать из него готовый код картинки и вставить в сообщение.



    2. Подготовка кода для  кликабельной картинки в Радикал-фото.



    Этот метод очень удобен для вставки кликабельной картинки в эпиграф дневника,
    в приложение "Всегда под рукой" или в блок "О себе"




    • Загружаем картинку на фотохостинг


    •  В последней графе удаляем ссылку на фотохостинг и прописываем свою ссылку на страницу перехода. Клик"переход на URL"
      ( в ссылках должно произойти изменение т.е замена на вашу ссылку)  
      В результате получаем готовый код №2 или №6. 



    3726295_20130411_215940 (700x394, 90Kb)



    Чем отличается ссылка №2 от ссылки №6 . 



    Они выполняют одинаковую функцию, но имеют разный вид в редакторе.  
    Важно! Код №6 вставляется в при нажатии на кнопку "Источник"



    3726295_20130419_195703_1_ (627x231, 38Kb)





    Для примера: картинка - ссылка фоны klavdia-France , Клик по  картинке!



    фоны (352x330, 30Kb)





    3. Третий способ - создание кликабельной картинки в тексте сообщения 


    Этот способ применяется для создания картинки-ссылки в тексте сообщения.  
    Рекомендую загружать изображения  в  расширенный(визуальный) редактор напрямую из ПК  
    Как говорят опытные пользователи: "На фотохостинг надейся,а сам не плошай!" 
    Загрузив картинку  из ПК в редактор, с  помощью простых манипуляций можно сделать любую картинку не только кликабельной, но  и со всплывающим текстом  при наведении на картинку.  Для этого жмём на иконку "изображение" и загружаем картинку из ПК.
    Когда картинка загрузится переходим на вкладку "ссылка" 



    3726295_20130410_222342 (505x466, 57Kb)



    В открывшемся окне в графе URL вписываем  ссылку на страницу перехода



    3726295_20130410_222642 (448x189, 34Kb)



    Далее переходим на вкладку "расширенный" и в графе "заголовок"  пишем всплывающий текст.



    3726295_20130410_223044 (502x299, 42Kb)



    Жмем ОК и любуемся результатом . 



    3726295_ (352x491, 34Kb)



    4. Самый простой способ создания кликабельной картинки в расширенном редакторе



    Загрузить картинку в редактор, через кнопку "Изображение"



    3726295_99617934_3726295_20120521_142229 (237x117, 65Kb)



    Выделяем картинку мышкой и жмём на кнопку "Вставить /редактировать ссылку" .  
    В выпавшем окне в графу URL вставьте ссылку на страницу перехода.
    готово!любую даже уже загруженную ранее картинку можно сделать кликабельной.
    Здесь, как и в предыдущем способе можно перейти на вкладку "расширенный" и в графе "заголовок" написать  всплывающий текст в качестве подсказки. При наведении курсора на картинку появится текст - подсказка



    3726295_20131116_101038 (394x455, 52Kb)



     Читайте пост:  Как создать кнопку-переход 





    Все самые популярные коды здесь:  Коды для оформления блога



    P.S. Для желающих работать с кодом, для кликабельной картинки со всплывающим текстом, "код" , не забудьте вместо width=100 height=100  вставить размеры картинки, где width-ширина, а height - высота картинки 





    Адрес страницы, на которую будет указывать баннер" target=_blank>Адрес картинки из Интернета или из Радикала который больше не работает (была ссылка№1)
    " border="0" title="Текст, видимый, в качестве подсказки, при наведении на ссылку." width=100 height=100>



    3726295_0586d8d05e60 (499x3, 0Kb)



    Читать запись редакторе дневника.


    Ответить С цитатой В цитатник
    Комментировать К дневнику Страницы: [1] [Новые]
     

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

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

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

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