Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
| logiciel:internet:dokuwiki:plugins:wrap:start [2022/08/25 14:46] – modification externe 127.0.0.1 | logiciel:internet:dokuwiki:plugins:wrap:start [2022/10/01 23:26] (Version actuelle) – modification externe 127.0.0.1 | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| + | {{tag> | ||
| + | ====== wrap : conteneurs ====== | ||
| + | |||
| + | Ce plugin permet d' | ||
| + | * une certaine classe (avec beaucoup de classes prédéfinies utiles) | ||
| + | * une largeur | ||
| + | * une langue avec sa direction de texte associée | ||
| + | |||
| + | Il remplace entièrement : class, clearfloat, div_span_shorthand, | ||
| + | |||
| + | Il remplace en partie : box, button, color, columns, fontcolor, fontfamily, fontsize2, fontsize, highlight, layout, note, styler, tab, tablewidth, typography | ||
| + | |||
| + | ===== Pré-requis ===== | ||
| + | |||
| + | ===== Installation ===== | ||
| + | |||
| + | Recherchez et installez le plugin **wrap** à l'aide du gestionnaire d' | ||
| + | |||
| + | ===== Configuration ===== | ||
| + | |||
| + | ===== Utilisation ===== | ||
| + | |||
| + | ==== Syntaxe ==== | ||
| + | |||
| + | === Syntaxe de base === | ||
| + | |||
| + | <cli> | ||
| + | <WRAP classes #id width : | ||
| + | " | ||
| + | </ | ||
| + | |||
| + | **ou** | ||
| + | <block classes #id width : | ||
| + | " | ||
| + | </ | ||
| + | |||
| + | **ou** | ||
| + | <div classes #id width : | ||
| + | " | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | Un %%< | ||
| + | |||
| + | < | ||
| + | ou | ||
| + | < | ||
| + | ou | ||
| + | < | ||
| + | |||
| + | Un %%< | ||
| + | |||
| + | Il existe également une syntaxe abrégée (pour les wraps sans contenu) : | ||
| + | |||
| + | < | ||
| + | et | ||
| + | < | ||
| + | |||
| + | === Exemples === | ||
| + | |||
| + | Le plugin est livré avec une page d' | ||
| + | |||
| + | == Colonnes == | ||
| + | |||
| + | Semblable à columns, side_note, styler, tip | ||
| + | ; column | ||
| + | : identique à gauche dans les langues LTR et identique à droite dans les langues RTL | ||
| + | ; left | ||
| + | : identique à la colonne, vous permettra de faire flotter votre conteneur sur la gauche | ||
| + | ; right | ||
| + | : laissera le conteneur flotter à droite | ||
| + | ; center | ||
| + | : positionnera le conteneur au centre horizontal de la page | ||
| + | ; col2..col5 | ||
| + | : affichera le texte dans plusieurs colonnes déterminées par leur montant (2, 3, 4 ou 5) | ||
| + | ; colsmall, colmedium, collarge | ||
| + | : affichera également le texte dans plusieurs colonnes mais déterminé par leur largeur (petite, moyenne ou grande) | ||
| + | |||
| + | == Largeurs == | ||
| + | |||
| + | ; half | ||
| + | : ajuste deux colonnes en une ligne, doit être utilisé par paires | ||
| + | ; third | ||
| + | : ajuste trois ou deux colonnes en une ligne, doit être utilisé en triplets ou avec deux tiers | ||
| + | ; twothirds | ||
| + | : ajuste deux colonnes d' | ||
| + | ; quarter | ||
| + | : ajuste quatre colonnes d' | ||
| + | |||
| + | == Alignements == | ||
| + | |||
| + | Semblable à divalign, columns, styler | ||
| + | |||
| + | ; leftalign | ||
| + | : aligne le texte à gauche | ||
| + | ; rightalign | ||
| + | : aligne le texte à droite | ||
| + | ; centeralign | ||
| + | : centre le texte | ||
| + | ; justify | ||
| + | : justifie le texte | ||
| + | |||
| + | == Boîtes et notes == | ||
| + | |||
| + | Semblable à box, note, tip | ||
| + | |||
| + | ; box | ||
| + | : crée une boîte autour du conteneur (utilise les couleurs de style.ini) | ||
| + | ; info | ||
| + | : crée une boîte bleue avec une icône d' | ||
| + | ; important | ||
| + | : crée une boîte orange avec une icône important | ||
| + | ; alert | ||
| + | : crée une boîte rouge avec une icône d' | ||
| + | ; tip | ||
| + | : crée une boîte jaune avec une icône astuce | ||
| + | ; help | ||
| + | : crée une boîte violette avec une icône d'aide | ||
| + | ; todo | ||
| + | : crée une boîte cyan avec une icône "à faire" | ||
| + | ; download | ||
| + | : crée une boîte verte avec une icône de téléchargement | ||
| + | ; round | ||
| + | : ajoute des coins arrondis à n' | ||
| + | ; danger | ||
| + | : crée une note de sécurité danger rouge | ||
| + | ; warning | ||
| + | : crée une note de sécurité d' | ||
| + | ; caution | ||
| + | : crée une note de sécurité d' | ||
| + | ; notice | ||
| + | : crée une note de sécurité bleue | ||
| + | ; safety | ||
| + | : crée une note de sécurité verte | ||
| + | |||
| + | == Marques == | ||
| + | |||
| + | Semblable à emphasis, important_paragraf, | ||
| + | |||
| + | ; hi | ||
| + | : marque le texte en surbrillance | ||
| + | ; lo | ||
| + | : marque le texte comme moins significatif | ||
| + | ; em | ||
| + | : marque le texte comme particulièrement souligné | ||
| + | |||
| + | == Divers == | ||
| + | |||
| + | ; clear | ||
| + | : similaire à clearfloat, doit de préférence être utilisé avec des divs, c' | ||
| + | ; tabs | ||
| + | : si enroulé autour d'une liste de liens, les affichera sous forme d' | ||
| + | ; hide | ||
| + | : masque le texte par CSS | ||
| + | ; noprint | ||
| + | : affiche du texte à l' | ||
| + | ; onlyprint | ||
| + | : affiche le texte uniquement sur papier, mais pas à l' | ||
| + | ; pagebreak | ||
| + | : force une nouvelle page dans les impressions (non visibles à l' | ||
| + | ; nopagebreak | ||
| + | : essaie d' | ||
| + | ; spoiler | ||
| + | : montre du texte blanc sur fond blanc, qui ne doit être révélé qu'en le surlignant; similaire à hide | ||
| + | ; button | ||
| + | : lorsqu' | ||
| + | ; tablewidth | ||
| + | : définit la largeur des tables à l' | ||
| + | ; indent | ||
| + | : indente le texte, peut être utilisé à la place de tab | ||
| + | ; outdent | ||
| + | : «outdente» le texte, pourrait en partie être utilisé à la place de outdent | ||
| + | ; prewrap | ||
| + | : encapsule le texte dans des blocs de code pré-formatés, | ||
| + | |||
| + | === Largeurs === | ||
| + | |||
| + | Vous pouvez définir n' | ||
| + | |||
| + | Tous sauf les pourcentages seront réduits pour avoir la largeur maximale disponible sur les petits écrans. | ||
| + | |||
| + | Vous pouvez également utiliser les mots clés de largeur half, third, twothirds and quarter. Pour fonctionner correctement, | ||
| + | <cli> | ||
| + | <WRAP group> | ||
| + | <WRAP half column> | ||
| + | <WRAP half column> | ||
| + | </ | ||
| + | </ | ||
| + | se traduira par deux colonnes côte à côte, qui s' | ||
| + | |||
| + | === Sélecteur de barre d' | ||
| + | |||
| + | Le sélecteur de la barre d' | ||
| + | {{ logiciel: | ||
| + | ; columns | ||
| + | : creates a set of half columns | ||
| + | ; simple centered box | ||
| + | : creates a standard box (60% wide, centered) | ||
| + | ; info, tip, important, alert, help, download, todo box | ||
| + | : creates specifically themed boxes (also 60% wide, centered) | ||
| + | ; clear floats | ||
| + | : creates a %%<WRAP clear/> | ||
| + | ; especially emphasised, highlighted, | ||
| + | : creates the respective marks | ||
| + | |||
| + | ===== Désinstallation ===== | ||
| + | |||
| + | ===== Voir aussi ===== | ||
| + | |||
| + | * **(en)** [[https:// | ||
| + | |||
| + | ---- | ||
| + | //Basé sur << [[https:// | ||