Личные сообщения

Ваши переписки

Логотип сайта
главная правила форум опубликовать полезные сервисы услуги
вход или регистрация обратная связь

Мир шаблонов » Полезности, хаки DLE » Похожие новости в две колонки и более для DLE
0

Похожие новости в две колонки и более для DLE

Похожие новости в две колонки и более для DLE


Как вывести похожие новости DLE в две колонки, или более


И так приступим

Вывод похожих новостей DLE в две колонки.

Чтобы вывести похожие новости DLE в две колонки. Достаточно поработать над стилями списка, который используется для вывода.

Для начала, в настройках оптимизации запросов к базе данных DLE, необходимо включить отображение похожих новостей на сайте. Если конечно данная опция еще не включена.

Затем, в настройках вывода новостей DLE, желательно указать четное количество похожих новостей. То есть 2, 4 и тому подобные значения.

После чего, можно приступить непосредственно к организации колонок похожих новостей. В стандартном виде, вывод похожих новостей выглядит так:

<li><a href="{link}">{title}</a></li>

Если же, мы используем код из этой статьи, то суть не меняется. Главное обратить внимание на присутствие тега li. Именно его стили и помогут нам, с выводом новостей в две колонки. Если же в файле relatednews.tpl нет тега li, и вывод происходит, например, с помощью блоков div, что маловероятно. Но все же. В этом случае придется редактировать стили блока div, а не элемента списка li. Что также сути не меняет.

Итак, открываем файл style.css в админке или на компьютере в текстовом редакторе — не имеет значения.

Нажимаем сочетание клавиш Ctrl+F, и в появившуюся форму поиска вводим .related ul li, после чего нажимаем «Enter». Если же у нас нет такого селектора — стоит проверить, какой селектор используется, для вывода похожих новостей.

После того, как мы нашли нужный селектор. В его стили необходимо добавить:

width:50%;
float:left;


Если некоторые из свойств уже есть. Их необходимо заменить на те, которые представлены в этой статье.

Теперь, вспомним, как это выглядит по умолчанию.

Похожие новости в две колонки и более для DLE


А вот, что должно было получиться, после редактирования стилей CSS.

Похожие новости в две колонки и более для DLE


Вот таким не хитрым способом можно вывести похожие новости DLE в две колонки. Да, еще хочу сказать, что в ширине не обязательно использовать проценты. Ширину можно указать в пикселях.

Вывод похожих новостей DLE в несколько колонок.

Здесь все также просто. Единственное, что стоит изменить — это ширину. То есть, если для вывода в две колонки, мы указали ширину 50%. То для вывода трех колонок, необходимо указать 33%. То есть код будет выглядеть так:

width:33%;
float:left;

А результат должен быть таким:

Похожие новости в две колонки и более для DLE


Ну а если нужно еще больше колонок. То дальше простая математика: для вывода четырех колонок, необходимо указать ширину 25%, для вывода пяти — 20%, и так далее. Надеюсь, это понятно.

Вот, в принципе и все.
Поделиться: Понравилась новость? Расскажи друзьям. Поблагодари проект!


Уважаемый посетитель нашего сайта! Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Спасибо за внимание!

Тегидля dle, хаки dle
Публикацию посмотрели 1720 раз(а) и написали 0 комментариев.

Похожие публикации

 Как адаптировать простой html шаблон под DLE 
В данной теме автор объясняет как адаптировать простые html шаблоны под Datalife Engine....
 Модуль UserBox  для DLE 9.8 - 10.0 
UserBox - модуль для вывода информации о любом пользователе в любом месте сайта на DLE 9.8 - 10.0....
 Модуль SlideRelated - Похожие новости в slide box для DLE 9.x 
Очень часто пользователь даже не догадывается, что он зашел на сайт, где ему нужна не только та информация, что находится на странице, но и много другой, для этого был создан celsoft'ом модуль похожие новости....
 Модуль Block.Pro v.3.3.2.1 для DLE 9.6-9.8 
Модуль Block.Pro.3 позволяет выводить в блоке новости с пользовательской выборкой и сортировкой, имеет гибкие настройки и поможет вам с лёгкостью заменить {custom}, {topnews} и [related-news] в DLE 9.6-9.8, а благодаря возможности кеширования...
 Как создать страницу на Facebook для своего сайта 
На сегодняшний день популярность Facebook растет у нас и в странах СНГ. Так, давайте же уже сейчас застолбим себе страничку и будем привлекать трафик на свой сайт с помощью Facebook....
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
разделы сайта

последние комментарии
  • Стас2056 25.11.2016
    ВИДЖЕТПАК 3.0 - 150 лучших вид ... (17)
    Стас2056-фото
    Настоящий адекватный ресурс, где админы и пользователи как одна команда! [right][/right]Спасибо!
  • seriy99 25.11.2016
    Factor - Multipurpose Landing ... (2)
    seriy99-фото
    Цитата: face2005
    архив весь битый

    Ничего не может быть бито! Смотря чем вы распаковуете и учитывайте длину - для этого достаточно переименовать папку с архивом шаблона например на 1 - перед тем как распаковуете, чтоб длина символов не влияла на распаковку, так как в архиве много папок и подпапок.
  • DenJo 24.11.2016
    OpenCart шаблон "StoreFlex" (3)
    DenJo-фото
    хороший шаблон, уже успел с ним поработать. layout builder полезная штука и моим клиентам понравились clients categories.
    жду апдейта)
  • face2005 24.11.2016
    Factor - Multipurpose Landing ... (2)
    face2005-фото
    архив весь битый
  • seriy99 21.11.2016
    Megatron - Responsive MultiPur ... (2)
    seriy99-фото
    Цитата: vikula
    А почему вместо Megatron на загрузке шаблон для OpenCart aquacart202 ???

    Исправлено. Megatron v2.2 – Responsive MultiPurpose WordPress Theme
поддержать проект
подписаться на новости
OpenCart
Подписаться на канал RSS Добавить сайт в закладки
популярные публикации
партнеры сайта

рекомендуем
Hosting Ukraine
© 2013-2016 mirshablonov.com