eax

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

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

eax    1

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

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


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

Откройте  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    1

 

Откройте  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 только, 

Изменено пользователем eax

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


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

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

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


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

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

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


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

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

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

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


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

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

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


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

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

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

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


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

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

 

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

 

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

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


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

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

 

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

 

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

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

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


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

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

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

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

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

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

Войти

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

Войти


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

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