Модули на ДИВах и CSS-cуффикс класса модуля

Keno

Захожу иногда
84
41 / 0

Модули на ДИВах и CSS-cуффикс класса модуля

« : 27.07.2008, 16:58:12 »

Здравствуйте, уважаемые форумчане и знатоки 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;

« Последнее редактирование: 22.05.2009, 17:35:38 от Keno »

Записан

Качественный, надежный, дешевый хостинг с отличной техподдержкой. Рекомендую!
Оптимизация сайта

Mitrich

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

Re: Модули на ДИВах и CSS-cуффикс класса модуля

« Ответ #1 : 27.07.2008, 17:37:49 »

-grey
-dark

Записан

http://mitrichlab.ru создание сайтов на CMS Joomla!

Часто задаваемые вопросы и ответы по Joomla Все что надо знать о HTML и CSS приличному человеку Как найти и читать error.log Не стучите в личку, огорчусь

Keno

Захожу иногда
84
41 / 0

Re: Модули на ДИВах и CSS-cуффикс класса модуля

« Ответ #2 : 27.07.2008, 18:13:24 »

Mitrich, спасибо. Проблема, как это ни звучит банально, была в кэше - он у меня был включен. Отключил, прописал - теперь все ок.
Топик закрыт. Спасибо Mitrich.

« Последнее редактирование: 22.05.2009, 17:37:49 от Keno »

Записан

Качественный, надежный, дешевый хостинг с отличной техподдержкой. Рекомендую!
Оптимизация сайта

CSS для позиции модуля Автор tierex	Ответов: 3 Просмотров: 3381	26.05.2023, 11:06:00 от tierex
Позиционирование модуля Автор Frost_	Ответов: 4 Просмотров: 3683	25.01.2023, 11:36:57 от Frost_
Расположить элементы без класса Автор AlexB	Ответов: 4 Просмотров: 1204	21.01.2021, 12:47:08 от AlexB
Как при наведении изменить сразу два класса CSS? Автор Kanfur	Ответов: 3 Просмотров: 2150	03.11.2020, 16:53:43 от Nikolay89
Как добавить сторонние кнопки CSS в модули и плагины Joomla? Автор bayersoff	Ответов: 12 Просмотров: 6599	23.12.2018, 17:42:46 от effrit

Модули на ДИВах и CSS-cуффикс класса модуля - Вопросы по CSS

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Keno

Модули на ДИВах и CSS-cуффикс класса модуля

Mitrich

Re: Модули на ДИВах и CSS-cуффикс класса модуля

Keno

Re: Модули на ДИВах и CSS-cуффикс класса модуля

Похожие темы