DedeCMS記事一覧に5行おきに横線を追加する方法

藏色散人
リリース: 2019-12-27 09:20:07
オリジナル
1629 人が閲覧しました

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=&#39;htmlspecialchars(@me)&#39;/]"
  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=&#39;1′ titlelen=&#39;40′ row=&#39;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 サイトの他の関連記事を参照してください。

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