Maison > Tutoriel CMS > DEDECMS > 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

藏色散人
Libérer: 2019-12-27 09:20:07
original
1672 Les gens l'ont consulté

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}
Copier après la connexion

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}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal