CINXE.COM

<!DOCTYPE html> <html lang="fr" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>fr:images [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="index,follow"/> <meta name="keywords" content="fr,images"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/fr:images?do=index" title="Plan du site"/> <link rel="manifest" href="/lib/exe/manifest.php"/> <link rel="alternate" type="application/rss+xml" title="Derniers changements" href="/feed.php"/> <link rel="alternate" type="application/rss+xml" title="Catégorie courante" href="/feed.php?mode=list&ns=fr"/> <link rel="edit" title="Modifier cette page" href="/fr:images?do=edit"/> <link rel="alternate" type="text/html" title="HTML brut" href="/_export/xhtml/fr:images"/> <link rel="alternate" type="text/plain" title="Wiki balise" href="/_export/raw/fr:images"/> <link rel="canonical" href="https://www.dokuwiki.org/fr:images"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <link rel="alternate" hreflang="en" href="https://www.dokuwiki.org/images"/> <link rel="alternate" hreflang="da" href="https://www.dokuwiki.org/da:images"/> <link rel="alternate" hreflang="de" href="https://www.dokuwiki.org/de:images"/> <link rel="alternate" hreflang="es" href="https://www.dokuwiki.org/es:images"/> <link rel="alternate" hreflang="it" href="https://www.dokuwiki.org/it:images"/> <link rel="alternate" hreflang="ja" href="https://www.dokuwiki.org/ja:images"/> <link rel="alternate" hreflang="ko" href="https://www.dokuwiki.org/ko:images"/> <link rel="alternate" hreflang="nl" href="https://www.dokuwiki.org/nl:images"/> <link rel="alternate" hreflang="pl" href="https://www.dokuwiki.org/pl:images"/> <link rel="alternate" hreflang="pt-br" href="https://www.dokuwiki.org/pt-br:images"/> <link rel="alternate" hreflang="ru" href="https://www.dokuwiki.org/ru:images"/> <link rel="alternate" hreflang="zh" href="https://www.dokuwiki.org/zh:images"/> <link rel="alternate" hreflang="x-default" href="https://www.dokuwiki.org/images"/> <script >var NS='fr';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"fr:images","namespace":"fr","ACT":"show","useHeadingNavigation":0,"useHeadingContent":0};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer="defer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer="defer"></script> <script src="/lib/exe/js.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e&lang=fr" defer="defer"></script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="shortcut icon" href="/lib/tpl/dokuwiki/images/favicon.ico" /> <link rel="apple-touch-icon" href="/lib/tpl/dokuwiki/images/apple-touch-icon.png" /> <meta name="verify-v1" content="OVxl3gsCv2MhZqh1cBQyl0JytWXSwXMjyvwc+4w3WtA=" /> <meta name="google-site-verification" content="YhTVK69hW94ZXUtc2zSLPxTkZKbZIn0zK67mz5WQB-E" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83791-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83791-1', { 'anonymize_ip': true }); </script> </head> <body> <div id="dokuwiki__site"><div id="dokuwiki__top" class="site dokuwiki mode_show tpl_dokuwiki showSidebar hasSidebar">  <header id="dokuwiki__header"><div class="pad group"> <div class="headings group"> <ul class="a11y skip"> <li><a href="#dokuwiki__content">Aller au contenu</a></li> </ul> <h1 class="logo"><a href="/start" accesskey="h" title="Accueil [h]"><img src="/lib/tpl/dokuwiki/images/logo.png" width="64" height="64" alt="" /><span>DokuWiki</span></a></h1> <p class="claim">It's better when it's simple</p> </div> <div class="tools group">  <div id="dokuwiki__usertools"> <h3 class="a11y">Outils pour utilisateurs</h3> <ul> <li class="action login"><a href="/fr:images?do=login&sectok=" title="S'identifier" rel="nofollow"><span>S'identifier</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17.25V14H3v-4h7V6.75L15.25 12 10 17.25M8 2h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4h2v4h9V4H8v4H6V4a2 2 0 0 1 2-2z"/></svg></a></li> </ul> </div>  <div id="dokuwiki__sitetools"> <h3 class="a11y">Outils du site</h3> <form action="/start" method="get" role="search" class="search doku_form" id="dw__search" accept-charset="utf-8"><input type="hidden" name="do" value="search" /><input type="hidden" name="id" value="fr:images" /><div class="no"><input name="q" type="text" class="edit" title="[F]" accesskey="f" placeholder="Rechercher" autocomplete="on" id="qsearch__in" value="" /><button value="1" type="submit" title="Rechercher">Rechercher</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> <div class="mobileTools"> <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="fr:images" /><select name="do" class="edit quickselect" title="Outils"><option value="">Outils</option><optgroup label="Outils de la page"><option value="edit">Modifier cette page</option><option value="revisions">Anciennes révisions</option><option value="backlink">Liens de retour</option></optgroup><optgroup label="Outils du site"><option value="recent">Derniers changements</option><option value="media">Gestionnaire Multimédia</option><option value="index">Plan du site</option></optgroup><optgroup label="Outils pour utilisateurs"><option value="login">S'identifier</option></optgroup></select><button type="submit">></button></div></form> </div> <ul> <li class="action recent"><a href="/fr:images?do=recent" title="Derniers changements [r]" rel="nofollow" accesskey="r">Derniers changements</a></li><li class="action media"><a href="/fr:images?do=media&ns=fr" title="Gestionnaire Multimédia" rel="nofollow">Gestionnaire Multimédia</a></li><li class="action index"><a href="/fr:images?do=index" title="Plan du site [x]" rel="nofollow" accesskey="x">Plan du site</a></li> </ul> </div> </div>  <div class="breadcrumbs"> <div class="trace"><span class="bchead">Piste :</span> <span class="bcsep">•</span> <span class="curid"><bdi><a href="/fr:images" class="breadcrumbs" title="fr:images">images</a></bdi></span></div> </div> <hr class="a11y" /> </div></header> <div class="wrapper group">  <nav id="dokuwiki__aside" aria-label="Panneau latéral"><div class="pad aside include group"> <h3 class="toggle">Panneau latéral</h3> <div class="content"><div class="group"> <div class="notify">Cette traduction est plus ancienne que <a href="/images" class="wikilink1">la page originale</a> et est peut-être dépassée. Voir ce qui a <a href="/images?do=diff&rev=1515066538" class="wikilink1">changé</a>.</div><div class="plugin_translation is-dropdown"><span class="title">Traductions de cette page<sup><a href="/localization" class="wikilink1" title="localization" data-wiki-id="localization">?</a></sup>: </span><ul><li class="a"><a class="wikilink1" title="English" href="/images">English (en)</a></li><li class="a"><a class="wikilink2" title="|العربية" href="/ar:images">|العربية (ar)</a></li><li class="a"><a class="wikilink2" title="Català" href="/ca:images">Català (ca)</a></li><li class="a"><a class="wikilink2" title="Česky" href="/cs:images">Česky (cs)</a></li><li class="a"><a class="wikilink1" title="Dansk" href="/da:images">Dansk (da)</a></li><li class="a"><a class="wikilink1" title="Deutsch" href="/de:images">Deutsch (de)</a></li><li class="a"><a class="wikilink2" title="Ελληνικά" href="/el:images">Ελληνικά (el)</a></li><li class="a"><a class="wikilink2" title="Esperanto" href="/eo:images">Esperanto (eo)</a></li><li class="a"><a class="wikilink1" title="Español" href="/es:images">Español (es)</a></li><li class="a"><a class="wikilink2" title="فارسی" href="/fa:images">فارسی (fa)</a></li><li class="span"><span class="wikilink1" title="Français">Français (fr)</span></li><li class="a"><a class="wikilink2" title="עברית" href="/he:images">עברית (he)</a></li><li class="a"><a class="wikilink2" title="Magyar" href="/hu:images">Magyar (hu)</a></li><li class="a"><a class="wikilink1" title="Italiano" href="/it:images">Italiano (it)</a></li><li class="a"><a class="wikilink1" title="日本語" href="/ja:images">日本語 (ja)</a></li><li class="a"><a class="wikilink1" title="한국어" href="/ko:images">한국어 (ko)</a></li><li class="a"><a class="wikilink2" title="Lietuvių Kalba" href="/lt:images">Lietuvių Kalba (lt)</a></li><li class="a"><a class="wikilink1" title="Nederlands" href="/nl:images">Nederlands (nl)</a></li><li class="a"><a class="wikilink2" title="Norsk" href="/no:images">Norsk (no)</a></li><li class="a"><a class="wikilink1" title="Polski" href="/pl:images">Polski (pl)</a></li><li class="a"><a class="wikilink1" title="Português" href="/pt-br:images">Português (pt-br)</a></li><li class="a"><a class="wikilink2" title="Română" href="/ro:images">Română (ro)</a></li><li class="a"><a class="wikilink1" title="Русский" href="/ru:images">Русский (ru)</a></li><li class="a"><a class="wikilink2" title="Српски Језик" href="/sr:images">Српски Језик (sr)</a></li><li class="a"><a class="wikilink2" title="Svenska" href="/sv:images">Svenska (sv)</a></li><li class="a"><a class="wikilink2" title="ไทย" href="/th:images">ไทย (th)</a></li><li class="a"><a class="wikilink2" title="Українська" href="/uk:images">Українська (uk)</a></li><li class="a"><a class="wikilink1" title="中文" href="/zh:images">中文 (zh)</a></li><li class="a"><a class="wikilink2" title="繁體中文" href="/zh-tw:images">繁體中文 (zh-tw)</a></li></ul></div> <p> <strong>Découvrir DokuWiki</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/fr:features" class="wikilink1" title="fr:features" data-wiki-id="fr:features">Fonctionnalités</a> & <a href="/fr:blogroll" class="wikilink1" title="fr:blogroll" data-wiki-id="fr:blogroll">avis</a> </div> </li> <li class="level1"><div class="li"> <a href="/fr:install" class="wikilink1" title="fr:install" data-wiki-id="fr:install">Guide d'installation</a></div> </li> <li class="level1"><div class="li"> <a href="/fr:manual" class="wikilink1" title="fr:manual" data-wiki-id="fr:manual">Manuel utilisateur</a> & <a href="/fr:wiki:syntax" class="wikilink1" title="fr:wiki:syntax" data-wiki-id="fr:wiki:syntax">syntaxe</a></div> </li> <li class="level1"><div class="li"> <a href="/fr:changes" class="wikilink1" title="fr:changes" data-wiki-id="fr:changes">Notes de version</a></div> </li> <li class="level1"><div class="li"> <a href="/fr:faq" class="wikilink1" title="fr:faq" data-wiki-id="fr:faq">FAQ</a></div> </li> </ul> <p> <strong>Options avancées</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/fr:extensions" class="wikilink1" title="fr:extensions" data-wiki-id="fr:extensions">Extensions</a></div> </li> <li class="level1"><div class="li"> <a href="/fr:development" class="wikilink1" title="fr:development" data-wiki-id="fr:development">Manuel du développeur</a></div> </li> </ul> <p> <strong>Pour les entreprises</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/fr:faq:support" class="wikilink1" title="fr:faq:support" data-wiki-id="fr:faq:support">Assistance</a></div> </li> <li class="level1"><div class="li"> <a href="/fr:donate" class="wikilink1" title="fr:donate" data-wiki-id="fr:donate">Dons</a></div> </li> </ul> <p> <strong>Notre Communautée</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/fr:teams:getting_involved" class="wikilink1" title="fr:teams:getting_involved" data-wiki-id="fr:teams:getting_involved">S'investir</a></div> </li> <li class="level1"><div class="li"> <a href="/fr:dokuinstall" class="wikilink1" title="fr:dokuinstall" data-wiki-id="fr:dokuinstall">Utilisateurs</a></div> </li> <li class="level1"><div class="li"> <a href="http://forum.dokuwiki.org" class="urlextern" title="http://forum.dokuwiki.org">Forum utilisateur</a></div> </li> <li class="level1"><div class="li"> <a href="https://t.me/dokuwiki_fr" class="urlextern" title="https://t.me/dokuwiki_fr">Canal Telegram</a></div> </li> <li class="level1"><div class="li"> <a href="/fr:newsletter" class="wikilink1" title="fr:newsletter" data-wiki-id="fr:newsletter">Lettre d'information</a></div> </li> <li class="level1"><div class="li"> <a href="/fr:mailinglist" class="wikilink1" title="fr:mailinglist" data-wiki-id="fr:mailinglist">Liste de diffusion des développeurs</a></div> </li> </ul> <hr /> <p> Suivez-nous sur <a href="http://www.facebook.com/pages/DokuWiki/52877633616" class="urlextern" title="http://www.facebook.com/pages/DokuWiki/52877633616">Facebook</a>, <a href="http://twitter.com/dokuwiki" class="urlextern" title="http://twitter.com/dokuwiki">Twitter</a> et les autres <a href="/fr:social" class="wikilink1" title="fr:social" data-wiki-id="fr:social">résaux sociaux</a>. </p> <p> <a href="/fr:privacy" class="wikilink1" title="fr:privacy" data-wiki-id="fr:privacy">Notre politique de confidentialité</a> </p> </div></div> </div></nav>  <main id="dokuwiki__content"><div class="pad group"> <div class="pageId"><span>fr:images</span></div> <div class="page group">   <div id="dw__toc" class="dw__toc"> <h3 class="toggle">Table des matières</h3> <div> <ul class="toc"> <li class="level1"><div class="li"><a href="#images_et_medias">Images et médias</a></div> <ul class="toc"> <li class="level2"><div class="li"><a href="#envoi_de_documents">envoi de documents</a></div></li> <li class="level2"><div class="li"><a href="#affichage">Affichage</a></div></li> <li class="level2"><div class="li"><a href="#alignement">Alignement</a></div></li> <li class="level2"><div class="li"><a href="#redimensionnement">Redimensionnement</a></div></li> <li class="level2"><div class="li"><a href="#liens">Liens</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#utilisation_depuis_en_dehors_du_wiki">Utilisation depuis en dehors du wiki</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#images_dynamiques">Images dynamiques</a></div></li> <li class="level2"><div class="li"><a href="#supprimer_un_fichier_media">Supprimer un fichier média</a></div></li> <li class="level2"><div class="li"><a href="#liens_image">Liens image</a></div></li> <li class="level2"><div class="li"><a href="#mise_en_memoire_cache">Mise en mémoire cache</a></div></li> </ul></li> </ul> </div> </div>  <h1 class="sectionedit1" id="images_et_medias">Images et médias</h1> <div class="level1"> <p> Vous pouvez inclure des images et d'autres fichiers dans les pages de <a href="/fr:dokuwiki" class="wikilink1" title="fr:dokuwiki" data-wiki-id="fr:dokuwiki">DokuWiki</a> avec <a href="/fr:wiki:syntax#images_et_autres_fichiers" class="wikilink1" title="fr:wiki:syntax" data-wiki-id="fr:wiki:syntax">la syntaxe d'image</a>. Alors que les images, <a href="/fr:video" class="wikilink1" title="fr:video" data-wiki-id="fr:video">vidéos</a> et fichiers audio sont affichés directement sur la page, les autres fichiers (comme les documents PDF) sont simplement liés au document. Veuillez vous référer à la page sur les types <a href="/fr:mime" class="wikilink1" title="fr:mime" data-wiki-id="fr:mime">mime</a> pour plus d'information. </p> </div> <div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[Images et médias] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="images_et_medias" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1-452" /><button type="submit" title="Images et médias">Modifier</button></div></form></div> <h2 class="sectionedit2" id="envoi_de_documents">envoi de documents</h2> <div class="level2"> <p> <a href="/fr:media_manager" class="media" title="fr:media_manager" data-wiki-id="fr:media_manager"><img src="/_media/wiki:mediamanager.png?w=200&tok=b6da55" class="medialeft" loading="lazy" title="Le Gestionnaire de média" alt="Le Gestionnaire de média" width="200" /></a> </p> <p> L'envoi de nouveaux fichiers vers le wiki se fait <em>via</em> le <a href="/fr:media_manager" class="wikilink1" title="fr:media_manager" data-wiki-id="fr:media_manager">Gestionnaire multimédia</a> que l'on appelle depuis la <a href="/lib/exe/fetch.php?tok=322f94&media=http%3A%2F%2Fdokuwiki.org%2F%E2%80%8Blib%2F%E2%80%8Bimages%2F%E2%80%8Btoolbar%2F%E2%80%8Bimage.png" class="media" title="http://dokuwiki.org/lib/images/toolbar/image.png"><img src="/lib/exe/fetch.php?tok=322f94&media=http%3A%2F%2Fdokuwiki.org%2F%E2%80%8Blib%2F%E2%80%8Bimages%2F%E2%80%8Btoolbar%2F%E2%80%8Bimage.png" class="media" loading="lazy" alt="" /></a> <a href="/fr:toolbar" class="wikilink1" title="fr:toolbar" data-wiki-id="fr:toolbar">barre d'outils</a> disponible en <a href="/fr:edit_window" class="wikilink1" title="fr:edit_window" data-wiki-id="fr:edit_window">mode édition</a>. </p> <p> Utilisez simplement le formulaire d'envoi situé en haut à droite. Vous pouvez donner un nouveau nom à votre fichier mais dans ce cas, n'oubliez pas de conserver son extension ! Si vous y ajoutez de nouvelles <a href="/fr:namespaces" class="wikilink1" title="fr:namespaces" data-wiki-id="fr:namespaces">catégories</a>, elles seront créées automatiquement. </p> <p> Le <a href="/fr:fullscreen_mediamanager" class="wikilink1" title="fr:fullscreen_mediamanager" data-wiki-id="fr:fullscreen_mediamanager">gestionnaire de médias pleine page</a> permet également d'envoyer des images et des <a href="/fr:video" class="wikilink1" title="fr:video" data-wiki-id="fr:video">vidéos</a>. Par ailleurs, il peut afficher les différentes révisions des médias et en éditer les métadonnées. </p> <p> Remarque : si l'administrateur a activé les <a href="/fr:acl" class="wikilink1" title="fr:acl" data-wiki-id="fr:acl">ACL</a>, l'envoi de fichier peut être réservé à certains utilisateurs. Ceux qui n'ont pas la permission ne voient pas le formulaire d'envoi de fichiers. </p> </div> <div class="secedit editbutton_section editbutton_2"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[envoi de documents] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="envoi_de_documents" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="453-1561" /><button type="submit" title="envoi de documents">Modifier</button></div></form></div> <h2 class="sectionedit3" id="affichage">Affichage</h2> <div class="level2"> <p> Utilisez <code>{{}}</code> pour afficher vos médias dans les pages. </p> <pre class="code">{{wiki:dokuwiki-128.png}} {{wiki:text2html.rc}}</pre> <p> Une image <a href="/_detail/wiki:dokuwiki-128.png?id=fr%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=30&tok=739ef5" class="media" loading="lazy" alt="" width="30" /></a> est affichée et les autres médias <a href="/_media/wiki:text2html.rc" class="media mediafile mf_rc" title="wiki:text2html.rc (930 B)">text2html.rc</a> sont présentés sous la forme d'un lien et d'une icône correspondante. </p> <p> Vous pouvez utiliser <code>|</code> pour ajouter un titre à votre média </p> <pre class="code">{{wiki:dokuwiki-128.png|Le logo de DokuWiki}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=fr%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=30&tok=739ef5" class="media" loading="lazy" title="le logo de DokuWiki" alt="le logo de DokuWiki" width="30" /></a> Survolez l'image pour faire apparaître le titre dans une bulle. </p> <p> Comment les images sont présentées est influencé par divers paramètres. On indique les paramètres dans le style des <abbr title="Uniform Resource Locator">URL</abbr>, en ajoutant un point d'interrogation et en les séparant par des esperluette (&). </p> </div> <div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[Affichage] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="affichage" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1562-2312" /><button type="submit" title="Affichage">Modifier</button></div></form></div> <h2 class="sectionedit4" id="alignement">Alignement</h2> <div class="level2"> <p> Vous pouvez aligner les médias avec des espaces à gauche ou à droite : </p> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=fr%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png" class="mediaright" loading="lazy" alt="" /></a> <a href="/_detail/wiki:dokuwiki-128.png?id=fr%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png" class="medialeft" loading="lazy" alt="" /></a> <a href="/_detail/wiki:dokuwiki-128.png?id=fr%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png" class="mediacenter" loading="lazy" alt="" /></a> </p> <pre class="code">{{ wiki:dokuwiki-128.png}} {{wiki:dokuwiki-128.png }} {{ wiki:dokuwiki-128.png }}</pre> </div> <div class="secedit editbutton_section editbutton_4"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[Alignement] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="alignement" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="2313-2584" /><button type="submit" title="Alignement">Modifier</button></div></form></div> <h2 class="sectionedit5" id="redimensionnement">Redimensionnement</h2> <div class="level2"> <p> DokuWiki peut redimensionner les images de deux façons. Par défaut, c'est la bibliothèque GD de PHP qui est utilisée si elle est installée. De meilleurs résultats peuvent être obtenus avec <a href="/fr:config#imconvert" class="wikilink1" title="fr:config" data-wiki-id="fr:config">imagemagick</a>. </p> <p> Avec GD, le redimensionnement peut parfois échouer si les images sont très grosses ou que le format n'est pas supporté par la version de GD installée. </p> <p> Pour redimensionner des images externes, elle doivent être mises en cache sur votre serveur. Vous devez autoriser DokuWiki à les télécharger en augmentant le paramètre de configuration <a href="/fr:config#fetchsize" class="wikilink1" title="fr:config" data-wiki-id="fr:config">fetchsize</a> qui est à zéro par défaut. </p> <p> Pour redimensionner une image en conservant ses proportions, indiquez simplement sa largeur en pixels : </p> <pre class="code">{{wiki:dokuwiki-128.png?20}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=fr%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /></a> Cette image est réduite à une largeur de 20 pixels. </p> <p> Pour redimensionner une image en donnant sa taille verticale, il faut indiquer 0 comme taille horizontale : </p> <pre class="code">{{wiki:dokuwiki-128.png?0x20}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=fr%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?h=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" height="20" /></a> Cette image est réduite à une hauteur de 20 pixels. </p> <p> Quand vous indiquez la largeur ET la hauteur, l'image sera redimensionnée exactement à la hauteur indiquée, sans tenir compte des proportions. </p> <pre class="code">{{wiki:dokuwiki-128.png?20x50}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=fr%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&h=50&tok=506fdd" class="medialeft" loading="lazy" alt="" width="20" height="50" /></a> Cette image est redimensionnée à une largeur de 20 pixels et une hauteur de 50 pixels. </p> <p> A partir de la version 2009-02-14 de DokuWiki, indiquer la largeur ET la hauteur conserve les proportions en recadrant l'image si besoin. </p> </div> <div class="secedit editbutton_section editbutton_5"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[Redimensionnement] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="redimensionnement" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="2585-4139" /><button type="submit" title="Redimensionnement">Modifier</button></div></form></div> <h2 class="sectionedit6" id="liens">Liens</h2> <div class="level2"> <p> Les images que vous insérez dans vos pages peuvent être des liens pointant vers une page de “détail” ou l'image originale non redimensionnée. Vous pouvez aussi inclure des images qui ne sont pas des liens. </p> <p> Par défaut, cliquer sur une image affiche sa page de détail (qui correspond au fichier <code>detail.php</code> de votre <a href="/fr:template" class="wikilink1" title="fr:template" data-wiki-id="fr:template">thème</a>). Le thème par défaut de DokuWiki affiche une version grand format, accompagnée du contenu des métadonnées EXIF et IPTC contenues dans l'image comme l'auteur, la légende, la date de prise de vue etc. </p> <p> La syntaxe suivante insère l'image dans la page à sa taille originale. Lorsque l'on clique dessus, on obtient une page de détail avec les métadonnées de l'image : </p> <pre class="code">{{wiki:dokuwiki-128.png}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=fr%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="media" loading="lazy" alt="" width="20" /></a> Cliquez sur cette image réduite pour voir sa page de détail </p> <p> Vous pouvez cliquer sur l'image de la page de détail pour afficher l'image originale. La plupart du temps, on insère une image réduite dans un document et sa page de détail présente une image de taille moyenne. Il faut alors recliquer dessus pour avoir l'image originale non redimensionnée. </p> <p> Vous pouvez supprimer l'étape de la page de détail en affichant directement l'image originale lorsque vous cliquez sur l'image insérée dans votre document. Cela s'appelle un “lien direct”. Pour activer ce lien direct, ajoutez le paramètre <code>direct</code> comme ceci : </p> <pre class="code">{{wiki:dokuwiki-128.png?direct}}</pre> <p> <a href="/_media/wiki:dokuwiki-128.png" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /></a> Cliquez sur cette image réduite pour voir directement la version originale </p> <p> Il est également possible d'insérer une image qui ne soit pas un lien. Il faut alors ajouter le paramètre <code>nolink</code> : </p> <pre class="code">{{wiki:dokuwiki-128.png?nolink}}</pre> <p> <img src="/_media/wiki:dokuwiki-128.png?w=20&tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /> Essayez de cliquer sur cette image ; pas évident hein ? </p> <p> Il est possible de combiner les paramètres avec une esperluette (&) : </p> <pre class="code">{{wiki:dokuwiki-128.png?nolink&100}}</pre> <p> <img src="/_media/wiki:dokuwiki-128.png?w=100&tok=f4967e" class="media" loading="lazy" alt="" width="100" /> </p> <p> Si vous voulez juste fournir un lien textuel pointant vers l'image, utilisez le paramètre <code>linkonly</code> : </p> <pre class="code">{{wiki:dokuwiki-128.png?linkonly}}</pre> <p> <a href="/_media/wiki:dokuwiki-128.png" class="media mediafile mf_png" title="wiki:dokuwiki-128.png (27.2 KB)">dokuwiki-128.png</a> Ceci est un lien textuel vers l'image </p> </div> <div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[Liens] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="liens" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="4140-6340" /><button type="submit" title="Liens">Modifier</button></div></form></div> <h3 class="sectionedit7" id="utilisation_depuis_en_dehors_du_wiki">Utilisation depuis en dehors du wiki</h3> <div class="level3"> <p> Il est possible d'utiliser les images du dépôt DokuWiki en dehors du wiki. Par exemple, vous pouvez vouloir réutiliser ces images depuis des pages en <abbr title="HyperText Markup Language">HTML</abbr>, depuis du <abbr title="HyperText Markup Language">HTML</abbr> embarqué dans vos page avec la balise <<abbr title="HyperText Markup Language">HTML</abbr>>, ou depuis une feuille de style <abbr title="Cascading Style Sheets">CSS</abbr>. </p> <p> En gros, il suffit de copier le code généré par DokuWiki, mais vous ne pouvez pas utiliser le redimensionnement. L'<abbr title="Uniform Resource Locator">URL</abbr> généré a généralement trois paramètres, media, w et tok. w sert à redimensionner l'image, mais il ne fonctionne que si tok est également indiqué. En d'autres mots, on ne peut donner que le paramère media de l'<abbr title="Uniform Resource Locator">URL</abbr>. </p> <p> Le paramètre tok change a chaque mise à jour de l'image, et ne peut donc être utilisé de manière fiable. </p> <p> exemple, dans une feuille de style </p> <dl class="code"> <dt><a href="/_export/code/fr:images?codeblock=0" title="Télécharger cet extrait" class="mediafile mf_">exemple</a></dt> <dd><pre class="code css">div<span class="re1">.personal_info</span> <span class="br0">{</span> ... <span class="kw1">background-image</span><span class="sy0">:</span> <span class="kw3">url</span><span class="br0">(</span><span class="st0">'{/chemin_vers_dokuwiki}/lib/exe/fetch.php?media=name:space:mypic.png'</span><span class="br0">)</span><span class="sy0">;</span> <span class="br0">}</span></pre> </dd></dl> </div> <div class="secedit editbutton_section editbutton_7"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[Utilisation depuis en dehors du wiki] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="utilisation_depuis_en_dehors_du_wiki" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="6341-7295" /><button type="submit" title="Utilisation depuis en dehors du wiki">Modifier</button></div></form></div> <h2 class="sectionedit8" id="images_dynamiques">Images dynamiques</h2> <div class="level2"> <p> Il est parfois nécessaire d'afficher des images dynamiques comme <a href="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54" class="urlextern" title="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54">celle-ci</a>. </p> <p> En utilisant la méthode standard : </p> <pre class="code">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54}}</pre> <p> cela ne marche pas : </p> <p> <a href="/lib/exe/fetch.php?tok=10f402&media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php" class="media mediafile mf_php" title="http://kalsey.com/tools/buttonmaker/button.php">button.php</a> </p> <p> Ceci est dû au fait que, pour <a href="/fr:dokuwiki" class="wikilink1" title="fr:dokuwiki" data-wiki-id="fr:dokuwiki">DokuWiki</a>, une image doit se terminer par <code>.gif</code>,<code>.jpg</code> ou <code>.png</code> ; mais celle-ci se termine par <code>.php</code>. L'astuce est d'ajouter par exemple <code>&.png?</code> à la fin de l'<abbr title="Uniform Resource Locator">URL</abbr> – DokuWiki saura alors qu'il s'agit d'une image. </p> <p> <a href="/lib/exe/fetch.php?tok=4f9752&media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php%3FbarPosition%3D50%26leftText%3DDynamic%26leftTextColor%3Dffffff%26rightText%3DIMG%26rightTextPosition%3D54%26.png" class="media" title="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png"><img src="/lib/exe/fetch.php?tok=4f9752&media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php%3FbarPosition%3D50%26leftText%3DDynamic%26leftTextColor%3Dffffff%26rightText%3DIMG%26rightTextPosition%3D54%26.png" class="media" loading="lazy" alt="" /></a> </p> <pre class="code">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png?}}</pre> <p> Au passage, vous trouverez de bons outils pour faire des boutons ici : </p> <ul> <li class="level1"><div class="li"> <a href="http://kalsey.com/tools/buttonmaker/" class="urlextern" title="http://kalsey.com/tools/buttonmaker/">http://kalsey.com/tools/buttonmaker/</a></div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_8"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[Images dynamiques] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="images_dynamiques" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="7296-8558" /><button type="submit" title="Images dynamiques">Modifier</button></div></form></div> <h2 class="sectionedit9" id="supprimer_un_fichier_media">Supprimer un fichier média</h2> <div class="level2"> <p> Pour supprimer un fichier média, la <a href="/fr:acl" class="wikilink1" title="fr:acl" data-wiki-id="fr:acl">liste de contrôle d'accès</a> doit être activée et l'utilisateur qui souhaite supprimer l'image doit avoir la permission “Supprimer”. L'image peut ensuite être supprimée avec l'icône en forme de poubelle. </p> <p> Voir aussi: <a href="/faq:deletemedia" class="wikilink1" title="faq:deletemedia" data-wiki-id="faq:deletemedia">deleting media files</a> (en anglais) </p> </div> <div class="secedit editbutton_section editbutton_9"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[Supprimer un fichier média] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="supprimer_un_fichier_media" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="8559-8921" /><button type="submit" title="Supprimer un fichier média">Modifier</button></div></form></div> <h2 class="sectionedit10" id="liens_image">Liens image</h2> <div class="level2"> <p> Pour que le lien d'une image pointe vers un autre site ou une page spécifique de votre wiki, insérez le code de l'image à l'endroit habituellement réservé pour le titre d'un lien : </p> <p> Exemple: <a href="http://www.google.com" class="media" title="http://www.google.com"><img src="/_media/wiki:dokuwiki-128.png" class="media" loading="lazy" alt="" /></a> </p> <pre class="code">Exemple: [[http://www.google.com|{{wiki:dokuwiki-128.png}}]]</pre> <p> Si le lien renvoie vers un média local, vous pouvez utiliser la syntaxe suivante : </p> <pre class="code">[[this>_media/media_local|{{wiki:dokuwiki-128.png}}]]</pre> <p> Par exemple <a href="https://www.dokuwiki.org/_media/wiki:dokuwiki-128.png" class="media" title="https://www.dokuwiki.org/_media/wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png" class="media" loading="lazy" alt="" /></a> </p> <pre class="code">[[this>_media/wiki:dokuwiki-128.png|{{wiki:dokuwiki-128.png}}]]</pre> </div> <div class="secedit editbutton_section editbutton_10"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[Liens image] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="liens_image" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="8922-9546" /><button type="submit" title="Liens image">Modifier</button></div></form></div> <h2 class="sectionedit11" id="mise_en_memoire_cache">Mise en mémoire cache</h2> <div class="level2"> <p> Afin d'optimiser les performances, DokuWiki essaie de mettre en mémoire cache les images externes. Si vous voulez utiliser une image externe sans qu'elle soit mise en cache, vous pouvez ajouter le paramètre <code>nocache</code> : </p> <pre class="code">{{http://de3.php.net/images/php.gif?nocache}}</pre> <p> Vous pouvez bien évidemment combiner ce paramètre avec d'autres, comme le redimensionnement. </p> <pre class="code">{{http://de3.php.net/images/php.gif?300x50&nocache}}</pre> <p> Effectuer une requête sur un serveur externe à chaque chargement de page n'est pas très respectueux. Vous pouvez donc utiliser le paramètre <code>recache</code>, pour laisser dokuwiki remettre l'image en mémoire cache en utilisant l'intervalle spécifié dans le paramètre de configuration <a href="/fr:config:cachetime" class="wikilink1" title="fr:config:cachetime" data-wiki-id="fr:config:cachetime">cachetime</a> : </p> <pre class="code">{{http://de3.php.net/images/php.gif?recache}}</pre> </div> <div class="secedit editbutton_section editbutton_11"><form class="button btn_secedit" method="post" action="/fr:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1525775553" /><input type="hidden" name="summary" value="[Mise en mémoire cache] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="mise_en_memoire_cache" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="9547-" /><button type="submit" title="Mise en mémoire cache">Modifier</button></div></form></div>  </div> <div class="docInfo"><bdi>fr/images.txt</bdi> · Dernière modification : <time datetime="2018-05-08T12:32:33+0200">2018-05-08 12:32</time> de <bdi>Digitalin</bdi></div> <hr class="a11y" /> </div></main>  <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading"> <h3 class="a11y" id="dokuwiki__pagetools__heading">Outils de la page</h3> <div class="tools"> <ul> <li class="edit"><a href="/fr:images?do=edit" title="Modifier cette page [e]" rel="nofollow" accesskey="e"><span>Modifier cette page</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg></a></li><li class="revs"><a href="/fr:images?do=revisions" title="Anciennes révisions [o]" rel="nofollow" accesskey="o"><span>Anciennes révisions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7v5.11l4.71 2.79.79-1.28-4-2.37V7m0-5C8.97 2 5.91 3.92 4.27 6.77L2 4.5V11h6.5L5.75 8.25C6.96 5.73 9.5 4 12.5 4a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5c-3.27 0-6.03-2.09-7.06-5h-2.1c1.1 4.03 4.77 7 9.16 7 5.24 0 9.5-4.25 9.5-9.5A9.5 9.5 0 0 0 12.5 2z"/></svg></a></li><li class="backlink"><a href="/fr:images?do=backlink" title="Liens de retour" rel="nofollow"><span>Liens de retour</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"/></svg></a></li><li class="top"><a href="#dokuwiki__top" title="Haut de page [t]" rel="nofollow" accesskey="t"><span>Haut de page</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul> </div> </nav> </div>  <footer id="dokuwiki__footer"><div class="pad"> <div class="license">Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></div> <div class="buttons"> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license"><img src="/lib/images/license/button/cc-by-sa.png" alt="CC Attribution-Share Alike 4.0 International" /></a> <a href="https://www.dokuwiki.org/donate" title="Donate" ><img src="/lib/tpl/dokuwiki/images/button-donate.gif" width="80" height="15" alt="Donate" /></a> <a href="https://php.net" title="Powered by PHP" ><img src="/lib/tpl/dokuwiki/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a href="//validator.w3.org/check/referer" title="Valid HTML5" ><img src="/lib/tpl/dokuwiki/images/button-html5.png" width="80" height="15" alt="Valid HTML5" /></a> <a href="//jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" ><img src="/lib/tpl/dokuwiki/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a> <a href="https://dokuwiki.org/" title="Driven by DokuWiki" ><img src="/lib/tpl/dokuwiki/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> </div> <div style="margin-top: 2em; font-size:90%" class="dokuwiki"><div style="float:right"><a href="http://www.splitbrain.org/personal#imprint" style="float:right; text-decoration: none; color:#333">Imprint</a></div></div> <style type="text/css"> @media screen { body { padding-top: 30px; } #global__header { position: absolute; top: 0; left: 0; text-align: left; vertical-align: middle; line-height: 1.5; background-color: #333; box-shadow: 0 0 8px rgba(0,0,0,0.5); width: 100%; margin: 0; padding: 5px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; } #global__header h2 { position: absolute; left: -99999em; top: 0; overflow: hidden; display: inline; } #global__header ul, #global__header li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.5; } #global__header a { color: #bbb; text-decoration: none; margin-right: 20px; font-size: 14px; font-weight: normal; } #global__header a:hover, #global__header a:active, #global__header a:focus { color: #fff; text-decoration: underline; } #global__header form { float: right; margin: 0 0 0 20px; } #global__header input { background-color: #333; background-image: none; border: 1px solid #bbb; color: #fff; box-shadow: none; border-radius: 2px; margin: 0; line-height: normal; padding: 1px 0 1px 0; height: auto; } #global__header input.button { border: none; color: #bbb; } #global__header input.button:hover, #global__header input.button:active, #global__header input.button:focus { color: #fff; text-decoration: underline; } } /* /@media */ @media only screen and (min-width: 601px) { /* changes specific for www.dokuwiki.org */ #dokuwiki__header { padding-top: 3em; } #dokuwiki__usertools { top: 3em; } /* changes specific for bugs.dokuwiki.org */ div#container div#showtask { top: 40px; } } /* /@media */ @media only screen and (max-width: 600px) { body { padding-top: 0; } #global__header { position: static; white-space: normal; overflow: auto; } #global__header form { float: none; display: block; margin: 0 0 .4em; } } /* /@media */ @media print { #global__header { display: none; } } /* /@media */ </style> <div id="global__header"> <h2>Global DokuWiki Links</h2> <form method="get" action="https://search.dokuwiki.org/" target="_top"> <input type="text" name="q" title="Search all DokuWiki sites at once" class="input" /> <input type="submit" title="Search all DokuWiki sites at once" value="Search" class="button" /> </form> <ul> <li><a href="https://download.dokuwiki.org" title="Download the latest release" target="_top">Download</a></li> <li><a href="https://www.dokuwiki.org" title="Read the DokuWiki documentation" target="_top">Wiki</a></li> <li><a href="https://forum.dokuwiki.org" title="Ask questions in the DokuWiki forum" target="_top">Forum</a></li> <li><a href="https://irc.dokuwiki.org" title="Check IRC chat logs or join the chat" target="_top">IRC</a></li> <li><a href="https://github.com/splitbrain/dokuwiki/issues" title="Report and track bugs" target="_top">Bugs</a></li> <li><a href="https://translate.dokuwiki.org/" title="Help translating the DokuWiki interface" target="_top">Translate</a></li> <li><a href="https://github.com/splitbrain/dokuwiki" title="Access the most recent git commits" target="_top">Git</a></li> <li><a href="https://xref.dokuwiki.org/reference/dokuwiki/" title="Cross-Reference of the DokuWiki source code" target="_top">XRef</a></li> <li><a href="https://codesearch.dokuwiki.org/" title="Search through the sources of DokuWiki, plugins and templates" target="_top">Code Search</a></li> </ul> </div>  </div></footer> </div></div> <div class="no"><img src="/lib/exe/taskrunner.php?id=fr%3Aimages&1743365956" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>