Browse Source

On revoit le menu de navigation entre les articles d'une même rubrique pour qu'il prenne moins de place.

La question qui se pose est de savoir ce qu'on en fait quand il y a beaucoup d'articles dans une rubrique car ça va devenir illisible : ajouter une pagination ? Ajouter une config pour le masquer ? Ne pas l'afficher dans le cas d'un blog ? Le supprimer tout court en se disant qu'il y a un accès direct aux rubriques dans le menu principal ?

@chankalan qu'en penses-tu ?
master
jeanmarie 5 months ago
parent
commit
54507411eb
  1. 19
      article.html
  2. 4
      css/html5up_massively.spip.css

19
article.html

@ -26,17 +26,18 @@
<!-- Main -->
<div id="main">
<BOUCLE_articles(ARTICLES){id_rubrique}{1,2}> </BOUCLE_articles>[(#CONFIG{html5up/sousnavmasquee}|=={on}|oui)
<a href="#sousnavmasquee" id="sousnavmasqueeToggle"><i class="icon solid fa-bars"></i> Articles</a>
<div id="sousnavmasquee">
<INCLURE{fond=inclure/sousnav, id_rubrique, id_article, masquee=oui} />
</div>][(#CONFIG{html5up/sousnavmasquee}|=={on}|non)<div id="sousnav">
<INCLURE{fond=inclure/sousnav, id_rubrique, id_article} />
</div>]
</B_articles>
<section class="post">
<BOUCLE_articles(ARTICLES){id_rubrique}{1,2}> </BOUCLE_articles>[(#CONFIG{html5up/sousnavmasquee}|=={on}|oui)
<a href="#sousnavmasquee" id="sousnavmasqueeToggle"><i class="icon solid fa-bars"></i> Articles</a>
<div id="sousnavmasquee">
<INCLURE{fond=inclure/sousnav,env,ajax,id_rubrique,id_article,masquee=oui} />
</div>][(#CONFIG{html5up/sousnavmasquee}|=={on}|non)<div id="sousnav">
<INCLURE{fond=inclure/sousnav,env,ajax,id_rubrique,id_article} />
</div>]
</B_articles>
<header class="major">
[<p class="surtitre #EDIT{surtitre}">(#SURTITRE)</p>]
[<h1 class="#EDIT{titre}">(#TITRE)</h1>]

4
css/html5up_massively.spip.css

@ -145,11 +145,11 @@ img { height: auto; max-width:100%; }
#sousnavmasquee nav ul li a { display:inline-block; padding:0.4rem; border-bottom:0; }
#sousnavmasquee nav ul li a.active { }
#sousnav { margin-top:-3rem; margin-bottom:3rem; }
#sousnav nav { padding: 0 0.5em; font-size: 0.75em; }
#sousnav nav ul { padding:0; margin:0; list-style:none; }
#sousnav nav ul:after { display:block; content:''; width:100%; clear:both; }
#sousnav nav ul li { float:left; padding:0; margin-right:1rem; }
#sousnav nav ul li a { display:inline-block; padding:0.8rem 1.2rem; border-bottom:1px solid; }
#sousnav nav ul li a { display:inline-block; padding: 0.2rem 0.6rem; border-bottom:1px solid; }
#sousnav nav ul li a.active { }

Loading…
Cancel
Save