ホームページ > 記事 > CMS チュートリアル > DedeCMS記事一覧に5行おきに横線を追加する方法
DedeCMS 記事リストの 5 行ごとに水平線を追加するにはどうすればよいですか?
一部の Web サイトでは、おすすめ記事セクションなどの特定の記事リストで、ページ全体の記事リストが各行またはすべての行に記事がリストされ、少し乱雑に見えることがあります。 N 行。水平線を挿入すると、かなり見栄えがよくなります。そこで、ここで 2 つの方法を見つけましたので、共有します。
推奨学習: 梦Weavercms
方法 1:
コードは次のとおりです:
{dede:arclist typeid='1′ titlelen='40′ row='20′ typeid="" } ·<a class="syh" href=https://www.xxx.net/"[field:arcurl /]" title="[field:title function='htmlspecialchars(@me)'/]" target=_blank>[field:title function="cn_substr(@me,48)"/]</a> [field:global name=autoindex runphp="yes"]if(@me%10==0)@me="<hr /> "; else @me=""; [/field:global] {/dede:arclist}
「syh」などの関連する CSS を定義すると、1 行おきに色が変わります
方法 2:
コードは次のとおりです:
{dede:arclist typeid='1′ titlelen='40′ row='20′ typeid="" } <li><a href=https://www.xxx.net/"[field:arcurl/]">[field:title/]</a></li> [field:global name=autoindex runphp="yes"](@me % 5 == 0)?@me="<li class=\"bline\"></li>":@me="";[/field:global]{/dede:arclist}
関連するCSSを定義する場合は、5行ごとに横線を追加します。20個のリストの場合は、4行ではなく3行を追加します。通常、区切り文字を追加する必要はありません最後に区切り線を追加したい場合は、それを削除します。
以上がDedeCMS記事一覧に5行おきに横線を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。