Question

Здравствуйте. Хочу реализовать в дизайне новости такую схему :

Здесь "Название мероприятия", Графическая афиша(img), Описание мероприятия(message), а в кратком описании (brief) я бы хотел расположить данные о месте, времени и других данных о мероприятии. Скажите пожалуйста, возможно ли реализовать такой вид материала? Используется модуль "Новости сайта", пытаюсь оформить в таком виде, но блок $BRIEF$ не работает. Возможны ли какие-то другие способы такого оформления? 

Answer 1

Для реализации вашей задумки используйте вместо $BRIEF$ дополнительные поля.

Comments

Не могли бы мне помочь с этой реализацией? Я так понимаю поля other1...other5 надо прописывать в CSS, чтобы обозначить их расположение относительно картинки и блока $MESSAGE$. Но видимо у меня не хватает знаний в этой области(( 

#other1 { padding-bottom:5px; display:block; color:#a0a0a0; text-align:right; }

Такой вид не работает, исправте меня пожалуйста.  Желательно прописать сразу блок с классом .div в который бы входили все other1...5. 

Либо же в редакторе страницы пишу: 

<div style="text-align:right;"> $OTHER1$ $OTHER2$  $OTHER3$ $OTHER4$ $OTHER5$     </div>

, что так же не приводит к нужному результату(

---

Что именно не получается?

У вас данные не выводятся из этих полей или у вас не поулчается выровнять эти данные так, как вам хочется?

---

Не получается выровнять, данные выводятся, за это большой спасибо) Хотелось бы выровнять их, справа от картинки, что бы поля были друг под другом. У меня получилось что они под картинкой и сплошным текстом. 

это с кодом в редакторе страниц: 

<div style="text-align:right;"> $OTHER1$ $OTHER2$  $OTHER3$ $OTHER4$ $OTHER5$     </div>

 

---

<div style="float:right; text-align:left;">
$OTHER1$<br>
$OTHER2$<br>
$OTHER3$<br>
$OTHER4$<br>
$OTHER5$<br>
</div>

---

Вот и я потом использовал этот код, но не работает тоже, под картинкой всё равно(( Полный код блока сейчас такой:

<img src="$IMG_URL1$" style="max-width:250px;margin-bottom:20px;">
   <div style="float:right; text-align:left;">
$OTHER1$<br>
$OTHER2$<br>
$OTHER3$<br>
$OTHER4$<br>
$OTHER5$<br>
</div>
$MESSAGE$ 

А выглядит так:

 

 

---

    <table style="width:100%;">
    <tr>
        <td style="vertical-align:top;"><img src="$IMG_URL1$" style="max-width:250px;margin-bottom:20px;"></td>
        <td style="vertical-align:top; text-align:left; padding:0px 10px;">
        $OTHER1$<br>
        $OTHER2$<br>
        $OTHER3$<br>
        $OTHER4$<br>
        $OTHER5$<br>
        </td>
    </tr>
    <tr>
        <td colspan="2">$MESSAGE$</td>
    </tr>
    </table>

---

Всё получилось! Спасибо огромное!))