2014-09-13 82 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