Как задать классы дивам модуля со стилем rounded?

e-Claire

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

Как задать классы дивам модуля со стилем rounded?

« : 29.12.2013, 23:02:43 »

Профи, подскажите, пожалуйста....

Есть модуль меню который выводится в стиле rounded, то есть четыре вложенных дива, в которых уже ненумерованный список.
Мне нужно каждому диву присвоить свой класс. В какой php файл лезть, чтобы это сделать?

Заранее спасибо!

Записан

Shustry

Moderator
6434
745 / 3

Re: Как задать классы дивам модуля со стилем rounded?

« Ответ #1 : 29.12.2013, 23:21:28 »

Ну во-первых, тут не нужно никуда лезти. Используйте каскадирование css:

Код: css

div {color:#fff} /*у дива и всех вложенных будет белый текст*/
div div {color:#000} /*а теперь чёрный*/
div div div {color:#fff} /*снова белый*/
div div div div {color:#fff} /*красный*/

А во-вторых, это уже устаревшая разметка. Раньше использовалась для скругления углов. Теперь так пишем:

Код: css

div {border-radius:3px;}

Записан

e-Claire

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

Re: Как задать классы дивам модуля со стилем rounded?

« Ответ #2 : 30.12.2013, 00:15:33 »

Цитата: Shustry от 29.12.2013, 23:21:28

Ну во-первых, тут не нужно никуда лезти. Используйте каскадирование css:
Код: css
div {color:#fff} /*у дива и всех вложенных будет белый текст*/
div div {color:#000} /*а теперь чёрный*/
А во-вторых, это уже устаревшая разметка. Раньше использовалась для скругления углов. Теперь так пишем:
Код: css
div {border-radius:3px;}

Спасибо за ответ. Но это мне не для скругления углов нужно было. Просто в изначальном HTML документе, из которого я делала шаблон были прописаны стили сss разные для каждого вложенного блока.
И при изменении в CSS классов на просто div div {}, получалось, что свойства внешнего дива передаютя внутренним дивам, а этого как раз нужно было избежать.

В итоге сделала свою обертку для позиции модуля:
создала файл modules.php в папке templates/мой_шаблон/html/ с кодом:

Код

<?php
 
defined( '_JEXEC' ) or die;
 
function modChrome_myPosition( $module, &$params, &$attribs )
{
    if ( !empty ( $module->content ) ) {
        ?>
        <div class="class1">
            <div class="class2">
                <div class="class3"><?php echo $module->content; ?></div>
            </div>
        </div>
        <?php
    }
}

И вставила в свой шаблон якорь

Код

<jdoc:include type="modules" name="module name" style="myPosition" />

Записан

Shustry

Moderator
6434
745 / 3

Re: Как задать классы дивам модуля со стилем rounded?

« Ответ #3 : 30.12.2013, 06:12:33 »

Ну всё верно вы сделали.

Записан

Пример создания модуля с прикреплением файлов Автор Zelyonkin	Ответов: 7 Просмотров: 1347	02.08.2021, 17:04:15 от Zelyonkin
Отображение модуля меню на странице материала Автор kunsaid	Ответов: 9 Просмотров: 1635	21.07.2021, 10:50:29 от kunsaid
[Решено] CSS-класс заголовка модуля Автор schel4ok	Ответов: 36 Просмотров: 19152	06.04.2021, 23:35:20 от Wak
Добавление модуля в шапку Автор Bazaroff	Ответов: 8 Просмотров: 957	18.01.2021, 19:59:58 от AlexB
Проблемы с ajax при выводе модуля Автор Lemonez	Ответов: 6 Просмотров: 959	21.12.2020, 05:16:55 от draff

Как задать классы дивам модуля со стилем rounded? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

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

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

e-Claire

Как задать классы дивам модуля со стилем rounded?

Shustry

Re: Как задать классы дивам модуля со стилем rounded?

e-Claire

Re: Как задать классы дивам модуля со стилем rounded?

Shustry

Re: Как задать классы дивам модуля со стилем rounded?

Похожие темы