Вид материалов

голоса: 0

Когдато стояли другие стили (новости)там менялся цвет котигорий

как сдесь релизовать....(спасибо

Адрес сайта http://kldou24.ucoz.ru/
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0

В шаблоне у вас прописан код:

<style>

 .shortstory-content h2 {margin: 5px 0 5px 0;}
.shortstory-content h2 a {font-family:Tahoma,Geneva,sans-serif;font-size:18px;color:#28363b;display:block;text-decoration:none;
-moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
 -o-transition: all 0.3s 0.01s ease;
 -webkit-transition: all 0.3s 0.01s ease; }
.shortstory-content h2 a:hover {color:#E74C3C;} 
.news-date{
position: absolute;
top: 7px;
left: 7px;
padding: 2px 7px;
color: #fff;
background: #4CAF50;

font-size: 14px;
font-weight: 700; 
text-shadow: #06375C 0 1px 1px; 

.shortstory{background:#FCFFF5;margin:0 0 20px 0;
 -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
 -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
 box-shadow:0 1px 4px rgba(0,0,0,0.2);
}
.shortstory-images{position:relative;padding:7px;}
.shortstory-images a{display:block;overflow:hidden;}
.shortstory-images a img{height:auto;width:100%;display:block;-moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
.shortstory-images a:hover img{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
.shortstory-content{height:auto;overflow:hidden;padding:20px 20px 0 20px;margin-bottom:20px;}
.shortstory-link{font-size:18px;margin-bottom:20px;}
@media (min-width:768px){.shortstory-images a img{height:250px;object-fit:cover}
.shortstory-content{height:180px;}
}
@media (min-width:992px){.shortstory-images a img{height:250px;object-fit:cover}
.shortstory-content{height:180px;}
}
@media (min-width:1024px){.shortstory-images a img{height:200px;object-fit:cover}
.shortstory-content{height:180px;}

@media (min-width:1200px){.shortstory-images a img{height:220px;object-fit:cover}
.shortstory-content{height:180px;}
}
.shortstory-bottom{background:#6D7E8C;color:#fff;position:relative;height:38px;line-height:38px;overflow:hidden;padding-left:20px;}
.shortstory-date, .shortstory-comments{text-shadow: #06375C 0 1px 1px;font-size:11px;}
.shortstory-date i, .shortstory-comments i{text-shadow: #06375C 0 1px 1px;font-size:14px;margin-right:5px;}
.shortstory-comments{padding-left:10px;}
.shortstory-bottom .shortstory-more{text-shadow: #06375C 0 1px 1px;background:#2E815A;color:#fff;position:absolute;right:0;width:110px;display:inline-block;font-size:12px;text-align:center;}
.shortstory-bottom .shortstory-more:hover{text-shadow: #06375C 0 1px 1px;background:#246246;color:#fff}
.col-lg-4, .col-sm-6,
.col-xs-12
.col-vs-12{position:relative;min-height:1px;padding-left:8px;padding-right:8px;}
.col-xs-12{float:left;}
.col-xs-12{width:100%;}
@media (min-width:768px){ .col-sm-6,
.col-sm-6{width:46.8%;}}
@media (min-width:1200px){.col-lg-4,
.col-lg-4{width:47.7%;}}
</style>

выделил красным, это меняется цвет, измените на свой.

| Автор:
это я знаю ...мне надо чтобы под каждую категорию был свой цвет
Татьяна Подвойская,

В данном случае советовал бы в виде материалов заменить код:

<div class="news-date">

на:

<div class="news-date-$CID$">

в итоге код $CID$ будет выводить айди категории материала и вы сможете написатьс вои стили и цвет для каждой к новым классам вида:

.news-date-айди категории {стили}

Татьяна Подвойская,
это я знаю...мне надо что бы под каждую категорею был свой цвет
Татьяна Подвойская,
дополнил ответ выше
Yuri_Geruk,
все понял .......Спасибо
...