Модули - разный фон...

[eax]

Всем привет! Ребята кто знает, помогите пожалуйста! Нужно изменить цвет каждого модуля ну типо для категории отдельный фон, для модуля мы в контакте отдельный фон, для модуля рекомендуем отдельный фон, как можно изменить каждый отдельно?

[Tom]

Откройте  tpl  любого модуля,все они имеют схожую структуру

 

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

Соответственно  всем им присвоены  одни и те же стили

 

/* box */
.box {
margin-bottom: 20px;
}
.box .box-heading {
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
border: 1px solid #DBDEE1;
background: url('../image/background.png') repeat-x;
padding: 8px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #333;
}
.box .box-content {
background: #FFFFFF;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
border-left: 1px solid #DBDEE1;
border-right: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
padding: 10px;
}

Отсюда и вывод.Заходим в tpl  изменяемого модуля  и меняем например так (кривенький пример но смысл тот)

 

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

Остаётся потом создать новые стили по аналогии с дефолтными и внести любые изменения которые нужны.

[eax]

 

Откройте  tpl  любого модуля,все они имеют схожую структуру

 

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

Соответственно  всем им присвоены  одни и те же стили

 

/* box */
.box {
margin-bottom: 20px;
}
.box .box-heading {
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
border: 1px solid #DBDEE1;
background: url('../image/background.png') repeat-x;
padding: 8px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #333;
}
.box .box-content {
background: #FFFFFF;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
border-left: 1px solid #DBDEE1;
border-right: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
padding: 10px;
}

Отсюда и вывод.Заходим в tpl  изменяемого модуля  и меняем например так (кривенький пример но смысл тот)

 

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

Остаётся потом создать новые стили по аналогии с дефолтными и внести любые изменения которые нужны.

 

Хорошо, Спасибо большое!!! Только вот проблема в том что модуль категория и модуль рекомендуем в файле CSS одно и тоже на одной и той же строке одна и та же команда, как мне сказали нужно разъединить их, это так как вы описали разделить? Или другой способ? Может быть я не правильно ищу, или оно так и есть, но в любом файле tpl нету такой команды, такая командя (.box) в файле CSS только, 

Змінено 28 листопада 2013 користувачем eax

[eax]

К сожалению я в первый раз работаю с кодам CSS, обычно было в html или в php.

[Tom]

Вы хотя бы попытались открыть  tpl  хотя бы одного модуля???? Я для чего написал об изменении классов?

[eax]

Вы хотя бы попытались открыть  tpl  хотя бы одного модуля???? Я для чего написал об изменении классов?

Все открыл, и только в одном header.tpl нашел написанное, в остальных 2-5 строчек максимум и все больше ничего нету.

[Tom]

Вы нашли класс BOX   в  header ?  :ugeek:

[eax]

Вы нашли класс BOX   в  header ?  :ugeek:

Нет не box, там вообще было что то написанное на сайте там про шапку было, а так вообще в файлах tpl 2-5 строчек, и ни где нету box`a, box только в stylesheet.css и больше ни где нету.

[Tom]

Вот для примера  tpl  модуля рекомендуемые.

 

http://www.phpkode.com/source/p/opencart/opencart_v1.5.3/upload/catalog/view/theme/default/template/module/featured.tpl

 

Здесь тоже нет BOX ?????

[eax]

Вот для примера  tpl  модуля рекомендуемые.

 

http://www.phpkode.com/source/p/opencart/opencart_v1.5.3/upload/catalog/view/theme/default/template/module/featured.tpl

 

Здесь тоже нет BOX ?????

Спасибо большое, все сделал)