2014-09-13 161 views
0

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

<?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>[email protected]</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> 

现在我想,我的标签标签变成红色。我怎样才能做到这一点?

+0

你想要的标签,成为管理部分或站点的文字显示红色的红? – emmanuel 2014-09-13 18:42:29

+0

在管理部分 – 2014-09-13 18:55:47

回答

1

如果我正确理解你的问题,我认为你可以用直接CSS来做到这一点。例如,假设我想为Joomla模板管理器中的protostar模板的第二个标签着色,请使用Web Instector找出类和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; 
} 

祝你好运!

screenshot

+0

谢谢大卫,我该如何添加js脚本例如当我点击运行js函数的示例中的选择徽标部分时。 – 2014-09-15 12:05:05

+0

@VaheAkhsakhalyan,扩展开发不是我的专长,但不会像往常一样写JS,将它保存到模块中的JS文件夹中,然后在您的模块中> tmpl> default.php链接到您的js函数? – 2014-09-16 00:57:37