Чередования цвета комментариев или новости хак для DLE

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Чередования цвета комментариев или новости хак для DLE
Эта простая установка из категории хаки dle, позволит вам сделать чередование любого цвета новости или комментариев(сообщений), что так, часто бывает полезно при большом количестве однотипной информации, поиске нужного участка или сообщения. Итак, на dle9.com хак для dle чередование цвета фона новостей или комментариев от автора Sander. На некоторых сайтах иногда просто необходимо (или хочется) сделать, чтобы фон новостей или комментариев чередовался. Это нужно, чтобы отделаить комментарии, сообщения или новости друг от друга.
Сделать это можно легко, с помощью js vascript (jQuery).

Хак dle установка чередования цвета комментариев или новости начинается с редактирования Вашего шаблона

<div class="baseform1">тут тег вывода инфорамции</div>


Например в шаблоне comments.tpl ищем тег {comment}(вывод комментария) и захватываем в открывающий(закрывающий div ) (или меняем на)
<div class="baseform1">{comment}</div>


В шаблоне shorstory.tpl тег {short-story} (вывод краткой новости)

<div class="baseform1">{short-story}</div>


Чтобы чередовался фон, создаем стиль с желаемым фоном и добавляем к уже имеющим стилям в шаблоне с расширением .CSS, например:

.bg-change{background:#f0f0f0;}


или мой вариант с округленными углами и сдвигом со всех сторон к центру на 9 пикселей:
.bg-change{background:#f0f0f0; 
padding: 9px;
border:1px solid #e0e8ec;
border-radius: 4px;} 


И в main.tpl или только comments.tpl, shorstory.tpl(в зависит, где будет применяться скрипт) прописываем небольшой код:

<script type="text/javascript">
$(function(){
  $(".baseform1:odd").addClass('bg-change');
})
</script>


Если у вас уже есть подключенные скрипты с расширением *.js просто добавляем в самом конце такую вставку и тогда в шаблон не нужно не чего вставлять, такой вариант гораздо правильней будет.
$(function(){
  $(".baseform1:odd").addClass('bg-change');
})

Как сделать чередования цвета комментариев или новости, из раздела хаки для dle установка.
Автор: Sander
Источник: nfhelp ru
Версия Dle: любая
Результат, вы можете увидеть на данном сайте.

Познакомится простая установка чередование любого цвета (короткой или полной) новости или комментариев
  • 0
Рубрика: DLE хаки » Хак для DLE
Ранее » Хаки для DLE Highslide удобный просмотр картинок« Далее Хак Dle вывести размер файла в краткой новости
Добавление комментарияОставить комментарий