Полный и простой режим комментариев переключения dle новости

Раздел: DataLife Engine » Советы по DLE
Полный и простой режим комментариев переключения dle новости
Сегодня предлагаю урок и возможность установить полный, простой режим комментариев переключения dle новости, поделюсь с вами небольшим примером полезного использования с целью кастомизации внешнего вида сайта и способом добавления ему интерактивности. Возможно кому-то пригодится и он сможет прикрутить его в DataLife Engine своего сайта.
А именно: дадим пользователю возможность выбирать представление комментариев (компактный и обычный режимы просмотров).
Для чего это нужно?

Для того, чтобы дать возможность комфортного времяпрепровождения на вашем сайте тем пользователям, которым не очень интересно разглядывать аватарки и читать подписи юзербарами и разноцветными ссылками.
Полный и простой режим комментариев переключения dle новости
Как это реализовать? Достаточно просто!
1. Потребуются:
- Плагин jquery.cookie.js (для лёгкой и непринуждённой работы с куками)
- Прямые руки.
2. Конечно же главное - это js. Поэтому сразу привожу код:

$(".comment").addClass($.cookie("small_comments")); 	$(".compact-mode").click(function () {  		$.cookie("small_comments", "small"); 		$(".comment").removeClass("normal").removeClass("small").addClass($.cookie("small_comments"));		return false;	});	$(".normal-mode").click(function () { 		//comCook.text="";					 		$.cookie("small_comments", "normal"); 		$(".comment").removeClass("normal").removeClass("small").addClass($.cookie("small_comments"));		return false;	});



Где $.cookie("small_comments") - это имя переменной, в которой будут записываться cookies, что бы при повторном обращении к странице пользователь видел выбранное представление комментариев.
Суть в следующем:
- При загрузке страницы всем блокам с классом comment присваивается класс с именем значения cookies (если пользователь зашёл на сайт первый раз, то ничего не добавится и ничего не поменяется).
- При клике на ссылку с классом compact-mode в куки записывается значение "small" и это же значение присваивается ко всем блокам comment
- При клике на ссылку с классом normal-mode в куки записывается значение "normal" и это же значение присваивается ко всем блокам comment
- Проще некуда.
3. Осталось подточить немного стили.
Если сократить, то таблица стилей выглядит вот так:

.comment {...}	.comment.small {...}	.inner {...}		.small .inner {...}



Т.е. мы просто добавили в тех местах, где это нужно модификатор в виде класса small, тем самым изменили внешний вид комментариев.

Автор: Пафнутий
Демо страница в архиве наглядно показывает преимущества такого способа

Рекомендуем полезную статью для веб мастеров, полный и простой режим комментариев переключения новости dle
  • 80
Рубрика: Все для DLE » Советы по ДЛЕ
Ранее » Как правильно удалить модуль Dle« Далее Настройка индексации страниц DLE метатегом robots.txt
Добавление комментарияОставить комментарий
  • № :4
  • 16 января 2013 22:15
piarman,
размер блока комментария зависит от уставленных в вашем шаблоне параметров
Узнать и найти проще всего с помощью браузера Опера - правая кнопка мыши выберите в списке Проинспектировать элемент
Все это делать на странице с открытым шаблоном и блок комментария, можно даже на Денвере только интренет должен быть вкл.
Весь код CSS и оформления комментариев увидите как на ладное просто выделите мышкой участок, ищите стили и изменяйте как надо.
  • № :3
  • 16 января 2013 21:26
Это понятно, но нужно, чтобы блок, в который добавляется комментарий был не стандартного размера, а если текст в 1 предложение, то - уже, аватар меньше и ближе к тексту, как на скрине
  • № :2
  • 16 января 2013 13:37
piarman,
возьмите шаблон comments.tpl вашего шаблона удалите оттуда все что ненужно... получите компактный вид комментариев
Вот думаю полезно эту страницу почитать, что к чему относится Подробно о файлах *.tpl шаблона Dle их предназначение
  • № :1
  • 16 января 2013 12:22
А как сделать только компактный вид комментариев, без переключения на полный? Не могли бы код написать.