在 joomla 中将 css 样式添加到模块的 xml 文件中

Question

我在 joomla 中有 hello world 模块。我想在管理部分的 xml 文件中添加 css 样式。例如 这是我的 xml 代码：

<?xml version="1.0" encoding="utf-8"?>
<extension type="module" version="2.5.0" method="upgrade">
    <name>MOD_HELLOWORLD</name>
    <!-- Следующие элементы не обязательны и могут содержать все, что вы считаете нужным -->
    <creationDate>05.05.2012</creationDate>
    <author>Dev Joomla</author>
    <authorEmail>info@dev-joomla.ru</authorEmail>
    <authorUrl>http://www.dev-joomla.ru</authorUrl>
    <copyright>Copyright Info</copyright>
    <license>License Info</license>
    <!-- Версия модуля – эта строка сохраняется в таблице расширений -->
    <version>0.0.1</version>
    <!-- Описание модуля также не обязательно и если оно не указано, то берется из тэга  name -->
    <description>MOD_HELLOWORLD_XML_DESCRIPTION</description>
    <!-- Обратите внимание на тэг  files: в нем содержится информация, о том какие файлу нужно копировать в каталог модуля -->
    <files>
        <filename module="mod_helloworld">mod_helloworld.php</filename>
        <filename>mod_helloworld.xml</filename>
        <folder>tmpl</folder>
        <folder>language</folder>
        <filename>helper.php</filename>
                <folder>css</folder>
                <folder>js</folder>
    </files>


    <!-- Описание параметров модуля -->
    <config>
        <fields name="params">
            <fieldset name="basic">
                <field
                    name="greeting"
                                        /*CODE HERE*/
                    type="text"
                    default="MOD_HELLOWORLD_GREETING_DEFAULT"
                    label="LABEL"

                />
            </fieldset>
        </fields>
    </config>
</extension>

现在我希望我的标签 LABEL 变为红色。我该怎么做？

Answer 1

如果我正确理解了您的问题，我认为您可以使用直接 CSS 来做到这一点。例如，假设我想在 Joomla 模板管理器中为 protostar 模板的第二个标签着色，请使用您的网络检查器找出类和 div。

HTML 是

<div id="attrib-advanced" class="tab-pane active">
    <div class="control-group ">
            <div class="control-label"><label>Template Colour</label></div>
                <div class="controls"> ....</div>
    </div>

    <div class="control-group ">       <------ target this control-group
            <div class="control-label"><label>Background Colour</label></div>
                <div class="controls"> ....</div>
    </div>

    ....
</div>   

在这种情况下，我可以在模板 CSS 中使用以下内容：

#attrib-advanced .control-group:nth-of-type(2){
    color:red;
}  

祝你好运！