Dreamweaverの記事リストの色を1行おきに変更する方法

藏色散人
リリース: 2019-12-28 09:10:10
オリジナル
2219 人が閲覧しました

Dreamweaverの記事リストの色を1行おきに変更する方法

dedeDreamweaver の記事リストの色を変更する方法は何ですか?

コードの一部を共有しましょう。 Dreamweaver の記事リストを作成できます。 記事リストの背景は、インターレースの色変更効果を実現します。具体的なコードは次のとおりです。必要に応じて変更できます。

推奨学習: 梦Weavercms

サンプル コードは次のとおりです:

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
[field:global runphp='yes' name=autoindex]
$adminbuy.cn_a="<li class=&#39;adminbuy.cn_c&#39;>"; 
$adminbuy.cn_b="<li class=&#39;&#39;adminbuy.cn_d&#39;>";
if ((@me%2)==0) @me=$&#39;adminbuy.cn_a; 
else @me=$&#39;adminbuy.cn_b;
[/field:global]
<a href=&#39;[field:arcurl/]&#39;>[field:title/]</a>
</li>
{/dede:arclist}
ログイン後にコピー

上記の例からわかります:

このコードでは、autoindex の自動インクリメントと、auto -increment number は法 2 自動インクリメント数値 %2==0 の場合、つまり自己増加数値が 2 で割り切れる場合 true となり $'adminbuy.cn_a を出力します この時のコードは:

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li class=&#39;&#39;adminbuy.cn_c&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}
ログイン後にコピー

2で割り切れない場合はfalseとなり$'adminbuy.cn_bを出力します この時のコードは:

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li class=&#39;&#39;adminbuy.cn_d&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}
ログイン後にコピー

で異なるクラススタイルを出力することでli タグ (CSS で 2l3.net_c と 2l3.net.com_d の 2 つのスタイルを定義する必要があります) を使用すると、インターレース カラーを変更できます。

このコードを分析することでアイデアが広がりますが、2 行ごとに下線を追加することは可能でしょうか?

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
[field:global runphp=&#39;yes&#39; name=autoindex]
if(@me%2==0)@me="<hr />";
else @me="";
[/field:global]
{/dede:arclist}
ログイン後にコピー

テスト後、上記のコードは実際に 2 行ごとに下線を追加できます。

以上がDreamweaverの記事リストの色を1行おきに変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート