0

Google 検索で出てきたすべてのチュートリアルに従って、シンプルな 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>

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 に答える