1 | <div style="text-align:left;"> |
---|
2 | <h2>Extended Description</h2> |
---|
3 | |
---|
4 | <h3>Descriptions multilingues</h3> |
---|
5 | |
---|
6 | <p>Les descriptions multilingues se font entre les balises [lang=xx] et [/lang], ou xx est le code de la langue (par exemple fr, en, es, it, etc....) |
---|
7 | Il existe également 2 balises spéciales: [lang=default] et [lang=all]</p> |
---|
8 | |
---|
9 | <ul> |
---|
10 | <li><b>Exemple d'utilisation</b>:<br> |
---|
11 | <code>[lang=default] description par défaut [/lang]<br> |
---|
12 | [lang=fr] description en francais [/lang]<br> |
---|
13 | [lang=it] description en italien [/lang]</code> |
---|
14 | </li> |
---|
15 | </ul> |
---|
16 | |
---|
17 | <p>La description par défaut sera utilisée si la description dans la langue de l'utilisateur n'est pas définie. |
---|
18 | Si [lang=default] n'existe pas, tout ce qui est situé en dehors des balises de langues sera considéré comme description par défaut.</p> |
---|
19 | |
---|
20 | <p><u>Balise <i>all</i></u>: tout ce qui est situé entre les balises [lang=all] et [/lang] sera inclus dans la description, quelle que soit la langue de l'utilisateur. |
---|
21 | Ceci est particulièrement pratique pour inclure du code html ou javascript dans une description.</p> |
---|
22 | |
---|
23 | |
---|
24 | <h3>Descriptions étendues</h3> |
---|
25 | |
---|
26 | <p>Les balises de description étendue permettent d'avoir une description réduite pour la présentation d'un album, |
---|
27 | une description étendue pour la description qui s'affiche sur la page de l'album, |
---|
28 | ou deux descriptions différentes sur la page de l'album.</p> |
---|
29 | |
---|
30 | <p>La balise <!--more--> permet de rajouter du texte à la description réduite.<br> |
---|
31 | La balise <!--complete--> permet d'avoir 2 descriptions distinctes.<br> |
---|
32 | La balise <!--up-down--> permet d'avoir une description haute et une descrition basse.</p> |
---|
33 | |
---|
34 | <ul> |
---|
35 | <li><b><!--more--></b></li> |
---|
36 | </ul> |
---|
37 | <code>description réduite <!--more--> description détaillée</code> |
---|
38 | <p>Seule la description réduite sera affichée pour la présentation de l'album. |
---|
39 | Sur l'album lui-même, la description sera la description réduite + la description détaillée.</p> |
---|
40 | |
---|
41 | <ul> |
---|
42 | <li><b><!--complete--></b></li> |
---|
43 | </ul> |
---|
44 | <code>description réduite <!--complete--> description détaillée</code> |
---|
45 | <p>Seule la description réduite sera affichée pour la présentation de l'album. |
---|
46 | Par contre, sur l'album lui-même, la description sera uniquement la description détaillée, soit 2 descriptions différentes.</p> |
---|
47 | |
---|
48 | <ul> |
---|
49 | <li><b><!--up-down--></b></li> |
---|
50 | </ul> |
---|
51 | <code>description haute <!--up-down--> description basse</code> |
---|
52 | <p>Seule la description haute sera affichée pour la présentation de l'album. |
---|
53 | Sur l'album lui-même, la description haute sera affichée au-dessus des miniatures, alors que la description basse sera affichée au-dessous (à l'emplacement normal de la description).</p> |
---|
54 | |
---|
55 | |
---|
56 | <h3>Insérer un album ou une photo</h3> |
---|
57 | |
---|
58 | <ul> |
---|
59 | <li><b>[cat=xx]</b></li> |
---|
60 | </ul> |
---|
61 | <p>Cette balise permet d'insérer un album dans la description, avec xx le numéro de l'album</p> |
---|
62 | |
---|
63 | <ul> |
---|
64 | <li><b>[img=xx1 xx2 xx3 xxN;yyyy;name]</b></li> |
---|
65 | </ul> |
---|
66 | <p>Cette balise permet d'insérer une ou plusieurs vignettes dans la description, avec :<br><br> |
---|
67 | - xx le numéro de la photo ; il est possible de préciser le numéro de l'album parent après le numéro : <code>xx.ccc</code>.<br/> |
---|
68 | - yyyy (facultatif) prend soit la valeur <i>left</i>, soit la valeur <i>right</i> et permet de positionner la vignette de l'image sur la droite ou la gauche.<br/> |
---|
69 | - name (facultatif) prend soit la valeur <i>name</i>, soit la valeur <i>titleName</i> ; avec <i>name</i> le nom de la photo sera affiché sous la vignette, avec <i>titleName</i> le nom de la photo est renseigné dans la balise <i><title></i> de celle-ci.</p> |
---|
70 | |
---|
71 | <ul> |
---|
72 | <li><b>[photo id=xx album=yy size=M html=yes link=yes]</b></li> |
---|
73 | </ul> |
---|
74 | <p>Cette balise permet d'insérer une photo de n'importe quelle taille, avec:<br><br> |
---|
75 | - <code>id</code> le numéro de la photo<br> |
---|
76 | - <code>album</code> (facultatif) le numéro de l'album parent<br> |
---|
77 | - <code>size</code> (facultatif) la taille de la photo, parmi <i>{SQ, TH, XXS, S, M, L, XL, XXL}</i><br> |
---|
78 | - <code>html</code> (facultatif) si <i>no</i>, la balise ne retourne que l'URL de la photo, sans HTML<br> |
---|
79 | - <code>link</code> (facultatif) si <i>yes</i>, la photo est cliquable, vers sa page</p> |
---|
80 | |
---|
81 | <ul> |
---|
82 | <li><b>[random album=yy size=M html=yes link=yes]</b></li> |
---|
83 | </ul> |
---|
84 | <p>Même chose, sauf que la photo est prise aléatoirement dans <code>album</code></p> |
---|
85 | |
---|
86 | <ul> |
---|
87 | <li><b>[slider album=xx nb_images=10 random=no list=aa,bb,cc size=M speed=3 title=no effect=fade arrows=yes control=yes elastic=no]</b></li> |
---|
88 | </ul> |
---|
89 | <p>Permet d'insérer un diaporama (NivoSlider), avec (vous devez renseigner <code>album</code> OU <code>list</code>):<br><br> |
---|
90 | - <code>album</code> (facultatif) album source<br> |
---|
91 | - <code>nb_images</code> (facultatif) nombre maximal de photos dans le diaporama<br> |
---|
92 | - <code>random</code> (facultatif) choisir les photos aléatoirement dans l'album<br> |
---|
93 | - <code>list</code> (facultatif) une liste de photos séparées par une virgule<br> |
---|
94 | - <code>size</code> (facultatif) la taille des photos, parmi <i>{SQ, TH, XXS, S, M, L, XL, XXL}</i><br> |
---|
95 | - <code>speed</code> (facultatif) la vitesse du diaporama (en secondes)<br> |
---|
96 | - <code>title</code> (facultatif) afficher le nom de la photo<br> |
---|
97 | - <code>effect</code> (facultatif) effet de transition (voir <a href="http://nivo.dev7studios.com/support/jquery-plugin-usage/">la doc de NivoSlider</a>)<br> |
---|
98 | - <code>arrows</code> (facultatif) afficher les flèches de navigations<br> |
---|
99 | - <code>control</code> (facultatif) afficher la barre de navigation<br> |
---|
100 | - <code>elastic</code> (facultatif) adapter la taille du diaporama à chaque photo</p> |
---|
101 | |
---|
102 | |
---|
103 | <h3>Masquer un album</h3> |
---|
104 | |
---|
105 | <p>Balise <b><!--hidden--></b> dans le nom de l'album :<br> |
---|
106 | <br> |
---|
107 | - celui-ci ne sera plus affichée sur la page de l'album parent<br> |
---|
108 | - il reste visible dans le menu des albums</p> |
---|
109 | |
---|
110 | <h3>Masquer un album dans le menu</h3> |
---|
111 | |
---|
112 | <p>Balise <b><!--mb-hidden--></b> dans le nom de l'album :<br> |
---|
113 | <br> |
---|
114 | - celui-ci ne sera plus affichée dans le menu des albums<br> |
---|
115 | - il reste visible sur la page de l'album parent</p> |
---|
116 | |
---|
117 | <h3>Masquer une photo</h3> |
---|
118 | |
---|
119 | <p>Balise <b><!--hidden--></b> dans le nom de la photo :<br> |
---|
120 | <br> |
---|
121 | - celle-ci ne sera plus affichée sur la page des vignettes<br> |
---|
122 | - elle reste néanmoins visible au sein de l'album</p> |
---|
123 | |
---|
124 | <h3>Album redirigé</h3> |
---|
125 | |
---|
126 | <ul> |
---|
127 | <li><b>[redirect http://piwigo.org]</b></li> |
---|
128 | </ul> |
---|
129 | <p>Insérez cette balise dans la description d'un album afin de le rediriger vers l'URL de votre choix.</p> |
---|
130 | |
---|
131 | <ul> |
---|
132 | <li><b>[redirect img=xx]</b></li> |
---|
133 | </ul> |
---|
134 | <p>Redirige vers une photo de votre galerie où xx est l'identifiant de celle-ci; vous pouvez également préciser l'identifiant de l'album après le numéro de la photo : <code>xx.ccc</code>.</p> |
---|
135 | |
---|
136 | <ul> |
---|
137 | <li><b>[redirect cat=xx]</b></li> |
---|
138 | </ul> |
---|
139 | <p>Redirige vers un album de votre galerie où xx est l'identifiant de celui-ci.</p> |
---|
140 | |
---|
141 | <ul> |
---|
142 | <li><b>[redirect search=xx]</b></li> |
---|
143 | </ul> |
---|
144 | <p>Redirige vers une page de recherche de votre galerie où xx est l'identifiant de la page de recherche.</p> |
---|
145 | </div> |
---|