Heim >CMS-Tutorial >DEDECMS >So ändern Sie die Farbe der Dreamweaver-Artikelliste in jeder zweiten Zeile
Wie ändere ich die Farbe der Dreamweaver-Artikelliste?
Lassen Sie mich einen Teil des Codes mit Ihnen teilen Das kann Dreamweaver machen Der Hintergrund der Artikelliste realisiert den Interlaced-Farbwechseleffekt: Der spezifische Code lautet wie folgt, Sie können ihn entsprechend Ihren eigenen Anforderungen ändern:
Empfohlenes Lernen: Dream Weaver cms
Der Beispielcode lautet wie folgt:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} [field:global runphp='yes' name=autoindex] $adminbuy.cn_a="<li class='adminbuy.cn_c'>"; $adminbuy.cn_b="<li class=''adminbuy.cn_d'>"; if ((@me%2)==0) @me=$'adminbuy.cn_a; else @me=$'adminbuy.cn_b; [/field:global] <a href='[field:arcurl/]'>[field:title/]</a> </li> {/dede:arclist}
Wie aus dem obigen Beispiel ersichtlich ist:
Dieser Code verwendet Autoindex zum Inkrementieren, und die inkrementierte Zahl ist Modulo 2. Wenn die automatisch inkrementierte Zahl %2==0 ist, das heißt, wenn die sich selbst erhöhende Zahl durch 2 teilbar ist, ist sie wahr und gibt $'adminbuy.cn_a aus Wenn es nicht durch 2 teilbar ist, ist es falsch und gibt $'adminbuy.cn_b aus. Zu diesem Zeitpunkt lautet der Code:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} <li class=''adminbuy.cn_c'><a href='[field:arcurl/]'>[field:title/]</a></li> {/dede:arclist}
Durch die Ausgabe verschiedener Klassenstile im li-Tag (zwei Stile, 2l3.net_c und 2l3.net.com_d müssen im CSS definiert werden), die Interlaced-Farbe kann geändert werden.
Durch die Analyse dieses Codes können wir auch unser Denken erweitern. Ist es möglich, alle zwei Zeilen eine Unterstreichung hinzuzufügen?
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} <li class=''adminbuy.cn_d'><a href='[field:arcurl/]'>[field:title/]</a></li> {/dede:arclist}
Nach dem Testen kann das Obige tatsächlich alle 2 Zeilen eine Unterstreichung hinzufügen.
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Farbe der Dreamweaver-Artikelliste in jeder zweiten Zeile. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!