Jump to content
Sign in to follow this  
Rinz

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

Recommended Posts

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

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

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

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

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

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

Share this post


Link to post
Share on other sites
<?php
$sv = $_SERVER['REQUEST_URI'];
if ($sv == 'Адрес страницы') { ?>
ссылка на фото фона или вставка div id а уже в css делайте с ним все что угодно
<?php } else { ?>
<?php } ?>

  • +1 1

Share this post


Link to post
Share on other sites

Можно как 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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

<?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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.