Reqman

Разное оформления для блоков

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

Reqman    5

Добрый день, Уважаемые форумчане! Очень прошу помочь. Долго искал ответ, но так и не смог найти его. Мне необходимо сделать разный дизайн оформления блоков, которые на скриншоте обведены в красную рамочку.

 

1385022342-clip-104kb.jpg?nocache=1

 

У этих блоков одинаковый стиль, а именно: 

.box .box-heading {
  background-image:url(http://catalog/view/theme/default/image/background.png);
  background-position:initial initial;
  background-repeat:repeat no-repeat;
  border:1px solid #DBDEE1;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  color:#333333;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  line-height:14px;
  padding:8px 10px 7px;
}

Как же разделить, чтоб можно было сделать разный дизайн для блока Категории и блока Рекомендуем. Очень прошу помочь. 

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


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

catalog\view\theme\default\template\module\category.tpl

 

и 

 

catalog\view\theme\default\template\module\featured.tpl

 

Открываем и видим что одинаковые они потому как классы одни.

 

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">

Следовательно меняем на что то типа 

 

<div class="box">
  <div class="box-heading-new"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">

а потом уже в стили добавляем и обыгрываем  

.box .box-heading-new {
*
*
*
*
*
*
*
*
*

}

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


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

Огромное-огромное Вам спасибо! 

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


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

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