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

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

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

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

последние комментарии
  • xelsing 22.02.2017
    MUSE ГЕНЕРАТОР. Комплект Adobe ... (11)
    xelsing-фото
    Не работает что делать! Делитесь рабочей версией плз
  • seriy99 16.02.2017
    105 уникальных шаблонов инфогр ... (2)
    seriy99-фото
    Цитата: vladexus
    Жесть..такой размер и на дипозит

    Ну так скачивается же без проблем и бесплатно? ))) И много коммерческой информации, которую кому-то можно "грохнуть" с российских файлообменников. А тут хоть уверен - что прийдет пользователь и информация всегда доступна. Удачи Всем
  • vladexus 15.02.2017
    105 уникальных шаблонов инфогр ... (2)
    vladexus-фото
    Жесть..такой размер и на дипозит
  • vladexus 15.02.2017
    Шаблоны Landing Page - простые ... (2)
    vladexus-фото
    Цитата: kulchaka
    Как скачать?

    по всей видимости это невозможно
  • Worlf 12.02.2017
    Более 200 виджетов, инструмент ... (15)
    Worlf-фото
    Прикол в папке Widgets лежит файл как устанавливать виджеты,мол инструкция.Лол она пишет о том как устанавливать .mulib,которых вы в папке Widgets не найдете.Там одни проекты .muse .Я кстати не понимаю,какой толк в таких виджетах,мне нужно свой проект заново строить уже в такого рода шаблоне,получается.А если мне вдруг нужно таких 3-4,это же каша получиться из copy-paste и половина как обычно развалится по пути в новый проект.Хз кому это полезно,если только чисто полазить,потыкать и посмотреть как и что,хотя даже такое толк не даст и никаких особо знаний.
поддержать проект
подписаться на новости
OpenCart
Подписаться на канал RSS Добавить сайт в закладки
популярные публикации
партнеры сайта

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