10.09.13, 13:36
0 комментарий
  DLE Хаки

Как подключить разный бэкграунд к категориям и новостям в DLE?

Сейчас рассмотрим способы замены на лету заднего фона в новостях. Почему на лету потому что реализуется на JS или второй способ через доп поле. Какой из них лучше определите Вы сами

Получаем картинку вида:

<img id="bg-target" src="[xfvalue_image]" alt="" style="display:none;" />


Добавляем javascript в fullstory.tpl:

 jQuery(function($) {
 bgTarget = $("#bg-target").attr("src");
 if (bgTarget !== "") {
 $("body").css({
 "background-image": "url("+bgTarget+")"
 });
 };
 });


И так второй вариант реализации.
Второй Вариант реализации:

[xfgiven_image]<script type="text/javascript">
jQuery(function($){
  $("body").css({
    "background-image": "url('[xfvalue_image]')"
  });
});
</script>[/xfgiven_image]


Кому нужно могу показать пример на свох сайтах.

С новостями понятно теперь рассмотрим категории.
HTML что должно быть в main.tpl:

<body[aviable=cat] class="moveYourBody[category=1]1[/category][category=2]2[/category]"[/aviable]>


В стили вашего шаблона CSS:

body {background:url(../images/# картинки.jpg) repeat scroll 0 0}
body.moveYourBody1{background-image:url(../images/# картинки 1.jpg)}
body.moveYourBody2{background-image:url(../images/# картинки 2.jpg)}
[i][right]Статья написана по материалам сайта dle-faq.ru[/right][/i]


Автор: Nimad

Напишите своё мнение