смена цвета вертикального меню.

голоса: 0
Здравствуйте. Возможно ли сделать следующее.  Изменить цвет горизонтально меню
 <nav>
 <div id="catmenu">
<!-- <sblock_nmenu> -->
<?if($NMENU_1$)?><!-- <bc> -->$NMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_nmenu> -->
 <div class="clr"></div>
 </div>
 </nav>
В зависимости от входа в другие модули сайта например:
Каталог файла красный цвет
Главная страница зеленый
И т.д
Думаю понятно)))
Адрес сайта proza.3dn.ru
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

Здравствуй, вот так:

 

<?if($MODULE_ID$=load)?><style>#catmenu {background:ff0000;}</style><?endif?>
<?if($MODULE_ID$=dir)?><style>#
catmenu {background:0000ff;}</style><?endif?>
<?if($MODULE_ID$=news)?><style>#
catmenu {background:00ff00;}</style><?endif?>

данный код необходимо вставлять в html код на страницы, а в сss тогда нужно будет удалить id catmenu

| Автор:

Спасибо,но встречный вопрос у меня на сайте в css #catmenu прописан и для #sidetitle тоеесть если я удалю #catmenu у меня пропадают и названия блоков.

вот мой css сайта

 

это в html вставишь,   !importan будет делать другой приоритет цвету, не тот который в css прописан, а в css тогда можешь ничего не трогать...

 


<?if($MODULE_ID$=load)?>
<style>
#catmenu { 
background: #ff0000  !importan;
border-radius: 5px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.157), 0px 2px 10px 0px rgba(0, 0, 0, 0.118);
margin: 0px 0px 0px -10px;
padding: 0px 10px;
position: relative;
top: 12px;
width: 100%;
z-index: 9999;
}
</style>
<?endif?>
<?if($MODULE_ID$=dir)?>
<style>
#catmenu { 
background: #0000ff  !importan;
border-radius: 5px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.157), 0px 2px 10px 0px rgba(0, 0, 0, 0.118);
margin: 0px 0px 0px -10px;
padding: 0px 10px;
position: relative;
top: 12px;
width: 100%;
z-index: 9999;
}
</style>
<?endif?>
<?if($MODULE_ID$=news)?>
<style>
#catmenu { 
background: #ff00ff  !importan;
border-radius: 5px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.157), 0px 2px 10px 0px rgba(0, 0, 0, 0.118);
margin: 0px 0px 0px -10px;
padding: 0px 10px;
position: relative;
top: 12px;
width: 100%;
z-index: 9999;
}
</style>
<?endif?>

 

А куда именно вставить код?
на страницы сайта... если есть верхняя часть, то только туда и все...
Спасибо большое.
...