|
|
|
| | Ce ((tutorial|tutoriel)) explique comme __afficher des images__ dans des pages __Wiki__, ainsi que dans les __nouvelles__, __forums__ et __blogs__. | | Ce ((tutorial|tutoriel)) explique comme __afficher des images__ dans des pages __Wiki__, ainsi que dans les __nouvelles__, __forums__ et __blogs__. |
| - | {maketoc} | |
| | !Formats supportés | | !Formats supportés |
| | ! Afficher une image | | ! Afficher une image |
| | Toutes les images dans les formats cités ci-dessus peuvent être affichées au moyen du ((pluginimg|plugiciel Img)). Les instructions suivantes se réfèrent à l'utilisation de ce plugiciel dans les pages wiki, mais s'applique aussi aux nouvelles, forums et blogs. | | Toutes les images dans les formats cités ci-dessus peuvent être affichées au moyen du ((pluginimg|plugiciel Img)). Les instructions suivantes se réfèrent à l'utilisation de ce plugiciel dans les pages wiki, mais s'applique aussi aux nouvelles, forums et blogs. |
| - | Pendant l'édition d'une page, cliquez sur l'icone ''image'' de la barre d'édition ({img src=pics/icons/picture.png}) pour afficher la fenêtre popup de paramètrage du ((plugiciel)). |
+ | Pendant l'édition d'une page, cliquez sur l'icone ''image'' de la barre d'édition ({img src=img/icons/picture.png}) pour afficher la fenêtre popup de paramètrage du ((plugiciel)). |
| | Ce plugiciel permet d'afficher des images hébergées sur le site ou sur des sites web externe, de les positionner, redimensioner, transformer en lien ou en miniatures, modifier l'apparence de leur conteneur, leur ajouter descriptions et titres et d'autres effets visuels, entre autres. Voir ((pluginimg|plugiciel Img)) pour des détails sur chacune de ces fonctions. | | Ce plugiciel permet d'afficher des images hébergées sur le site ou sur des sites web externe, de les positionner, redimensioner, transformer en lien ou en miniatures, modifier l'apparence de leur conteneur, leur ajouter descriptions et titres et d'autres effets visuels, entre autres. Voir ((pluginimg|plugiciel Img)) pour des détails sur chacune de ces fonctions. |
| | Comme expliqué dans la page ((File Gallery for Images|Images dans les galeries de fichiers)), il est possible de déposer une image dans les galeries de fichiers soit en allant directement la visiter ou via l'icone dédiée de la barre d'outils en mode d'édition, si celle-ci à été activée. | | Comme expliqué dans la page ((File Gallery for Images|Images dans les galeries de fichiers)), il est possible de déposer une image dans les galeries de fichiers soit en allant directement la visiter ou via l'icone dédiée de la barre d'outils en mode d'édition, si celle-ci à été activée. |
| - | Une fois que l'image est déposée, vous pouvez soit noter le numéro d'identification de l'image pour utilisation dans le ((pluginImg|plugiciel Img)) ou utiliser le sélecteur d'image de la barre d'outils (cette icone~hs~:~hs~{img src=pics/icons/pictures.png}) pour choisir l'image à afficher. |
+ | Une fois que l'image est déposée, vous pouvez soit noter le numéro d'identification de l'image pour utilisation dans le ((pluginImg|plugiciel Img)) ou utiliser le sélecteur d'image de la barre d'outils (cette icone~hs~:~hs~{img src=img/icons/pictures.png}) pour choisir l'image à afficher. |
| | !!Déplacer les images de wiki_up dans les galeries de fichiers | | !!Déplacer les images de wiki_up dans les galeries de fichiers |
| | *Le texte et l'image peuvent être inclus dans un conteneur ainsi~hs~: __~np~{DIV(class="clearfix")}...{DIV}~/np~__ | | *Le texte et l'image peuvent être inclus dans un conteneur ainsi~hs~: __~np~{DIV(class="clearfix")}...{DIV}~/np~__ |
| | *Ajoutez le paramètre __class=clearfix__ dans le plugiciel __~np~{img}~/np~__ | | *Ajoutez le paramètre __class=clearfix__ dans le plugiciel __~np~{img}~/np~__ |
| - | *Si la fonctionnalité "((Dynamic Variable|variables dynamiques))" est activée, utilisez __~np~%clear%~/np~__ et définissez cette variable avec le code suivant~hs~: |
+ | *Si la fonctionnalité "((Dynamic Variable|variables dynamiques))" est activée, utilisez __~np~%clear%~/np~__ et définissez cette variable avec le code suivant (en supprimant les arguments ~np~% %~/np~)~hs~: |
| | + {CODE(colors="html4strict")} <BR style="clear: both" /> {CODE} | | + {CODE(colors="html4strict")} <BR style="clear: both" /> {CODE} |
| - | + {img src="pics/icons/book_open.png"} La fonctionnalité "((Dynamic Variable|variables dynamiques))" peut être utilisée d'une manière similaire dans un block de contenu. |
+ | + {img src="img/icons/book_open.png"} La fonctionnalité "((Dynamic Variable|variables dynamiques))" peut être utilisée d'une manière similaire dans un block de contenu. |
| | !Lier sur un répertoire d'images de la galerie de fichiers | | !Lier sur un répertoire d'images de la galerie de fichiers |
| | :: lib/smarty/misc ::~|~ ~|~::1::~|~ | | :: lib/smarty/misc ::~|~ ~|~::1::~|~ |
| | :: lib/tikihelp/icons ::~|~ ~|~::19::~|~ | | :: lib/tikihelp/icons ::~|~ ~|~::19::~|~ |
| - | :: pics/''various'' ::~|~ ~|~::390::~|~ |
+ | :: img/''various'' ::~|~ ~|~::390::~|~ |
| | :: styles/''various'' ::~|~ ~|~::59::~|~ | | :: styles/''various'' ::~|~ ~|~::59::~|~ |
| | {FANCYTABLE} | | {FANCYTABLE} |