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

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

Логотип сайта
главная правила форум опубликовать полезные сервисы услуги
вход или регистрация обратная связь
Раздел Название темы Ответов Последний
Модули OpenCart Экспорт в Яндекс.YML для OpenCart 2.x 2 Дамир
Модули OpenCart Модуль Wholesale Price List 1 svitlo
OpenCart восстановление картриджей в минске 0 Serviceyiq
Софт Advanced SystemCare Pro 8.2.0.795 DC 13.04.2015 (RePack by D ... 1 Sep
Партнерские программы Как зарабатывать максимально много на скачиваниях. Руководст ... 1 Sep
Различные скрипты Скрипт - калькулятор расчета стоимости пластиковых окон 20 leshyi55
FAQ OpenCart Как убрать (index.php?route=common/home) в OpenCart? 16 stavr207

Мир шаблонов » Полезности, хаки 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
Публикацию посмотрели 1947 раз(а) и написали 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....
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
разделы сайта

последние комментарии
  • Samson192 26.06.2017
    Tornado Base v.91 (07.04.13) - ... (11)
    Samson192-фото
    Цитата: seriy99
    Качайте.

    Спасибо конечно, но не мешало бы еще и пароль от архива скинуть...
  • vlados228 01.06.2017
    MUSE ГЕНЕРАТОР. Комплект Adobe ... (12)
    vlados228-фото
    Кто ищет рабочий Muse генератор - скажу сразу, Вы его не найдете)
    То что для его активации требуется активационный ключ, это выдумка.
    На торрентах/форумах/складчинах распространён поддельный Muse генератор, который выпустил сам создатель чтобы запутать тех кто хочет халявы, там как правило в библиотеке лежат файлы одинакового размера по 32мб, которые одинаковы по сути)
    Для тех кому нужна РАБОЧАЯ версия adobe muse пишите мне на почту vladusenkov(собака)yandex(тчка)ру
    Продам за 500р
  • Adidas_kz 01.06.2017
    Бизнес комплект 5.0 250 бизнес ... (11)
    Adidas_kz-фото
    Здравствуйте! Архив защищен паролем, можно пароль
  • meagord 21.05.2017
    Таймеры 2.0 [Adobe Muse] (3)
    meagord-фото
    Присоединяюсь к благодарностям. Почти не нашел места где можно бесплатно найти хороший материал.
    Ваш сайт number 1 .
    Как заработаю первые деньги с помощью информации полученной на вашем сайте обязательно поддержу проект.
    Спасибо Большое.
    winked
  • gushnick 20.04.2017
    Огромная коллекция модулей для ... (2)
    gushnick-фото
    крутой наборчик даже не думал что такие бывают. мульти доставка стала как родная
поддержать проект
подписаться на новости
OpenCart
Подписаться на канал RSS Добавить сайт в закладки
популярные публикации
партнеры сайта

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