Главная » DLE » Статьи DLE » Произвольное оформление новостей
Распечатать статью

Произвольное оформление новостей

Например Вам хочется чтобы понравившаяся Вам новость была бы сразу заметна на сайте, или у определённой новости стояла бы определённая пометка, или просто хотите сделать новости с разными фонами, обводками, фоновыми изображениями, шрифтами, вобщем Вы можете сделать с видом новостей всё что душе угодно, была бы фантазия <!—smile:smile—><!—/smile—>
Сегодня я покажу простой и наглядный пример того, как можно разнообразить вид новостей на сайте под управлением CMS DataLife Engine.

<!—sizestart:3—><!—/sizestart—><!—fontstart:Century Gothic—><!—/fontstart—>Итак:<!—fontend—><!—/fontend—><!—sizeend—><!—/sizeend—>
Шаг 1.

Создаём дополнительное поле для новостей с примерно таким содержанием:
Название поля: style
Описание поля: Стиль оформления
Категория: Все
Тип поля: Список
Значение по умолчанию:
<!—colorstart:gray—><!—/colorstart—><!—sizestart:1—><!—/sizestart—>»Первую строку оставляем пустой для дефолтного оформления»<!—sizeend—><!—/sizeend—><!—colorend—><!—/colorend—>
yellow
green
blue
orange

Шаг 2.

Открываем файл shortstory.tpl (Как пример я возьму свой шаблон L5.)

Первая строчка кода у меня выглядит вот так:
<!—code1—>

<!—ecode1—><div><!—code2—>

<!—ecode2—>
Добавим ещё один класс <!—code1—>

<!—ecode1—>[xfvalue_style] <!—code2—>

<!—ecode2—>
Теперь наша строчка выглядит так: <!—code1—>

<!—ecode1—><div><!—code2—>

<!—ecode2—>
Шаг 3.

Добавляем в style.css новые классы, с именами, которые мы задали в дополнительном поле:
<!—code1—>

<!—ecode1—>
    .yellow {
background: #fffacd;
}
.green {
background: #d1ffcc;
}
.blue {
background: #ccfffb;
}
.orange {
background: #ffebcd;
}<!—code2—>

<!—ecode2—>

Всё! Наслаждаемся результатом.
Теперь при добавлении или редактировании новости у нас появится дополнительное поле со списком стилей оформления новости. При выборе значения yellow фон новости станет жёлтым, при выборе green — зелёным.
Всё просто <!—smile:smile—><!—/smile—>

Ну а дальше включаем фантазию, знания css и оформляем вид новостей так как Вы этого хотите.

Источник:  datalife-club.ru

Вы можете оставить комментарий, или обратную ссылку на Ваш сайт.

Оставить комментарий

Похожие статьи