ПафНутиЙ-Блог » Статьи » Произвольное оформление новостей в DLE

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

21.09
21
110954
Не поверите, но эта идея мне пришла в голову как только я открыл глаза сегодня утром, просто проснулся и понял, что изменить оформление новостей на сайте оказывается ОЧЕНЬ просто.


Например Вам хочется чтобы понравившаяся Вам новость была бы сразу заметна на сайте, или у определённой новости стояла бы определённая пометка, или просто хотите сделать новости с разными фонами, обводками, фоновыми изображениями, шрифтами, вобщем Вы можете сделать с видом новостей всё что душе угодно, была бы фантазия smile


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


Итак:

Шаг 1.

Создаём дополнительное поле для новостей с примерно таким содержанием:

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


Название поля: style
Описание поля: Стиль оформления
Категория: Все
Тип поля: Список
Значение по умолчанию:
"Первую строку оставляем пустой для дефолтного оформления"
yellow
green
blue
orange


Шаг 2.

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

Первая строчка кода у меня выглядит вот так: <div class="post">
Добавим ещё один класс: [xfvalue_style]
Теперь наша строчка выглядит так: <div class="post [xfvalue_style]">

Шаг 3.

Добавляем в style.css новые классы, с именами, которые мы задали в дополнительном поле:
    .yellow {
        background: #fffacd;
    }
    .green {
        background: #d1ffcc;
    }
    .blue {
        background: #ccfffb;
    }
    .orange {
        background: #ffebcd;
    }


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

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


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

Похожие материалы

  • Добавление картинок в новость через дополнительные поля
  • Выбор оформления блока на сайте с помощью jQuery и CSS
  • Выводим дополнительные поля в похожих новостях или немного о новых возможностях модуля Block.Pro.2
  • Модифицируем вид коментариев на сайте.
Закрыть

Комментировать могут только зарегистрированные пользователи

+

Комментарии

Voopy
Voopy 21 сентября 2009 22:32
Ответов: 0 #37
Привет!
А не подскажешь как сделать чтоб новости выводились в список в виде таблицы, а шапка была только сферху. Сейчас приведу пример. (сверху как должно выглядеть, снизу - как получается при редактировании шаблона короткой новости - неправильно)
По другому , как составить шаблон короткой новости, при которой шапка была бы одна а ниже ее шли новости?

----------------------------
Название - Адрес - Телефон -
----------------------------
Новость 1
----------------------------
Новость 2
----------------------------
Новость 3
----------------------------

А то получается вот так:

----------------------------
Название - Адрес - Телефон -
----------------------------
Новость 1
----------------------------
Название - Адрес - Телефон -
----------------------------
Новость 2
----------------------------
Название - Адрес - Телефон -
----------------------------
Новость 3
----------------------------
ПафНутиЙ
ПафНутиЙ 22 сентября 2009 07:27
Ответов: 0 #39
просто добавить нужный код в shortstory.tpl
не понял сначала...
Как вариант, сделать "шапку" ТОЛЬКО (с помошью тегов [category] или [not-carecory] )для конкретного раздела новостей, а из shortstory.tpl убрать эту "шапку"
Voopy
Voopy 23 сентября 2009 15:50
Ответов: 1 #51
Не много по другому вопрос поставлю, как составить шаблон короткой новости, при которой шапка была бы одна а ниже ее шли новости?

----------------------------
Название - Адрес - Телефон -
----------------------------
Новость 1
----------------------------
Новость 2
----------------------------
Новость 3
----------------------------

А то получается вот так:

----------------------------
Название - Адрес - Телефон -
----------------------------
Новость 1
----------------------------
Название - Адрес - Телефон -
----------------------------
Новость 2
----------------------------
Название - Адрес - Телефон -
----------------------------
Новость 3
----------------------------
kazantipu
kazantipu 9 сентября 2012 22:09
Ответов: 0 #2152
самый простой вариант добавить допполе titledop

в шаблоне новости
[xfgiven_titledop]<h1>{title}</h1>[xfgiven_titledop]

если в допполе что-то дописано выведет заголовок новости))
ПафНутиЙ
ПафНутиЙ 23 сентября 2009 17:41
Ответов: 0 #52
чисто через shortstory.tpl это никак не реализуешь,
самый простой вариант будет тот что я предложил выше, если интересуют подробности, стучи в асю. ( в профиле есть)
Voopy
Voopy 1 октября 2009 01:24
Ответов: 0 #71
Не отвечаете...
ПафНутиЙ
ПафНутиЙ 1 октября 2009 08:33
Ответов: 0 #72
Вобщем реализовать это можно через теги [category=xx] текст [/category]
В main.tpl перед {content} пишем [category=xx] Название - Адрес - Телефон [/category]
где xx - номера категорий, в которых будет выводиться наша шапка.
а в shortstory.tpl убираем код отвечающий за вывод шапки.
опять же вывод новостей можно организовать через тег {custom} со своим шаблоном, если на сайте имеются разные типы новостей.

P.S.
Меня в icq уже 3 дня нет. Сегодня к вечеру ближе появлюсь.
Polodin
Polodin 13 октября 2009 04:26
Ответов: 0 #80
лучше уже в директе кликов заказать чем такие запросы продвигать)
ПафНутиЙ
ПафНутиЙ 13 октября 2009 07:12
Ответов: 0 #81
Цитата: Polodin
лучше уже в директе кликов заказать чем такие запросы продвигать)

Это к чему было сказано?
Nickola
Nickola 7 марта 2010 09:35
Ответов: 0 #144
кривые руки не помеха :) заработало

если хотите чтоб в полной новости отображаллся выбранный цвет новости

делам так


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

Первая строчка кода у меня выглядит вот так: <div class="post">
Добавим ещё один класс: [xfvalue_style]
Теперь наша строчка выглядит так: <div class="post [xfvalue_style]">


а рандромом нельзя не как сделать чтоб было по очереди все цвета?
niko83
niko83 16 декабря 2010 10:00
Ответов: 0 #403
Добавляем в style.css новые классы, с именами, которые мы задали в дополнительном поле:


А куда именно добавлять? я чет побаловался не получается.. то хедер меняется то еще что.... помогите надо просто фон вывода новостей сменить...
ПафНутиЙ
ПафНутиЙ 16 декабря 2010 12:24
Ответов: 0 #404
Цитата: niko83
А куда именно добавлять?

вы же сами ответили уже на свой вопрос
Добавляем в style.css
а хедер или ещё чтото меняется потому что либо вы туда переменную ставите
[xfvalue_style]
либо прописываете классы, которые уже существуют в css-файлах
а вообще я не ясновидец, и не могу видеть ваш сайт без ссылки на него.
niko83
niko83 16 декабря 2010 16:53
Ответов: 0 #405
http://www.infomoney56.ru/
ПафНутиЙ
ПафНутиЙ 16 декабря 2010 18:57
Ответов: 0 #406
для начала нужно сделать нормальную вёрстку без инлайн-стилей, иначе все ваши попытки ни к чему не приведут. любой применяемый стиль из css просто перезаписывается стилем из html. у вас для элемента таблицы с классом news установлен стиль
bgcolor="#F8F8F8"
, и какой бы класс к нему не применялся - цвет всегда будет одинаков.
niko83
niko83 16 декабря 2010 21:04
Ответов: 0 #407
понятно
websot
websot 10 сентября 2012 00:52
Ответов: 2 #2153
а если мне надо, чтобы через админку стиль выбирать, о как?
Извиняюсь, забыл сохранить до поле, выглядит превосходно пафа
kazantipu
kazantipu 10 сентября 2012 00:56
Ответов: 1 #2154
через админку или в редакторе новости?
websot
websot 10 сентября 2012 02:19
Ответов: 0 #2155
Стили можно применять как в админке, так и через стандартное добавление материалов
doxvill
doxvill 26 октября 2012 10:05
Ответов: 2 #2300
Что самое интересное этим способом можно не только заменить фон, но и по разному располагать блоки в самой новости в зависимости от назначаемого класса.
ПафНутиЙ
ПафНутиЙ 26 октября 2012 10:13
Ответов: 1 #2301
и не только) можно вообще поменять внешний вид всего сайта добавив 1 класс )) social.saratov.gov.ru (в правом верхнем углу ссылка "Версия для слабовидящих" добавляет "пару классов" и сайт выглядит гораздо лучше )))
doxvill
doxvill 26 октября 2012 10:19
Ответов: 0 #2302
Кстати да) Чем-то напомнило сайт vz.ru

Информация

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