Documentation du Dr FRAPPE

Ce wiki regroupe les résultats de mes expériences en informatique accumulés au cours de mes recherches sur le net.

Dans la mesure du possible, j'ai cité mes sources ; il en manque certainement… :-)

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
logiciel:internet:dokuwiki:plugins:numberedheadings:start [2020/10/18 15:34] – [Configuration] adminlogiciel:internet:dokuwiki:plugins:numberedheadings:start [2022/08/13 22:27] (Version actuelle) – modification externe 127.0.0.1
Ligne 3: Ligne 3:
 ======  Numérotation des titres par CSS uniquement (remplace numberedheadings) ====== ======  Numérotation des titres par CSS uniquement (remplace numberedheadings) ======
  
-Voici la numérotation des titres basée uniquement sur les CSS (remplace le plugin numberedheadings)+Voici l'approche CSS pure pour la numérotation des titres.
  
-Le code CSS suivant numérote tous les titres du wiki, ainsi que ceux de la table des matières.+Le code CSS qui suit numérote tous les titres du wiki, ainsi que ceux de la table des matières.
  
-Mettez-le : +Placez-le dans l'un des CSS du répertoire user de votre thème (ainsi qu'à nouveau dans le print.css pour avoir la numérotation lors de l'impression) 
-  * soit dans un fichier CSS de votre modèle (et une deuxième fois dans print.css, si vous voulez que la numérotation soit imprimable) +<code css [dokuwiki]/lib/tpl/THEME/user/screen.css> 
-  * ou dans un userstyle.css dans votre répertoire ./conf (ou userall.css s'il le faut) également utilisé pour la version imprimée): +/* Numérotation automatique des titres via CSS  
 +https://philarcher.org/diary/2013/headingnumbers/ */
  
-Pour le modèle par défaut :<code - [dokuwiki]/lib/tpl/dokuwiki/css/userstyle.css> +body {counter-reset: h2} 
-.dokuwiki .page {counter-reset: level1;} +h2 {counter-reset: h3} 
-.dokuwiki #dw__toc:before, .dokuwiki #dw__toc:after {counter-reset: level1; content: "";} +h3 {counter-reset: h4} 
-.dokuwiki #dw__toc h3:before{content: ""} +h4 {counter-reset: h5} 
- +h5 {counter-reset: h6}
-.dokuwiki .page h1, .dokuwiki ul.toc li.level1 {counter-reset: level2;} +
-.dokuwiki .page h2, .dokuwiki ul.toc li.level2 {counter-reset: level3;} +
-.dokuwiki .page h3, .dokuwiki ul.toc li.level3 {counter-reset: level4;} +
-.dokuwiki .page h4, .dokuwiki ul.toc li.level4 {counter-reset: level5;} +
-.dokuwiki .page h5, .dokuwiki ul.toc li.level5 {} +
- +
-.dokuwiki .page h1:before, +
-.dokuwiki ul.toc li.level1 a:before { +
-    content: counter(level1) " "; +
-    counter-increment: level1; +
-} +
-.dokuwiki .page h2:before, +
-.dokuwiki ul.toc li.level2 a:before { +
-    content: counter(level1) "." counter(level2) " "; +
-    counter-increment: level2; +
-} +
-.dokuwiki .page h3:before, +
-.dokuwiki ul.toc li.level3 a:before { +
-    content: counter(level1) "." counter(level2) "." counter(level3) " "; +
-    counter-increment: level3; +
-} +
-.dokuwiki .page h4:before, +
-.dokuwiki ul.toc li.level4 a:before { +
-    content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " "; +
-    counter-increment: level4; +
-} +
-.dokuwiki .page h5:before, +
-.dokuwiki ul.toc li.level5 a:before { +
-    content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " "; +
-    counter-increment: level5; +
-} +
-</code> +
- +
-<WRAP center round info 60%> +
-Cela fonctionne pour le modèle par défaut. +
- +
-Pour les autres modèles, chaque occurrence de **.page** doit être remplacée par la boîte entourant le contenu du modèle (probablement **#content** ou similaire). +
-<code - /doc/lib/tpl/monobook/user/screen.css> +
-.dokuwiki #content {counter-reset: level1;} +
-.dokuwiki #dw__toc:before, .dokuwiki #dw__toc:after {counter-reset: level1; content: "";} +
-.dokuwiki #dw__toc h3:before{content: ""} +
- +
-.dokuwiki #content h1, .dokuwiki ul.toc li.level1 {counter-reset: level2;} +
-.dokuwiki #content h2, .dokuwiki ul.toc li.level2 {counter-reset: level3;} +
-.dokuwiki #content h3, .dokuwiki ul.toc li.level3 {counter-reset: level4;} +
-.dokuwiki #content h4, .dokuwiki ul.toc li.level4 {counter-reset: level5;} +
-.dokuwiki #content h5, .dokuwiki ul.toc li.level5 {} +
- +
-.dokuwiki #content h1:before, +
-.dokuwiki ul.toc li.level1 a:before { +
-    content: counter(level1) " "; +
-    counter-increment: level1; +
-} +
-.dokuwiki #content h2:before, +
-.dokuwiki ul.toc li.level2 a:before { +
-    content: counter(level1) "." counter(level2) " "; +
-    counter-increment: level2; +
-} +
-.dokuwiki #content h3:before, +
-.dokuwiki ul.toc li.level3 a:before { +
-    content: counter(level1) "." counter(level2) "." counter(level3) " "; +
-    counter-increment: level3; +
-} +
-.dokuwiki #content h4:before, +
-.dokuwiki ul.toc li.level4 a:before { +
-    content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " "; +
-    counter-increment: level4; +
-} +
-.dokuwiki #content h5:before, +
-.dokuwiki ul.toc li.level5 a:before { +
-    content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " "; +
-    counter-increment: level5; +
-} +
-</code> +
-</WRAP> +
- +
-===== Pré-requis ===== +
- +
-===== Installation ===== +
- +
-==== Modification pour exclure de la numérotation le premier h1 (titre de la page) ==== +
- +
-<code - [dokuwiki]/lib/tpl/monobook/user/screen.css> +
-.dokuwiki #content {counter-reset: level1;} +
-.dokuwiki #dw__toc:before, +
-.dokuwiki #dw__toc:after {counter-reset: level1; content: "";} +
-.dokuwiki #dw__toc h3:before{content: ""}+
    
-.dokuwiki #content h1, .dokuwiki ul.toc li.level1 {counter-reset: level2;} +h2:before {counter-increment: h2; content: counter(h2) ". "} 
-.dokuwiki #content h2, .dokuwiki ul.toc li.level2 {counter-reset: level3;} +h3:before {counter-increment: h3; content: counter(h2) "." counter(h3) ". "} 
-.dokuwiki #content h3, .dokuwiki ul.toc li.level3 {counter-reset: level4;} +h4:before {counter-increment: h4; content: counter(h2) "." counter(h3) "." counter(h4) ". "} 
-.dokuwiki #content h4, .dokuwiki ul.toc li.level4 {counter-reset: level5;} +h5:before {counter-increment: h5; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "} 
-.dokuwiki #content h5, .dokuwiki ul.toc li.level5 {}+h6:before {counter-increment: h6; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "}
    
-.dokuwiki #content h1:before, +h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before, #dw__toc h3:before, #panel h5:before { content: ""; counter-increment: none } 
-.dokuwiki ul.toc li.level1 a:before { +  
-    content: counter(level1) " "; +/* Numérotation automatique de la table des matières (TOC) via CSS 
-    counter-increment: level1;+https://www.freecodecamp.org/news/numbering-with-css-counters/ */ 
 +.dokuwiki #dw__toc ul ul { 
 +  list-style-type: none; 
 +  counter-reset: css-counters 0; /* intializes counter, set -1 for zero-based counters */
 } }
-.dokuwiki #content h1.sectionedit1:before, +  
-.dokuwiki ul.toc li.level1:first-child a:before { +.dokuwiki #dw__toc ul ul li div.li:before { 
-    content: none;+  counter-increment: css-counters; 
 +  content: counters(css-counters, ".") " "; /* generates inherited counters from parents */
 } }
-.dokuwiki #content h2:before, 
-.dokuwiki ul.toc li.level2 a:before { 
-    content: counter(level1) "." counter(level2) " "; 
-    counter-increment: level2; 
-} 
-.dokuwiki #content h3:before, 
-.dokuwiki ul.toc li.level3 a:before { 
-    content: counter(level1) "." counter(level2) "." counter(level3) " "; 
-    counter-increment: level3; 
-} 
-.dokuwiki #content h4:before, 
-.dokuwiki ul.toc li.level4 a:before { 
-    content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " "; 
-    counter-increment: level4; 
-} 
-.dokuwiki #content h5:before, 
-.dokuwiki ul.toc li.level5 a:before { 
-    content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " "; 
-    counter-increment: level5; 
-} 
-</code> 
-=== Variante === 
- 
-Placez le fichier suivant dans l'un des CSS de votre thème (template) (ainsi que dans le **print.css** pour avoir la numérotation lors de l'impression) ou dans un **userstyle.css** dans votre répertoire **./conf** : 
- 
-Pour le thème monobook : 
-<code - /doc/lib/tpl/monobook/user/screen.css> 
-/* 
-   Place for user defined CSS rules (screen media) - this file can safely be 
-   preserved when updating. See README for details. 
- 
-   Note: All example files are delivered with the ".dist" extensions to make 
-         sure your changes do not get overwritten when updating the template. 
-         Just remove the ".dist" extension to use them. 
-*/ 
  
-/* headlines */+/* Styles des titres */
 div#content .dokuwiki h1, div#content .dokuwiki h1,
 div#content .dokuwiki h2 { div#content .dokuwiki h2 {
   font-weight: bold;   font-weight: bold;
 } }
 +
 div#content .dokuwiki h3, div#content .dokuwiki h3,
 div#content .dokuwiki h4, div#content .dokuwiki h4,
Ligne 167: Ligne 51:
 } }
  
-div#content .dokuwiki {counter-reset: level1;} +div#content .dokuwiki h1 { 
-.dokuwiki #dw__toc:before, +  font-size: 160%;
-.dokuwiki #dw__toc:after {counter-reset: level1; content: "";} +
-.dokuwiki #dw__toc h3:before{content: ""} +
-  +
-div#content .dokuwiki h1, .toc-body ul.toc li.level1 {counter-reset: level2;} +
-div#content .dokuwiki h2, .toc-body ul.toc li.level2 {counter-reset: level3;} +
-div#content .dokuwiki h3, .toc-body ul.toc li.level3 {counter-reset: level4;} +
-div#content .dokuwiki h4, .toc-body ul.toc li.level4 {counter-reset: level5;} +
-div#content .dokuwiki h5, .toc-body ul.toc li.level5 {} +
-  +
-div#content .dokuwiki h1:before, +
-.dokuwiki ul.toc li.level1 a:before { +
-    content: counter(level1) ". "; +
-    counter-increment: level1;+
 } }
-div#content .dokuwiki h1.sectionedit1:before, + 
-.dokuwiki ul.toc li.level1 a:before { +div#content .dokuwiki h2 { 
-    content: none;+  font-size: 140%;
 } }
-div#content .dokuwiki h2:before, + 
-.dokuwiki ul.toc li.level2 a:before { +div#content .dokuwiki h3 { 
-    content: counter(level2) ". "; +  font-size: 132%;
-    counter-increment: level2;+
 } }
-div#content .dokuwiki h3:before, + 
-.dokuwiki ul.toc li.level3 a:before { +div#content .dokuwiki h4 { 
-    content: counter(level2) "." counter(level3) ". "; +  font-size: 116%;
-    counter-increment: level3;+
 } }
-div#content .dokuwiki h4:before, + 
-.dokuwiki ul.toc li.level4 a:before { +div#content .dokuwiki h5 { 
-    content: counter(level2) "." counter(level3) "." counter(level4) ". "; +  font-size: 100%;
-    counter-increment: level4;+
 } }
-div#content .dokuwiki h5:before, + 
-.dokuwiki ul.toc li.level5 a:before { +div#content .dokuwiki h6 { 
-    content: counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) ". "; +  font-size: 80%; 
-    counter-increment: level5; +}</code> 
-} + 
-</code>+ 
 +===== Pré-requis ===== 
 + 
 +===== Installation ===== 
 + 
 + 
 ===== Configuration ===== ===== Configuration =====
  
-Ce CSS fonctionne avec monobook :<code - screen.css> 
-div.dokuwiki {counter-reset: level1;} 
-div.dokuwiki #dw__toc:before, 
-div.dokuwiki #dw__toc:after {counter-reset: level1; content: "";} 
-div.dokuwiki #dw__toc h3:before{content: ""} 
-  
-div.dokuwiki h1, .toc-body ul.toc li.level1 {counter-reset: level2;} 
-div.dokuwiki h2, .toc-body ul.toc li.level2 {counter-reset: level3;} 
-div.dokuwiki h3, .toc-body ul.toc li.level3 {counter-reset: level4;} 
-div.dokuwiki h4, .toc-body ul.toc li.level4 {counter-reset: level5;} 
-div.dokuwiki h5, .toc-body ul.toc li.level5 {} 
-  
-div.dokuwiki h1:before, 
-div.dokuwiki ul.toc li.level1 a:before { 
-    content: counter(level1) ". "; 
-    counter-increment: level1; 
-} 
-div.dokuwiki h1.sectionedit1:before, 
-div.dokuwiki ul.toc li.level1 a:before { 
-    content: none; 
-} 
-div.dokuwiki h2:before, 
-div.dokuwiki ul.toc li.level2 a:before { 
-    content: counter(level1) "." counter(level2) ". "; 
-    counter-increment: level2; 
-} 
-div.dokuwiki h3:before, 
-div.dokuwiki ul.toc li.level3 a:before { 
-    content: counter(level1) "." counter(level2) "." counter(level3) ". "; 
-    counter-increment: level3; 
-} 
-div.dokuwiki h4:before, 
-div.dokuwiki ul.toc li.level4 a:before { 
-    content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) ". "; 
-    counter-increment: level4; 
-} 
-div.dokuwiki h5:before, 
-div.dokuwiki ul.toc li.level5 a:before { 
-    content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) ". "; 
-    counter-increment: level5; 
-} 
-</code> 
 ===== Utilisation ===== ===== Utilisation =====
  
Ligne 258: Ligne 90:
 ===== Voir aussi ===== ===== Voir aussi =====
  
-  * **(fr)** [[https://www.dokuwiki.org/start?id=tips:numbered_headings]]+  * **(en)** [[https://www.dokuwiki.org/start?id=tips:numbered_headings]]
  
 ---- ----
-//Basé sur << [[https://www.dokuwiki.org/start?id=tips:numbered_headings|Article]] >> par Geabulek.//+//Basé sur << [[https://www.dokuwiki.org/start?id=tips:numbered_headings|Numbered headings per CSS only]] >> par Geabulek.//

Piste :