Публикация картинок - Домашний бизнес

Код любой картинки в сети в простом варианте выглядит так:
<img src="http://%85/%85jpg">
Уникальный URL (http://…/…jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
Совсем “чайникам” рекомендую (для ЖЖ):
1.Открываешь ljplus.ru
2. Регистрируешься
3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
5. Постишь. Становишься знаменитым.
В каменты картинки ставятся аналогично, кат не работает.

Как сделать, чтобы текст «обтекал» картинку?
Легко — картинка слева, текст справа:
добавляем в код картинки:
align=left hspace=20
Код картинки примет вид:
<img src="http:%85" align=left hspace=20>
Помни:
align=left – картинка слева, текст справа
align=right — картинка справа, текст слева
hspace=20 — расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 — расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<img src="http:%85" align=left hspace=20 vspace=15>

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

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

Пример:— /news.php

—Сайт о Заработке в Интернете—

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

Регулируем расстояние меж картинками по-горизонтали:
С помощью “неразрывного пробела”:  
Расстояние, равное 8 пробелам будет выглядеть так:
       

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

Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: — введите в код картинки title="ТЕКСТ"

Если надо цветную рамку , добавьте в код картинки:
style="border:5px solid red;"
— задана красная рамка толщиной 5 пикселей

Чтоб вставить картинку с другого сайта, вставьте в пост:
<img src="">

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

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

Картинка слева от текста текста

КОД ДЛЯ ВСТАВКИ

Картинка справа от текста текста

КОД ДЛЯ ВСТАВКИ

УВЕЛИЧЕНИЕ КАРТИНКИ ПРИ НАВЕДЕНИИ МЫШКИ

КОД ДЛЯ ВСТАВКИ

Окошки для вставки Кодов:

Окошечко для вставки кода, типа:

Получится Так:

Где.rows и cols.Определяют размер окна

Можно сделать Так:

Код для Вставки

Кнопка ссылка на веб-сайт
Например на Mirzam,ru

Некоторые спецсимволы:

Спецсимвол	Вид в браузере
<	<
>	>
&	&
"	"
®	®
™	™
©	©
&hearts;	♥
×	×
≈	≈
•	•
°	° (градус)
много символов

Перемещение картинок по вертикали

<div class="quads-location quads-ad1" id="quads-ad1" style="float:none;margin:3px 0 3px 0;text-align:center;">

<div id="yandex_rtb_R-A-321276-3"></div>
<script type="text/javascript">
    (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
            Ya.Context.AdvManager.render({
                blockId: "R-A-321276-3",
                renderTo: "yandex_rtb_R-A-321276-3",
                async: true
            });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
</script>
</div>

</div>
</article>

<div class="b-related">
                        <div class="b-related__header"><span>Вам также может быть интересно</span></div>
                        <div class="b-related__items">

<div class="entry-meta">
                    <span class="entry-category"><span>Кулинарные рецепты</span></span>                    <span class="entry-meta__info">
                                                <span class="entry-meta__comments" title="Комментарии"><span class="fa fa-comment-o"></span> 0</span>
                        
                                                                                            </span>
                </div>
                    </a>
    </div>

<header class="entry-header">
		<div class="entry-title"><a href="https://mirzam.ru/kulinarnye-retsepty/recept-zelenogo-smuzi.html" rel="bookmark" >Рецепт изумительно-освежающего зеленого смузи</a></div>	</header>

<div class="post-card__content">
		Рецепт зеленого смузи с непревзойденным мягким и бодрящим вкусом будит описан в данной статье!	</div>
    
</div>
                
                    
<div id="post-10174" class="post-card post-10174 post type-post status-publish format-standard has-post-thumbnail  category-lechim-sebya-sami">

<div class="entry-meta">
                    <span class="entry-category"><span>Лечим себя сами</span></span>                    <span class="entry-meta__info">
                                                <span class="entry-meta__comments" title="Комментарии"><span class="fa fa-comment-o"></span> 0</span>
                        
                                                                                            </span>
                </div>
                    </a>
    </div>

<header class="entry-header">
		<div class="entry-title"><a href="https://mirzam.ru/lechim-sebya-sami/efirnoe-maslo-bazilika.html" rel="bookmark" >Польза эфирного масла базилика применение, дозировка и противопоказания</a></div>	</header>

<div class="post-card__content">
		Базилик регулярно используется в кулинарии, но многие люди не знают, что масло, извлеченное из	</div>
    
</div>
                
                    
<div id="post-10698" class="post-card post-10698 post type-post status-publish format-standard has-post-thumbnail  category-lechim-sebya-sami">

<header class="entry-header">
		<div class="entry-title"><a href="https://mirzam.ru/lechim-sebya-sami/maslo-chajnogo-dereva.html" rel="bookmark" >Польза масла чайного дерева и его применение</a></div>	</header>

<div class="post-card__content">
		Масло чайного дерева (Melaleuca) получают из листьев дерева Melaleuca Alternifolia. Существует около 230 видов	</div>
    
</div>
                
                    
<div id="post-436" class="post-card post-436 post type-post status-publish format-standard  category-sdelaj-sam">

<div class="thumb-wide"></div>
                <div class="entry-meta">
                    <span class="entry-category"><span>Сделай сам</span></span>                    <span class="entry-meta__info">
                                                <span class="entry-meta__comments" title="Комментарии"><span class="fa fa-comment-o"></span> 0</span>
                        
                                                                                            </span>
                </div>
                    </a>
    </div>

<header class="entry-header">
		<div class="entry-title"><a href="https://mirzam.ru/sdelaj-sam/mini-otkrytka-svoimi-rukami.html" rel="bookmark" >Мини открытка своими руками</a></div>	</header>

<div class="post-card__content">
		  Большими открытками формата А5 вряд ли кого-то можно удивить. А вот поздравление, помещенное на	</div>
    
</div>
                
                    
<div id="post-4203" class="post-card post-4203 post type-post status-publish format-standard has-post-thumbnail  category-lechim-sebya-sami">

<header class="entry-header">
		<div class="entry-title"><a href="https://mirzam.ru/lechim-sebya-sami/maslo-mst.html" rel="bookmark" >Полезные свойства масла MCT</a></div>	</header>

<div class="post-card__content">
		Масло MCT не так широко известно, но очень полезно для нашего организма! В данной	</div>
    
</div>
                
                    
<div id="post-154" class="post-card post-154 post type-post status-publish format-standard  category-domashnij-biznes">

<div class="thumb-wide"></div>
                <div class="entry-meta">
                    <span class="entry-category"><span>Домашний бизнес</span></span>                    <span class="entry-meta__info">
                                                <span class="entry-meta__comments" title="Комментарии"><span class="fa fa-comment-o"></span> 0</span>
                        
                                                                                            </span>
                </div>
                    </a>
    </div>

<header class="entry-header">
		<div class="entry-title"><a href="https://mirzam.ru/domashnij-biznes/izgotovlenie-vyvesok-dlya-naruzhnoj-reklamy.html" rel="bookmark" >Изготовление вывесок для наружной рекламы</a></div>	</header>

<div class="post-card__content">
		  Реклама с недавнего времени прочно вошла в нашу жизнь. С ней мы сталкиваемся повсюду	</div>
    
</div>
                
            </div>
                    </div>

</div>

<div id="search-2" class="widget widget_search">
<form role="search" method="get" id="searchform_3632" action="https://mirzam.ru/" class="search-form">
    <label class="screen-reader-text" for="s_3632">Поиск: </label>
    <input type="text" value="" name="s" id="s_3632" class="search-form__text">
    <button type="submit" id="searchsubmit_3632" class="search-form__submit"></button>
</form></div>

<div id="adswidget2-quick-adsense-reloaded-2" class="widget quads-ad2_widget"><div id="quads-ad2_widget"><script data-rocketlazyloadscript='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' async ></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-5995593269620590"
     data-ad-slot="8753991526"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div></div><div id="nav_menu-3" class="widget widget_nav_menu"><div class="widget-header">Моя дача</div><div class="menu-moya-dacha-container"><ul id="menu-moya-dacha" class="menu"><li id="menu-item-745" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-745"><a href="https://mirzam.ru/biznes-na-dache/loshadi-na-dache.html">Лошади на даче</a></li>
<li id="menu-item-746" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-746"><a href="https://mirzam.ru/domashnij-biznes/mini-loshadi.html">Мини лошади</a></li>
<li id="menu-item-747" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-747"><a href="https://mirzam.ru/biznes-na-dache/soderzhanie-i-kormlenie-loshadej.html">Содержание и кормление лошадей</a></li>
<li id="menu-item-748" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-748"><a href="https://mirzam.ru/sdelaj-sam/tehnologiya-razvedenie-foreli.html">Технология разведение форели</a></li>
<li id="menu-item-749" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-749"><a href="https://mirzam.ru/domashnij-biznes/domashnij-biznes-karlikovye-svini-mini-pigi.html">Домашний бизнес Карликовые свиньи, мини-пиги</a></li>
<li id="menu-item-750" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-750"><a href="https://mirzam.ru/domashnij-biznes/mini-pigi.html">Мини пиги</a></li>
<li id="menu-item-751" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-751"><a href="https://mirzam.ru/domashnij-biznes/pchelovodstvo-kak-biznes.html">Пчеловодство как бизнес</a></li>
<li id="menu-item-752" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-752"><a href="https://mirzam.ru/domashnij-biznes/domashnij-biznes-pchelovodstvo.html">Домашний бизнес: Пчеловодство</a></li>
<li id="menu-item-753" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-753"><a href="https://mirzam.ru/domashnij-biznes/biznes-na-proizvodstve-voshhiny.html">Бизнес  на производстве вощины</a></li>
<li id="menu-item-754" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-754"><a href="https://mirzam.ru/domashnij-biznes/zagotovka-venikov-dlya-bani.html">Заготовка веников для бани</a></li>
</ul></div></div><div id="nav_menu-4" class="widget widget_nav_menu"><div class="widget-header">Это интересно</div><div class="menu-eto-interesno-container"><ul id="menu-eto-interesno" class="menu"><li id="menu-item-755" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-755"><a href="https://mirzam.ru/biznes-na-dache/razvedenie-gusej-v-domashnih-usloviyah.html">Разведение гусей в домашних условиях</a></li>
<li id="menu-item-756" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-756"><a href="https://mirzam.ru/domashnij-biznes/domashnij-biznes-razvedenie-gusej.html">Домашний бизнес: разведение гусей</a></li>
<li id="menu-item-757" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-757"><a href="https://mirzam.ru/biznes-na-dache/razvedenie-tsesarok-v-domashnih-usloviyah.html">Разведение цесарок в домашних условиях</a></li>
<li id="menu-item-758" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-758"><a href="https://mirzam.ru/domashnij-biznes/razvedenie-foreli.html">Разведение форели</a></li>
<li id="menu-item-759" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-759"><a href="https://mirzam.ru/domashnij-biznes/razvedenie-ondatry.html">Разведение ондатры</a></li>
<li id="menu-item-760" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-760"><a href="https://mirzam.ru/biznes-na-dache/vyrashhivanie-nutrij-v-domashnih-usloviyah.html">Выращивание нутрий в домашних условиях</a></li>
<li id="menu-item-761" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-761"><a href="https://mirzam.ru/biznes-na-dache/soderzhanie-nutrij-v-domashnih-usloviyah.html">Содержание нутрий в домашних условиях</a></li>
<li id="menu-item-762" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-762"><a href="https://mirzam.ru/domashnij-biznes/razvedenie-somikov.html">Разведение сомиков</a></li>
<li id="menu-item-763" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-763"><a href="https://mirzam.ru/domashnij-biznes/razvedenie-fazanov-v-domashnih-usloviyah.html">Разведение фазанов в домашних условиях</a></li>
<li id="menu-item-764" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-764"><a href="https://mirzam.ru/domashnij-biznes/pavliny-razvedenie.html">Павлины разведение</a></li>
<li id="menu-item-765" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-765"><a href="https://mirzam.ru/domashnij-biznes/kanarejki-razvedenie.html">Канарейки разведение</a></li>
<li id="menu-item-766" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-766"><a href="https://mirzam.ru/biznes-na-dache/razvedenie-shinshill-v-domashnih-usloviyah.html">Разведение шиншилл в домашних условиях</a></li>
<li id="menu-item-767" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-767"><a href="https://mirzam.ru/domashnij-biznes/biznes-razvedenie-strausov.html">Бизнес разведение страусов</a></li>
<li id="menu-item-768" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-768"><a href="https://mirzam.ru/domashnij-biznes/razvedenie-fazanov-v-domashnih-usloviyah.html">Разведение фазанов в домашних условиях</a></li>
<li id="menu-item-769" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-769"><a href="https://mirzam.ru/domashnij-biznes/kitajskie-sobachki.html">Китайские собачки</a></li>
</ul></div></div><div id="categories-2" class="widget widget_categories"><div class="widget-header">Рубрики</div>
			<ul>
					<li class="cat-item cat-item-3"><a href="https://mirzam.ru/biznes-na-dache">Бизнес на Даче</a>
</li>
	<li class="cat-item cat-item-2"><a href="https://mirzam.ru/biznes-stati">Бизнес статьи</a>
</li>
	<li class="cat-item cat-item-4"><a href="https://mirzam.ru/domashnij-biznes">Домашний бизнес</a>
</li>
	<li class="cat-item cat-item-8"><a href="https://mirzam.ru/keramika">Керамика</a>
</li>
	<li class="cat-item cat-item-9"><a href="https://mirzam.ru/kulinarnye-retsepty">Кулинарные рецепты</a>
</li>
	<li class="cat-item cat-item-10"><a href="https://mirzam.ru/lechim-sebya-sami">Лечим себя сами</a>
</li>
	<li class="cat-item cat-item-5"><a href="https://mirzam.ru/mini-sad-doma">Мини сад дома</a>
</li>
	<li class="cat-item cat-item-19"><a href="https://mirzam.ru/news">Новости</a>
</li>
	<li class="cat-item cat-item-11"><a href="https://mirzam.ru/ovoshhevodstvo">Овощеводство</a>
</li>
	<li class="cat-item cat-item-12"><a href="https://mirzam.ru/odezhda-dlya-sobak-svoimi-rukami">Одежда для собак своими руками</a>
</li>
	<li class="cat-item cat-item-6"><a href="https://mirzam.ru/raskrutka-sajta">Раскрутка сайта</a>
</li>
	<li class="cat-item cat-item-13"><a href="https://mirzam.ru/remontiruj-sam">Ремонтируй сам</a>
</li>
	<li class="cat-item cat-item-14"><a href="https://mirzam.ru/svoj-biznes-na-yuvelirnyh-izdeliyah">Свой бизнес на ювелирных изделиях</a>
</li>
	<li class="cat-item cat-item-7"><a href="https://mirzam.ru/sdelaj-sam">Сделай сам</a>
</li>
			</ul>

</div><div id="nav_menu-2" class="widget widget_nav_menu"><div class="widget-header">ПОЛЕЗНОСТИ</div><div class="menu-poleznosti-container"><ul id="menu-poleznosti" class="menu"><li id="menu-item-710" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-710"><a href="https://mirzam.ru/domashnij-biznes/sposoby-zarabotka-deneg.html">Способы заработка  денег</a></li>
<li id="menu-item-711" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-711"><a href="https://mirzam.ru/biznes-na-dache/dachnyj-uchastok-s-chego-nachat.html">Дачный участок с чего начать</a></li>
<li id="menu-item-712" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-712"><a href="https://mirzam.ru/domashnij-biznes/vyrashhivanie-kartofelya-na-dache.html">Деньги  с 6-соток</a></li>
<li id="menu-item-736" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-736"><a href="https://mirzam.ru/biznes-stati/handmade-rabota.html">handmade работа</a></li>
<li id="menu-item-737" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-737"><a href="https://mirzam.ru/biznes-stati/kak-poluchit-oplatu-za-rabotu.html">Как получить оплату за работу</a></li>
<li id="menu-item-738" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-738"><a href="https://mirzam.ru/biznes-stati/platnye-porucheniya.html">Платные поручения</a></li>
<li id="menu-item-739" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-739"><a href="https://mirzam.ru/domashnij-biznes/domashnij-biznes-na-solenyh-ogurtsah.html">Домашний бизнес: На соленых огурцах</a></li>
<li id="menu-item-743" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-743"><a href="https://mirzam.ru/domashnij-biznes/vyrashhivanie-pomidorov-v-kvartire.html">Выращивание помидоров в квартире.</a></li>
<li id="menu-item-740" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-740"><a href="https://mirzam.ru/domashnij-biznes/kompozitsii-iz-svechej.html">Композиции из свечей</a></li>
<li id="menu-item-741" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-741"><a href="https://mirzam.ru/biznes-ideya-vyrashhivanie-shampinonov-na-domu">Бизнес идея Выращивание шампиньонов на дому</a></li>
<li id="menu-item-742" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-742"><a href="https://mirzam.ru/biznes-na-dache/vyrashhivanie-opyat-na-priusadebnom-uchastke.html">Выращивание опят  на приусадебном участке</a></li>
<li id="menu-item-744" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-744"><a href="https://mirzam.ru/biznes-na-dache/vyrashhivanie-maslyat-v-domashnih-usloviyah.html">Выращивание маслят в домашних условиях</a></li>
</ul></div></div>

<div id="adswidget1-quick-adsense-reloaded-5" class="widget quads-ad1_widget"><div id="quads-ad1_widget" style="margin0px0px0px0pxpadding0px0px0px0px">
<div id="yandex_rtb_R-A-321276-5"></div>
<script type="text/javascript">
    (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
            Ya.Context.AdvManager.render({
                blockId: "R-A-321276-5",
                renderTo: "yandex_rtb_R-A-321276-5",
                async: true
            });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
</script></div></div>
    
</aside>

</div>

<div class="footer-info">
                © 2023 Домашний бизнес
                
                            </div>

</div>
    </footer>

</div>