0

我已经按照 Google 搜索中出现的每个教程向 Magento CMS 页面添加简单的 CSS 样式。

我只想添加以下 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>

到 Magento admin 中此页面的布局更新 XML。

我已将文件 myCss.css 添加到 /var/www/html/skin/frontend/default/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>

谢谢

4

1 回答 1

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>

...将从您描述的位置加载：skin/frontend/default/hellogamez/css/MyCss.css ...并在与其他css调用相同的集群中注入您的页面加载。

然后确保您的图像位于与该 css 文件夹相同级别的 images 文件夹中，即：skin/frontend/default/hellogamez/images/Check-Mark-2.png

另请注意，如果您使用 local.xml 方法让它在站点范围内加载，您可以使用相同的代码片段。

于 2013-06-18T02:57:42.467 回答