Перейти к содержанию
Rinz

Разный фон для категорий [РЕШЕНО]

Рекомендуемые сообщения

Подкинули интересную задачку: чтоб, значится, в категории женской одежды фоном было фото с девушкой, в категории мужской одежды - с мужчиной и так далее.

не представляю, как это реализовать...

думается только в одном направлении: мне как-то попался сайт, где описание категории выводилось пхп запросом типа:

если урл страницы этот - загружать этот текст

если урл страницы тот - загружать тот текст.

я в правильном направлении думаю или нет? ну и вообще, как можно такое сделать

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
<?php
$sv = $_SERVER['REQUEST_URI'];
if ($sv == 'Адрес страницы') { ?>
ссылка на фото фона или вставка div id а уже в css делайте с ним все что угодно
<?php } else { ?>
<?php } ?>

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно как qwertyman написал только сделать это для <body class=""> т.е.

<?php
$sv = $_SERVER['REQUEST_URI'];
if ($sv == 'Адрес страницы') { ?>
<body class="my_background">
<?php } else { ?>
<body>
<?php } ?>

и в stylesheet.css добавит стили для

.my_background{
backround:.....;
}

  • +1 3

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно просто через атрибут style навесить background-image с картинкой категории. Можно будет прямо в админке редактировать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо, получилось!

Куски кода, если вдруг кто-то будет интересоваться тем же вопросом

<?php
$sv = $_SERVER['REQUEST_URI'];
if ($sv == 'относительная ссылка на страницу') { ?>
<div id="container" class="notebooks">
<?php } else { ?>
<div id="container" class="all"> <!--Этот класс нужен, если на сайте есть бекграунд для всех остальных страниц-->
<?php } ?>

CSS

/*Все остальные страницы*/
.all {
background-image: url("../image/background-image.jpg");
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
}
/*Категория "Ноутбуки"*/
.notebooks {
background-image: url("../image/cb/bg1.jpg");
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
}

Всем добра!

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

кстати, с динамичными ссылками не работает

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.