2013-06-11 53 views
0

我已經關注了Google搜索中出現的每個教程,以將簡單的CSS樣式添加到Magento CMS頁面。如何將CSS應用到Magento CMS頁面

我只是想下面的CSS

.list-checkmark{ 
    list-style-image: url("../images/Check-Mark-2.png"); 
    margin-left: 3em; 
} 

添加到我的網頁http://demo.txsystems.com/index.php/integration-service這是一個CMS頁面,我已經添加了以下

<reference name="head"> 
    <action method="addItem"> 
    <type>skin_css</type><script>MyCss.css</script> 
    </action> 
</reference> 

到這個頁的佈局更新XML在Magento管理員。

我已經加入了文件myCss.css到/ var/www/html等/護膚/前端/默認/ hellogamez/CSS

請有人可以幫助我瞭解,我缺少些什麼,上述圖像位於相應的圖像文件夾中。

當然在這裏的CMS頁面的是,我想套用格式的UL列表,我在Magento 1.7

<ul class="list-checkmark"> 
<li>PCs (laptop, desktop, tablet)</li> 
<li>Portable and Desktop Printing Systems</li> 
<li>First Responder Devices</li> 
<li>Vending Machines</li> 
<li>Handhelds</li> 
<li>Medical Devices and Testing Equipment</li> 
<li>Multifunctional Printers</li> 
<li>Industrial Control Systems</li> 
<li>Storage and Locker Systems</li> 
<li>Event Ticketing</li> 
<li>Asset Tracking</li> 
<li>Commercial Ovens</li> 
</ul> 

感謝

回答

5

的想法是好的,但看起來像你可能會從錯誤的位置拉出來。

<reference name="head"> 
    <action method="addItem"> 
    <type>skin_css</type><script>MyCss.css</script> 
    </action> 
</reference> 

...將從核心代碼文件夾中拉出。 而是使用:

<reference name="head"> 
<action method="addCss"><stylesheet>css/MyCss.css</stylesheet></action> 
</reference> 

...將從您所描述的位置加載: 皮膚/前端/默認/ hellogamez/CSS/MyCss.css ...並注入到你的頁面加載同一個集羣中作爲其他的CSS電話。

然後確保你的形象是在圖像上相同水平css文件夾即文件夾: 皮膚/前端/默認/ hellogamez /圖片/退房馬克 - 2.png

還要注意的是,如果你使用local.xml方法來加載站點範圍,你可以使用這個相同的代碼片段。

相關問題