History: Insérer des images
Comparing version 7 with version 16
|
|||
Lines: 1-6 | Lines: 1-3 | ||
- | {REMARKSBOX(type=warning title=attention)}Page en cours de traduction{REMARKSBOX} | ||
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 | ||
Lines: 9-13 | Lines: 6-10 | ||
! 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= |
+ | 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. | ||
Lines: 39-47 | Lines: 36-48 | ||
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= |
+ | 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 | ||
- | À partir de ((Tiki8)), il est possible de déplacer les fichiers du répertoire img/wiki_up dans la galerie de fichier principale. Cette manipulation remplacera la syntaxe ''src="img/wiki_up/...'' par ''fileId=...'' des plugiciels Img dans les pages wiki. Le fichier |
+ | À partir de ((Tiki8)), il est possible de déplacer les fichiers du répertoire img/wiki_up dans la galerie de fichier principale. Cette manipulation remplacera la syntaxe ''src="img/wiki_up/...'' par ''fileId=...'' des plugiciels Img dans les pages wiki. Le fichier disparaitra du répertoire img/wiki_up/. # Sauvegardez la base de donnée et le répertoire img/ # Allez à la ((Administer Wiki|page d'administration wiki)), ((Wiki Features|onglet fonctionnalités ) # Cliquez sur "Move images from wiki_up to the home file gallery " dans la section image" |
!!Déposer une image dans les galeries d'images | !!Déposer une image dans les galeries d'images | ||
Lines: 55-59 | Lines: 56-60 | ||
Si la fonction de stockage en répertoire est activée, la fonction d'insertion d'image de l'éditeur ressemblera à ceci~hs~: | Si la fonction de stockage en répertoire est activée, la fonction d'insertion d'image de l'éditeur ressemblera à ceci~hs~: | ||
- | {img src="img/wiki_up/WikiSyntaxImages1.jpg" desc="Fonction d'insertion d'images" |
+ | {img src="img/wiki_up/WikiSyntaxImages1.jpg" desc="Fonction d'insertion d'images"} |
Pour ajouter une image, suivez cs instructions~hs~: | Pour ajouter une image, suivez cs instructions~hs~: | ||
Lines: 78-105 | Lines: 79-106 | ||
*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=" |
+ | + {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 | ||
- | + | Ce tableau montre ou les images sont localisées sur un site Tiki. Il donne le chemin d'accès, une brève description des fichiers inclus et (dans certains cas), son nombre (à partir de ((Tiki4))) et un lien vers la page our elle peuvent être aperçues. | |
- | {FANCYTABLE( head= :: images ::~|~ :: img ::~|~ ) :: img/avatars ::~|~ )) :: img/custom ::~|~ Images Files)) :: img/flags ::~|~ |
+ | {FANCYTABLE( head="Répertoire | Description | Qté | Lien")} :: images ::~|~ La plupart des icones ~|~::80::~|~ ((Directory Images Files) :: img ::~|~ Fond d'arrière-plan & logos ~|~::24::~|~ ((Directory Img Files ) :: img/avatars ::~|~ Avatars utilisateurs ~|~::580::~|~ ((Directory Img-Avatars )) :: img/custom ::~|~ Images pour les nouvelles, blogs, fichiers, etc. ~|~::27::~|~ ((Directory Img- Files)) :: img/flags ::~|~ Drapeaux du monde ~|~:: 249 ::~|~ ((Directory Img-Flags Files)) |
:: img/graph ::~|~ Graphs ~|~:: 4 ::~|~ | :: img/graph ::~|~ Graphs ~|~:: 4 ::~|~ | ||
- | :: img/icn ::~|~ :: img/icons ::~|~ :: img/icons2 ::~|~ ) :: img/mytiki ::~|~ |
+ | :: img/icn ::~|~ Icones des types de fichiers ~|~::34::~|~ ((Directory Img-Icn Files)) :: img/icons ::~|~ Collection de petite icones~|~::309::~|~ ((Directory Img-Icons Files) :: img/icons2 ::~|~ Encore plus de petites icones ~|~::164::~|~ ((Directory Img-Icons2 Files ) :: img/mytiki ::~|~ Icones utilisée dans "Mon Tiki" ~|~::16::~|~ ((Directory Img-MyTiki Files)) |
:: img/smiles ::~|~ Smilies ~|~::24::~|~ ((Directory Img-Smiles Files)) | :: img/smiles ::~|~ Smilies ~|~::24::~|~ ((Directory Img-Smiles Files)) | ||
- | :: img/tiki ::~|~ :: img/webmail ::~|~ :: img/wiki_up ::~|~ :: lib/adodb/cute_icons_for_site ::~|~ )) :: lib/fckeditor/''various'' ::~|~ |
+ | :: img/tiki ::~|~ Icones Tiki ~|~::6::~|~ ((Directory Img-Tiki Files)) :: img/webmail ::~|~ Icones utilisées dans le client de messagerie ~|~::14::~|~ ((Directory Img-WebMail Files) :: img/wiki_up ::~|~ Images téléchargées ~|~::varies::~| :: lib/adodb/cute_icons_for_site ::~|~ Icones ADOdb ~|~::2::~|~ ((Directory Lib-Adodb )) :: lib/fckeditor/''various'' ::~|~ Icones FCKeditor ~|~::222::~|~ |
:: lib/hawhaw/skin/magnify ::~|~ ~|~::1::~|~ | :: lib/hawhaw/skin/magnify ::~|~ ~|~::1::~|~ | ||
:: lib/htmlparser ::~|~ ~|~::1::~|~ | :: lib/htmlparser ::~|~ ~|~::1::~|~ | ||
Lines: 112-116 | Lines: 113-117 | ||
:: lib/smarty/misc ::~|~ ~|~::1::~|~ | :: lib/smarty/misc ::~|~ ~|~::1::~|~ | ||
:: lib/tikihelp/icons ::~|~ ~|~::19::~|~ | :: lib/tikihelp/icons ::~|~ ~|~::19::~|~ | ||
- | :: |
+ | :: img/''various'' ::~|~ ~|~::390::~|~ |
:: styles/''various'' ::~|~ ~|~::59::~|~ | :: styles/''various'' ::~|~ ~|~::59::~|~ | ||
{FANCYTABLE} | {FANCYTABLE} |