Question

Можно ли на юкоз сделать такой блок в тексте?

Я знаю как сделать блок вверху статьи справа или слева (обтекаемый текстом).

Вот такой код.

в шаблон полной станицы с комментариями

<div class="leftimg">
сам код
</div>

в стили

.leftimg {
  float:left; /* Выравнивание по левому краю */
  margin: 10px 13px 4px 0; /* Отступы вокруг картинки */
  }

Но как сделать тоже самое внизу статьи?

Answer 1

это можно сделать информером

<div class="leftimg">
сам код
</div>

.leftimg {
  float:right; /* Выравнивание по правому краю */
  margin: 10px 13px 4px 0; /* Отступы вокруг картинки */
position:relative;
bottom:0px;
  }

Comments

Увы, не работает. Показывает просто в самом низу статьи у правого края, но текст не обтекает, текст вверху.

Информер не получится сделать ибо я работаю с кодом  похожих материалов <?$RELATED_ENTRIES$(10)?>.

Именно хочу, чтоб Похожие материалы выходили внизу новости, а текст новости обтекал этот блок как на рисунке.

---

Тогда нужен адрес сайт с конкретным примером.

---

На сайтах юкоза я такого не видел.

А так полно примернов когда блок вставлен в текст новости в любое место (в середине или внизу),а не только вверху.

http://www.aif.ru/health/pro/mal_da_udal_est_li_polza_u_chaya_v_paketike?utm_source=Surfingbird&utm_medium=click&utm_campaign=Surfingbird

http://ria.ru/space/20150809/1174267653.html

http://www.pravda.ru/science/eureka/inventions/07-08-2015/1270001-borg-0/

Поэтому и спросил,можно ли на юкозе так сделать.

---

Можно, для этого я и просил КОНКРЕТНЫЙ пример с вашего сайта, кому нужна помощь?

---

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

---

Окей. Вот новость с моего сайта. http://human-anomalies.ru/news/u_britanskikh_malyshej_ehpidemija_ozhirenija/2015-08-08-38

Блок Похожие материалы стоит вверхе справа и обтекаем текстом.

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

---

Поставьте ваш код после этой строчки

<blockquote>
  <p>"Представители таких семей ведут пассивный образ жизни и не занимаются с детьми спортом. К сожалению, в последние годы функцию родителей приходится выполнять нанятым тренерам и диетологам", — говорит Рай Бопал, профессор Эдинбургского университета общественного здоровья.</p>
</blockquote>
<div class="leftimg">
 сам код
 </div>

---

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

---

Хммм, озадачили... ждите, завтра попробую решить...

---

Итак, как выход из данной ситуации...
Поместите
<div class="leftimg">
сам код
</div>

 после $MESSAGE$ и пропишите это в ксс

.eMessage>p:last-of-type {float:left; width:65%;}

Свои стили для leftimg оставьте такими как есть.

Answer 2

Стандартными способами задачу не решить. В примерах которые вы приводите блоки (рисунок- текст) вставлены в текст, а не в шаблон. Можно было бы поступить например так в тексте после нужной строки вставляете 

<div class="leftimg">
сам код
</div>

Таким образом можно вставить например, информер на страницах созданых в редакторе страниц, но на страницах модулей это не будет работать (без скриптов). Есть вариант вставить в этот блок полный код, но это оправдано в штучном порядке. Я на странице своего сайта попробовал, работает.  Но в практическом смысле, я таким образом вставляю изображения и блоки текста в любое место материала задавая рамочки или особый фон и шрифт.  Ещё можно рассмотреть такой вариант (тоже "кривоватый"). Вставить ваш блок в шаблон после $MESSAGE$. А на странице материала обернуть нижний блок текста в div ограничив его ширину так чтобы вошёл ваш блок (с учётом отступов) и для надёжности задав обтекание слева. 

Comments

Да, я попробовал, не работает в модуле новости. Просто ничего не показывает.

---

"Есть вариант вставить в этот блок полный код, но это оправдано в штучном порядке"

Скажите а как получить полный код Похожих материалов?

---

Повторюсь, это оправдано в штучном порядке. Речь идёт не о полном скрипте, а о коде который выводится на страницу и для каждой страницы будет свой и обновляться не будет, то есть если добавите материал которы должен был отобразиться на вашей странице, прийдётся и обновлять код на странице. Я получил код вставив <?$RELATED_ENTRIES$(10)?> в шаблон (чтобы другим не видно было, обернул его условием доступным только администратору). Открываю страницу в браузере, щёлкую на элемент правой кнопкой мыши, выбираю что то типа Проинспектировать элемент или подобное (зависит от типа браузера) и тут находим код типа 

Похожие материалы: 
<ul class="uRelatedEntries"><li class="uRelatedEntry"><a href="http://suhmenshkola.ucoz.ru/publ/tvorchestvo_nashikh_uchenikov/o_rodnom_krae/prokopev_den_prestolnyj_prazdnik_sela_sukhmen/23-1-0-74">Прокопьев день - престольный праздник села Сухмень</a></li><li class="uRelatedEntry"><a href="http://suhmenshkola.ucoz.ru/publ/tvorchestvo_nashikh_uchenikov/o_rodnom_krae/nakhimovka_moja_rodnaja_derevenka/23-1-0-77">Нахимовка - моя родная деревенька</a></li><li class="uRelatedEntry"><a href="http://suhmenshkola.ucoz.ru/publ/tvorchestvo_nashikh_uchenikov/shkolniki_o_vojne/frontovye_pisma_moego_pradeda/22-1-0-79">Фронтовые письма моего прадеда</a></li></ul>

У вас конечно будет другое и для каждой страницы разное. Для страницы ссылку на котору вы давали это

<ul class="uRelatedEntries"><li class="uRelatedEntry"><a href="http://human-anomalies.ru/news/indijskie_devochki_s_ozhireniem_vpervye_vstali_na_nogi/2015-08-08-41">Индийские девочки с ожирением впервые встали на ноги</a></li></ul>

Если же решать задачу основательно, то разумным было бы найти или заказать скрипт для вывода содержимого <?$RELATED_ENTRIES$(10)?> в блок типа 

<div class="leftimg">
сам код
</div>

и вставлять его куда вам надо.