Крупнейшая биржа рекламы в Телеграм
0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 2734 Просмотров
*

Keno

  • Захожу иногда
  • 84
  • 41 / 0
 Здравствуйте, уважаемые форумчане и знатоки CSS, хотел у Вас спросить по такому вопросу:
Вот у меня в шаблоне в CSS (template_css) уже есть прописаны несколько стилей для Right Module (Правых модулей):
div.module
div.module-grey
div.module-dark
  Но, я никак не пойму, что нужно прописывать в CSS-cуффикс класса модуля, чтоб оформление модулей соответственно было: grey, dark?

 Буду очень благодарен за ответы. Заранее спасибо.

Код
/* MODULE
--------------------------------------------------------- */
div.moduletable h3 {
padding: 0;
margin: 0 0 5px;
color: #403C3A;
font-size: 120%;
text-transform: uppercase;
}

div.moduletable {
padding: 0 15px;
margin-bottom: 30px;
}

#ja-col1 div.moduletable {
margin-bottom: 15px;
}

#ja-col1 div.moduletable h3 {
margin: 0 -15px 5px;
padding: 8px 15px;
color: #EE9600;
background: #403C3A;
}

[color=red]/* Right Module */[/color]
div.module h3,
div.module-grey h3,
div.module-dark h3 {
margin: 0 -14px 5px;
padding: 0 14px 8px;
font-size: 120%;
line-height: normal;
text-transform: uppercase;
}

div.module,
div.module-grey,
div.module-dark,
div.module-blank {
margin: 5px 0 10px;
padding: 0;
float: left;
clear: both;
width: 100%;
}

div.module div, div.module div div,
div.module-grey div, div.module div div,
div.module-dark div, div.module div div {
padding: 0;
}

div.module div div div,
div.module-grey div div div,
div.module-dark div div div {
padding: 8px 15px 15px;
}

div.module-blank div div div {
padding: 15px;
}

div.module div div div div,
div.module-grey div div div div,
div.module-dark div div div div,
div.module-blank div div div div {
margin: 0;
padding: 0;
float: none;
background: none;
}

div.module h3 {
border-bottom: 1px solid #DDDDDD;
}

div.module {
background: url(../images/box-br.gif) no-repeat bottom right;
}

div.module div {
background: url(../images/box-bl.gif) no-repeat bottom left;
}

div.module div div {
background: url(../images/box-tr.gif) no-repeat top right;
}

div.module div div div {
background: url(../images/box-tl.gif) no-repeat top left;
}

[color=red]/* Right Module - Grey */[/color]
div.module-grey h3 {
background: url(../images/sep.gif) repeat-x bottom;
}

div.module-grey {
background: url(../images/box-br-grey.gif) no-repeat bottom right #E6E6E6;
}

div.module-grey div {
background: url(../images/box-bl-grey.gif) no-repeat bottom left;
}

div.module-grey div div {
background: url(../images/box-tr-grey.gif) no-repeat top right;
}

div.module-grey div div div {
background: url(../images/box-tl-grey.gif) no-repeat top left;
}

[color=red]/* Right Module - Dark */[/color]
div.module-dark h3 {
background: url(../images/sep2.gif) repeat-x bottom;
}

div.module-dark {
background: url(../images/box-br-dark.gif) no-repeat bottom right #544F4C;
color: #E6E6E6;
}

div.module-dark div {
background: url(../images/box-bl-dark.gif) no-repeat bottom left;
}

div.module-dark div div {
background: url(../images/box-tr-dark.gif) no-repeat top right;
}

div.module-dark div div div {
background: url(../images/box-tl-dark.gif) no-repeat top left;
}

div.module-dark a, div.module-dark a:hover, div.module-dark a:active, div.module-dark a:focus {
color: #FFFFFF;
text-decoration: underline;
*

Mitrich

  • Захожу иногда
  • 289
  • 524 / 13
  • Все можно. Но сначала учиться, учиться и учиться.
*

Keno

  • Захожу иногда
  • 84
  • 41 / 0
 Mitrich, спасибо. Проблема, как это ни звучит банально, была в кэше - он у меня был включен. Отключил, прописал - теперь все ок.
 Топик закрыт. Спасибо Mitrich.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как при наведении изменить сразу два класса CSS?

Автор Kanfur

Ответов: 3
Просмотров: 589
Последний ответ 03.11.2020, 16:53:43
от Nikolay89
Как добавить сторонние кнопки CSS в модули и плагины Joomla?

Автор bayersoff

Ответов: 12
Просмотров: 3414
Последний ответ 23.12.2018, 17:42:46
от effrit
Настройка вывода модуля погоды SP Weather

Автор IvanIvanch

Ответов: 2
Просмотров: 874
Последний ответ 31.10.2018, 23:19:28
от IvanIvanch
Изменить высоту модуля меню

Автор kunsaid

Ответов: 4
Просмотров: 1439
Последний ответ 24.04.2017, 21:45:05
от kunsaid
Отключить базовое кэширование CSS у модуля

Автор Strikerus

Ответов: 4
Просмотров: 920
Последний ответ 07.11.2016, 12:48:11
от Strikerus