С выходом новой версий DataLife Engine появляются все новые возможности. Хаки DLE задать каждой категории цвет фона или картинку, по сути не совсем хак, а функция которую не многие используют на сайтах. Данный стандартный тег движка и другой можно будет применить для оформления веб-ресурса в более широк смысле. К примеру можно полностью изменить всю стилизацию, полной новости так, что различия будут существенны. Краткая новость будет проще, а полная более насыщена и красочней. Чтобы в полной мере знать какой метод мы будим применять и что можно использовать, советую познакомится с документацией DLE, который вы скачиваете вместе с движком в файле Documentation/readme.chm.
Хак DLE задать каждой категории цвет фона, был найден в интернете, а с добавлением картинки дополнил пользователь сайта dle9.com. Итак, в этом посте мы узнаем, как можно установить разный фон для каждой категории, то есть если ты переходишь в категорию игры, там будет картинка фон из игры, фильм из фильма и так далее.
Установка фона цвета для нужной категории.
Для этого перед конструкцией в вашем шаблоне
</head>вставляем:
<body style="[category=1] background-color: black; [/category]
[category=2]background-color: orange;[/category]">
</body>category=1 - где номер 1 - это ID категории к которой будет относится цвет
background-color: black; - черный цвет фона.
Было задано два фона на Picses:
background-color: orange;Если вы сделали все правильно, то после перехода в нужную вам категорию произойдет смена фона средствами движка.
Чтобы сделать фон картинкой были предложены следующие варианты, но замена таким образом стилей не работает.
background:url("../images/название файла картинки 1.jpg") repeat-x top;картинка должна находится в папке images шаблона
или если не появится картинка
background:url("/templates/Default/images/название файла картинки 1.jpg") repeat-x top;Также можно использовать полный адрес
Установка фона картинки для нужной категории. Решение найдено пользователем Casillas,
в шаблоне с установкой картинки на фон не так уж легко получилось пришлось поиграться, вот так получилось.
Вместо конструкции выше, вставляем эту
[category=16]<div class="category16"> <body class="cat16" oncopy="return false" onMouseMove="preventSelection(document);">[/category]в ваш шаблон файл с форматом CSS в конце добавляем такие строчки.
.category16{ position:absolute; width: 100%; background: url("../images/fon2.jpg") repeat-x 0 0; }
.cat16{ text-align: center; background: #000000;}Где мы получаем, что отсюда берется /images/fon2.jpg нужный файл оформления, а сам фон черный.