Как вставить изображение на форуме

Как с этой ссылки перенести, что надо сделать, копировать. что бы фото разместить на форуме? Как, что.

комментировать
в избранное up —>
vanil­ lamus­ s [628]
9 лет назад

нажимаете правую кнопку мыши, в контекстном меню выбираете «открыть изображение», затем так же через правую кнопку и контекстное меню нажимаете «сохранить изображение», выбираете куда сохранить (на рабочий стол/в папку и т.д.), сохраняете.

а на самом форуме должна быть конпка типа «добавить изображение», «вставить изображение», потом с компьютера загружаете и все.

автор вопроса выбрал этот ответ лучшим
в избранное ссылка отблагодарить
Люмос [45.2K]
а как тут ссылку вствлять? — 9 лет назад
vanillamus­ s [628]

ссылку? не фото? когда пишешь сообщение над полем, куда вводите текст есть строчка «добавить» и дальше по порядку «ссылку/фото/ви­ део/аудио/карту­ «. выделяете текст, который хотите сделать ссылкой, нажимаете на слово «ссылку» и вставляете в открывшееся окно саму ссылку. все. — 9 лет назад

Как залить Фото,Видео на Форум Блек раша!

Antonina [4.4K]
У меня фото уже загружено. Я двла ссылку в вопросе. — 9 лет назад
комментировать
9 лет назад

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

в сообщение нужно воспользоваться хостингом изображений. Хостинг изображений это сайт, специально предназначенный для хранения картинок и размещения на сайтах. Вот несколько популярных таких хостингов: Fastpic.ru, Onlinedisk.ru,Radikal.ru.Пример размещения изображения на форуме через Fastpic: загрузить Fastpic. Полюбому должна стоять галочка возле Оптимизировать качество Jpeg; можно выбрать размер превью (при этом изменится размер изображения),нажать кнопку Обзор~ выбрать картинку на компьютере~загрузить. При создании сообщения нажать кнопку картинка или вставить картинку,Скопировать «Изображение в тэге [IMG]:»или «Превью — увеличение по клику:» и вставить в поле.Если загружать на Radikal.ru, тогда выбрать вторую ссылку «Картинка в тексте».

Источник: www.bolshoyvopros.ru

Картинки в HTML – шпаргалка для новичков

Прежде, чем ответить на вопрос « как вставить картинку в HTML? », следует отметить, что перегружать веб-страницы огромным количеством графического материала не стоит, поскольку это не только улучшит визуальное восприятие ресурса пользователем, но и увеличит время загрузки страницы.

При создании веб-сайтов чаще всего используют графические форматы PNG , GIF и JPEG , а для дизайнерских работ с изображениями — графический редактор Adobe Photoshop , обладающий богатыми возможностями для сжатия и изменения размера изображений без потери качества, что является невероятно важным для веб-разработки.

Как вставить изображение в HTML?

Для того чтобы вставить изображение на HTML-страницу, используется одиночный простой тег:

Как вставить картинку на форум


,

где xxx — адрес изображения. В том случае, если картинка находится в одной директории со страницей, тег будет выглядеть как:

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

Он показывается на месте картинки в момент его недоступности, загрузки или в режиме работы браузера « без картинок ». Добавляется он с помощью атрибута alt тега

.

Пример добавления альтернативного текста к графическому файлу:

Альтернативный текст

Альтернативный текст

Как вставить изображение в HTML?

Назначение размеров картинки в HTML

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

Читайте также:  Что дает охотничий билет единого федерального образца

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

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

Если атрибуты height и width не используются, браузер загружает изображение сразу, задерживая отображение текста и прочих элементов страницы.

Данные параметры можно указать как в пикселях (размер картинки постоянен и не зависит от разрешения экрана пользователя), так и в процентах (размер картинки зависит от разрешения экрана).

Следует помнить, что в тот момент, когда вы изменяете исходный размер изображения, необходимо сохранять его пропорции.

Для этого достаточно указать значение только одного из параметров ( ширины или высоты ), а значение второго браузер вычислит в автоматическом режиме.

Расположение картинки в HTML

Как и ко многим тегам HTML, к применим атрибут align , который выполняет выравнивание изображения:

— картинка располагается выше текста;

Расположение картинки в HTML

— картинка располагается ниже текста;

Расположение картинки в HTML - 2

— картинка располагается слева от текста;

— картинка располагается справа от текста.

Картинка-ссылка

В HTML для создания ссылки используется тег :

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

Делается это следующим образом:

Как видите, графическая вставка может быть ссылкой и при клике переадресовывать на любой адрес, записанный в полном или сокращённом варианте.

Как можно сделать картинку фоном в HTML?

Изображение можно не только вставлять на страницу в качестве видимого объекта, но и сделать фоновым. Для определения картинки как фона необходимо в теге прописать атрибут background=”xxx” , где xxx — адрес картинки, указанный таким же способом, как в примерах выше.

Для примера зададим такую текстурную картинку в роли фоновой:

Как можно сделать картинку фоном в HTML?

Сохраните изображение в папке с заготовленной заранее страницей и пропишите следующие строки:

Страница с фоновой картинкой

Фон с текстом.

Как можно сделать картинку фоном в HTML? - 2

Фоновая картинка на странице задана.

На этом информация о тегах и атрибутах, необходимых для вставки изображения на HTML страницу сайта, исчерпана.

Источник: www.internet-technologies.ru

Тема: Гайд: О том, как всё таки загружать изображения на форум.

furi86

  • Просмотр профиля
  • Сообщения форума
  • Личное сообщение

furi86 вне форума

furi86 житель Идеального Мира

На перепутье Регистрация 24.01.2009 Адрес 気違い病院 Сообщений 91

По умолчаниюГайд: О том, как всё таки загружать изображения на форум.

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

1-ый способ
При ответе на тему (когда нажимаете на кнопку ответить, а не пользуйтесь быстрой формой для ответа) внизу можно воспользоваться кнопочкой «Управление вложениями » (кушает НЕ ВСЕ форматы) и загрузить изображение либо с компьютера, либо с интернета, указав путь до изображения.

Вы увидите, что загрузили изображение. если оно у вас появится над кнопочкой «Управление вложениями »

При таком методе загрузки ваши изображения будут отображаться в вашем сообщение в миниатюре (см. пример в самом низу этого гайда — сообщения)

Читайте также:  Какая самая быстрая река

Так же можно пользоваться сторонними ресурсами хранения картинок, их много, но расскажу я об одном — Радикале https://pw.mail.ru/forums/fredirect.p. radikal.ru%2F , по моему ИМХО он наиболее простой и подходит даже для чайников. Им можно пользоваться как и зарегистрированным, так и незарегестрированным пользователям (конечно если вы зарегистрированны, то вам предоставляется свой «контейнер» в 10МБ, где вы будете хранить свои изображения )

На страничке загрузки изображения

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

Собственно вот, что какая галка обозначает:

* Уменьшить до [ ] пикселей , здесь можно поставить галку и написать до сскальки пикселей можно уменьшить изображение, и оно автоматом уменьшится при загрузке

* Оптимизировать формат — от сюда я всегда убираю галку, т.к. в результате радикаловской оптимизации (а оптимизирует он по мойму в jpeg формат) теряется качество изображения

* Безусловная оптимизация — можно задать параметры оптимизации перехода в jpeg формат

* Повернуть на — при загрузке изображения на ресур повернёт его на желаемый угол

* Надпись на фото — при загрузке изображения на ресурс надпишет на изображение желаемую надпись

Пример (поворот картинки на 90 градусов по час. и надпись на нём «Furi ^____^»):

* Разместить в галерее — можно загрузить не к себе в папку, а разместить в галереях, которые находятся на Радикале

Параметр «Качество jpeg» следует изменять только в особых случаях. Например, для аватара можно указать значение 100, чтобы предельно улучшить качество маленькой картинки (если нет жесткого ограничения на размер файла аватара). При оптимизации очень высококачественной картинки или картинки с надписями можно использовать значение 90. Если нужно предельно «облегчить» картинку, используйте значение 65. Не ставьте значения близким к 100 для больших картинок, это откровенная глупость.

*Создавать превью — здесь можно указать размер превьюшки вашей картинки (превью — эта та мелкая картиночка, при нажатии на которую вы увидите картинку в свой натуральный размер — см. пример вышее)

*Надпись на превью — эта надпись, которая будет на вашей превьюшке , по умолчанию она «Увеличить» (см. пример выше)

*Поместить в альбом — здесь вы можете выбрать в какой из ваших альбомов (если у вас их больше одного) будет загружена картинка

*Комментарий — комментарии к картинке .

После загрузки картинки перед нами возникают коды к ней и методы её вывода:

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

Здесь все ссылки на изображение :
1. Ссылка
2. Картинка в тексте
3. Превью — увеличение по клику
6. HTML: картинка в тексте
7. HTML: превью — увеличение по клику
8. BBCode, строчные буквы: картинка в тексте
9. BBCode, строчные буквы: превью — увеличение по клику
10. Картинка на странице просмотра полноразмерного изображения

1 и 10 — это путь до картинки

2-9 — это готовые BBкоды которые можно просто скопировать и вставить в сообщение и ваше изображение автоматом в нём отобразится , вот примеры ихнего действия:

Читайте также:  Какой двигатель на т 90

2. Картинка в тексте

3. Превью — увеличение по клику (для форумов это наиболее подходящий метод отображения картинок)

6. HTML: картинка в тексте (тоже что и №2, только в др кодах)

7. HTML: превью — увеличение по клику (то же что и №3 только в др кодах)

8. BBCode, строчные буквы: картинка в тексте

9. BBCode, строчные буквы: превью — увеличение по клику

10. Картинка на странице просмотра полноразмерного изображения

Если у вас всё ещё остались вопросы, то вот небольшой FAQ по радикалу (в самом низу страницы)

Любое изображение можно разместить на форуме, зная его адрес (типа https://pw.mail.ru/forums/fredirect.p. c47c4359f1.jpg ) , этот адрес нужно разместить между тегами [img] [/img]

Это важно. Из уважения к другим пользователям , у которых может быть не столь быстрый интернет или лимитированный трафик, загружайте на форум изображения в миниатюре или в превьюхах !

Надеюсь этот гайдик окажется полезным и что бы увеличить его полезность добавлю табличку ББкодов, которыми можно пользоваться на форуме:

[b ][/ b] — Жирный текст
[ i][/ i] — Наклонный текст
[ s][/ s] — [s]Зачеркнутый текст[/s]
[ u][/ u] — Подчеркнутый текст

[si ze=10][/si ze] Размер шрифта (цифра — размер шривта)

[co lor=red][/co lor] Цвет шрифта (red, blue, green и т.д.)

В кодах намеренно сделаны пропуски, что бы они отображались и вы их смогли увидеть .

Миниатюры

Миниатюры

Последний раз редактировалось furi86; 02.06.2009 в 13:55 .

[SIGPIC]http://forum.astrumnival.com/image.php?type=sigpicdateline=12522 68589[/SIGPIC]
В раю, конечно, климат получше, зато в аду гораздо более приятное общество. (с)Тристан Бернар

02.06.2009 14:17 #2

Zantetsu

  • Просмотр профиля
  • Сообщения форума
  • Личное сообщение
  • Домашняя страница

Zantetsu вне форума

Вэлыка Тазэлюка Регистрация 01.08.2007 Адрес Пещера Тазэлюки Сообщений 213

Источник: pw.mail.ru

Гайд как прекрепить фотокартинкускрин на форум

  • Находим нужную картинку
  • Жмем ПКМ — Копировать адрес/URL изображения/картинки
  • Заходим на форум
  • Жмем сюда
  • UgxFMvC.png
  • Открывается такое окошко
  • 0Og5Zlb.png
  • В поле «source» вставляем ссылку и жмем SAVE

Как сделать, загрузить и вставить скриншот

Y4UWT2E.png

  • Делаем скриншот либо при помощи кнопки PrtScr (справа от кнопки F12), либо с помощью сочетаний клавиш WIN+SHIFT+S (только в вин10)
  • Заходим сюда и жмем CTRL+V
  • Немного ждем, как появится вверху надпись
  • Жмем правой кнопкой мыши по изображению ниже — копировать URL картинки
  • Заходим в тему на форуме и жмем сочетание клавиш CTRL+V

01 Feb 2021 в 21:09 #2

ВАЖНО, не копировать URL сайта, а именно нажать на картинку и скопировать URL картинки

01 Feb 2021 в 21:13 #3

01 Feb 2021 в 21:21 #4

Potrohazal сказал(а):↑
Нажмите, чтобы раскрыть.

Реально я сам копировал URL страницы пол года назад и думал, что сайт поломан. Ни гайда ничего не было. А сейчас готовый гайд для людей сделали.

01 Feb 2021 в 21:24 #5

Домохозяйка сказал(а):↑

если кто либо будет загружать непотребства то будет бан PepeBan.png?1598477751

а заставить каждого юзера регатся там, да бы автоматом выгружать туда, ну такое себе FeelsOkayMan.png?1592047748

Нажмите, чтобы раскрыть.

PuckHmmm.png?1551227370

а, ну да, там же авторизация нужна, тогда я парашу получается написал

Источник: dota2.ru

Рейтинг
( Пока оценок нет )
Загрузка ...