Maison  >  Article  >  Tutoriel CMS  >  Comment ajouter des lignes horizontales toutes les 5 lignes dans la liste d'articles DedeCMS

Comment ajouter des lignes horizontales toutes les 5 lignes dans la liste d'articles DedeCMS

藏色散人
藏色散人original
2019-12-27 09:20:071627parcourir

Comment ajouter des lignes horizontales toutes les 5 lignes dans la liste d'articles DedeCMS

Comment ajouter des lignes horizontales toutes les 5èmes lignes dans la liste d'articles DedeCMS ?

J'ai vu que sur certains sites Web, dans certaines listes d'articles comme la section des articles recommandés, la liste des articles sur une page entière aurait l'air un peu brouillon, avec des articles répertoriés dans chaque ligne ou toutes les N lignes. . L'insertion de lignes horizontales a l'air plutôt bien, j'ai donc trouvé deux méthodes à partager avec vous ici

Apprentissage recommandé : Dreamweaver cms

Méthode 1 :

Le code est le suivant :

  {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}

Si vous définissez un CSS pertinent, tel que : "syh", il changera de couleur sur des lignes alternées

Méthode 2 :

Le code est la suivante :

  {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}

Si vous définissez du css pertinent, ajoutez une ligne horizontale toutes les 5 lignes. Pour 20 listes, ajoutez trois lignes au lieu de quatre. Généralement, il n'est pas nécessaire d'ajouter une ligne de séparation pour la dernière. un. Si vous souhaitez ajouter une ligne de séparation à la fin, supprimez-la.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn