コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > CMS チュートリアル > DEDECMS > DedeCMS記事一覧に5行おきに横線を追加する方法

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

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

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 サイトの他の関連記事を参照してください。

関連ラベル：
dedecms
ソース：php.cn
前の記事：ドメイン名をDedeCMS Wap.phpにバインドする方法 次の記事：dedecmsタグタグでランダムな色とフォントサイズを実装する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2244
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2384
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1992
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1881
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1950
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート