Bonjour, j'ai pratiquement terminer le compétence micro "joomla un jeu d'enfant" il ets très bien pour poser les bases.
Vous me demandez :
"Un extrait des sources de mon site contenant les codes d'une image"....
J'ai pris le code source de la page des médias avec beaucoup d'images qui ne s'affichent pas en format png (le jpg est affiché...)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" id="minwidth" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="Les jardins d'elloys, bols en cristal,méditations, concerts, commerce, vente" />
<meta name="description" content="Les jardins d'elloys, bols en cristal, méditations, concerts, commerce, vente" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Les jardins d'Elloys - Administration</title>
<link href="/administrator/templates/khepri/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="components/com_media/assets/mediamanager.css" type="text/css" />
<link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />
<link rel="stylesheet" href="/media/system/css/mootree.css" type="text/css" />
<script type="text/javascript" src="/includes/js/joomla.javascript.js"></script>
<script type="text/javascript" src="/media/system/js/mootools.js"></script>
<script type="text/javascript" src="components/com_media/assets/mediamanager.js"></script>
<script type="text/javascript" src="/media/system/js/modal.js"></script>
<script type="text/javascript" src="/media/system/js/mootree.js"></script>
<script type="text/javascript" src="/media/system/js/swf.js"></script>
<script type="text/javascript" src="/media/system/js/uploader.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
SqueezeBox.initialize({});
$$('a.modal').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
window.addEvent('domready', function() {
document.preview = SqueezeBox;
});
sBrowseCaption='Parcourir les fichiers';
sRemoveToolTip='Supprimer de la queue';
window.addEvent('load', function(){
var Uploader = new FancyUpload($('file-upload'), { swf: '/media/system/swf/uploader.swf', multiple: true, queued: true, queueList: 'upload-queue', instantStart: false, allowDuplicates: true, container: $('file-upload').getParent(), types: {'All Files (*.*)': '*.*'}, onAllComplete: function(){ MediaManager.refreshFrame(); }});
$('upload-clear').adopt(new Element('input', { type: 'button', events: { click: Uploader.clearList.bind(Uploader, [false])}, value: 'Nettoyage terminé' })); });
var basepath = '/var/www/virtual/jardins-d-elloys.fr/htdocs/images';
var viewstyle = 'thumbs';
function keepAlive( ) { var myAjax = new Ajax( "index.php", { method: "get" } ).request();} window.addEvent("domready", function(){ keepAlive.periodical(1740000 ); });
</script>
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link href="templates/khepri/css/template.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="templates/khepri/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 6]>
<link href="templates/khepri/css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="templates/khepri/css/rounded.css" />
<script type="text/javascript" src="templates/khepri/js/menu.js"></script>
<script type="text/javascript" src="templates/khepri/js/index.js"></script>
</head>
<body id="minwidth-body">
<div id="border-top" class="h_green">
<div>
<div>
<span class="version">Version 1.5.8</span>
<span class="title">Les jardins d'Elloys</span>
</div>
</div>
</div>
<div id="header-box">
<div id="module-status">
<span class="legacy-mode">compatibilité: 1.0</span><span class="preview"><a href="
http://www.jardins-d-elloys.fr/" target="_blank">Prévisualiser</a></span><a href="index.php?option=com_messages"><span class="no-unread-messages">0</span></a><span class="loggedin-users">2</span><span class="logout"><a href="index.php?option=com_login&task=logout">Déconnexion</a></span>
</div>
<div id="module-menu">
<ul id="menu" >
<li class="node"><a>Site</a>
<ul>
<li><a class="icon-16-cpanel" href="index.php">Panneau d'administration</a></li>
<li class="separator"><span></span></li>
<li><a class="icon-16-user" href="index.php?option=com_users&task=view">Gestionnaire des utilisateurs</a></li>
<li><a class="icon-16-media" href="index.php?option=com_media">Gestion des médias</a></li>
<li class="separator"><span></span></li>
<li><a class="icon-16-config" href="index.php?option=com_config">Configuration globale</a></li>
<li class="separator"><span></span></li>
<li><a class="icon-16-logout" href="index.php?option=com_login&task=logout">Déconnexion</a></li>
</ul>
</li>
<li class="node"><a>Menus</a>
<ul>
<li><a class="icon-16-menu" href="index.php?option=com_menus">Gestion des menus</a></li>
<li><a class="icon-16-trash" href="index.php?option=com_trash&task=viewMenu">Corbeille de menu</a></li>
<li class="separator"><span></span></li>
<li><a class="icon-16-menu" href="index.php?option=com_menus&task=view&menutype=usermenu">Menu des utilisateurs</a></li>
<li><a class="icon-16-menu" href="index.php?option=com_menus&task=view&menutype=topmenu">Menu du haut *</a></li>
<li><a class="icon-16-menu" href="index.php?option=com_menus&task=view&menutype=othermenu">Resources</a></li>
<li><a class="icon-16-menu" href="index.php?option=com_menus&task=view&menutype=keyconcepts">Key Concepts</a></li>
<li><a class="icon-16-menu" href="index.php?option=com_menus&task=view&menutype=mainmenu">menu principal</a></li>
</ul>
</li>
<li class="node"><a>Contenu</a>
<ul>
<li><a class="icon-16-article" href="index.php?option=com_content">Gestion des articles</a></li>
<li><a class="icon-16-trash" href="index.php?option=com_trash&task=viewContent">Corbeille article</a></li>
<li class="separator"><span></span></li>
<li><a class="icon-16-section" href="index.php?option=com_sections&scope=content">Gestionnaire des sections</a></li>
<li><a class="icon-16-category" href="index.php?option=com_categories&section=com_content">Gestion des catégories</a></li>
<li class="separator"><span></span></li>
<li><a class="icon-16-frontpage" href="index.php?option=com_frontpage">Gestion de la page d'accueil</a></li>
</ul>
</li>
<li class="node"><a>Composants</a>
<ul>
<li class="node"><a class="icon-16-component" href="index.php?option=com_banners">Bannière</a><ul id="menu-bannière" class="menu-component">
<li><a class="icon-16-edit" href="index.php?option=com_banners">Bannières</a></li>
<li><a class="icon-16-categories" href="index.php?option=com_banners&c=client">Clients</a></li>
<li><a class="" href="index.php?option=com_categories&section=com_banner">Catégories</a></li>
</ul>
</li>
<li class="node"><a class="icon-16-component" href="index.php?option=com_contact">Contacts</a><ul id="menu-contacts" class="menu-component">
<li><a class="icon-16-edit" href="index.php?option=com_contact">Contacts</a></li>
<li><a class="icon-16-categories" href="index.php?option=com_categories&section=com_contact_details">Catégories</a></li>
</ul>
</li>
<li class="node"><a class="icon-16-component" href="index.php?option=com_newsfeeds">Fils d'actualités</a><ul id="menu-fils-d'actualités" class="menu-component">
<li><a class="icon-16-edit" href="index.php?option=com_newsfeeds">Fils</a></li>
<li><a class="icon-16-categories" href="index.php?option=com_categories&section=com_newsfeeds">Catégories</a></li>
</ul>
</li>
<li><a class="icon-16-component" href="index.php?option=com_poll">Sondages</a></li>
<li><a class="icon-16-component" href="index.php?option=com_search">Recherche</a></li>
<li class="node"><a class="icon-16-component" href="index.php?option=com_weblinks">Liens web</a><ul id="menu-liens-web" class="menu-component">
<li><a class="icon-16-edit" href="index.php?option=com_weblinks">Liens</a></li>
<li><a class="icon-16-categories" href="index.php?option=com_categories&section=com_weblinks">Catégories</a></li>
</ul>
</li>
</ul>
</li>
<li class="node"><a>Extensions</a>
<ul>
<li><a class="icon-16-install" href="index.php?option=com_installer">Installer/Désinstaller</a></li>
<li class="separator"><span></span></li>
<li><a class="icon-16-module" href="index.php?option=com_modules">Gestion des modules</a></li>
<li><a class="icon-16-plugin" href="index.php?option=com_plugins">Gestionnaire des plugins</a></li>
<li><a class="icon-16-themes" href="index.php?option=com_templates">Gestionnaire des templates</a></li>
<li><a class="icon-16-language" href="index.php?option=com_languages">Gestion des langues</a></li>
</ul>
</li>
<li class="node"><a>Outils</a>
<ul>
<li><a class="icon-16-messages" href="index.php?option=com_messages">Lire les messages</a></li>
<li><a class="icon-16-messages" href="index.php?option=com_messages&task=add">Ecrire un message</a></li>
<li class="separator"><span></span></li>
<li><a class="icon-16-massmail" href="index.php?option=com_massmail">Envois d'email en nombre</a></li>
<li class="separator"><span></span></li>
<li><a class="icon-16-checkin" href="index.php?option=com_checkin">Vérification globale</a></li>
<li class="separator"><span></span></li>
<li><a class="icon-16-config" href="index.php?option=com_cache">Nettoyer le cache</a></li>
</ul>
</li>
<li class="node"><a>Aide</a>
<ul>
<li><a class="icon-16-help" href="index.php?option=com_admin&task=help">Aide Joomla!</a></li>
<li><a class="icon-16-info" href="index.php?option=com_admin&task=sysinfo">Infos système</a></li>
</ul>
</li>
</ul>
</div>
<div class="clr"></div>
</div>
<div id="content-box">
<div class="border">
<div class="padding">
<div id="toolbar-box">
<div class="t">
<div class="t">
<div class="t"></div>
</div>
</div>
<div class="m">
<div class="toolbar" id="toolbar">
<table class="toolbar"><tr>
<td class="button" id="toolbar-delete">
<a href="#" onclick="MediaManager.submit('folder.delete')" class="toolbar">
<span class="icon-32-delete" title="Supprimer" type="Custom"></span>
Supprimer</a></td>
<td class="button" id="toolbar-help">
<a href="#" onclick="popupWindow('help/en-GB/screen.mediamanager.html', 'Aide', 640, 480, 1)" class="toolbar">
<span class="icon-32-help" title="Aide">
</span>
Aide
</a>
</td>
</tr></table>
</div>
<div class="header icon-48-mediamanager">
Gestion des médias
</div>
<div class="clr"></div>
</div>
<div class="b">
<div class="b">
<div class="b"></div>
</div>
</div>
</div>
<div class="clr"></div>
<div id="submenu-box">
<div class="t">
<div class="t">
<div class="t"></div>
</div>
</div>
<div class="m">
<ul id="submenu">
<li><a id="thumbs" onclick="MediaManager.setViewType('thumbs')">Miniatures</a></li>
<li><a id="details" onclick="MediaManager.setViewType('details')">Détails</a></li>
</ul>
<div class="clr"></div>
</div>
<div class="b">
<div class="b">
<div class="b"></div>
</div>
</div>
</div>
<div id="element-box">
<div class="t">
<div class="t">
<div class="t"></div>
</div>
</div>
<div class="m">
<table width="100%" cellspacing="0">
<tr valign="top">
<td width="200px">
<fieldset id="treeview">
<legend>Dossiers</legend>
<div id="media-tree_tree"></div>
<ul id="media-tree">
<li id="M_images"><a href="index.php?option=com_media&view=mediaList&tmpl=component&folder=M_images" target="folderframe">M_images</a></li>
<li id="banners"><a href="index.php?option=com_media&view=mediaList&tmpl=component&folder=banners" target="folderframe">banners</a></li>
<li id="smilies"><a href="index.php?option=com_media&view=mediaList&tmpl=component&folder=smilies" target="folderframe">smilies</a></li>
<li id="stories"><a href="index.php?option=com_media&view=mediaList&tmpl=component&folder=stories" target="folderframe">stories</a><ul >
<li id="stories/food"><a href="index.php?option=com_media&view=mediaList&tmpl=component&folder=stories/food" target="folderframe">food</a></li>
<li id="stories/fruit"><a href="index.php?option=com_media&view=mediaList&tmpl=component&folder=stories/fruit" target="folderframe">fruit</a></li>
</ul>
</li>
</ul>
</fieldset>
</td>
<td>
<form action="index.php?option=com_media&task=folder.create" name="folderForm" id="folderForm" method="post">
<fieldset id="folderview">
<legend>Fichiers</legend>
<div class="path">
<input class="inputbox" type="text" id="folderpath" readonly="readonly" />/
<input class="inputbox" type="text" id="foldername" name="foldername" />
<input class="update-folder" type="hidden" name="folderbase" id="folderbase" value="" />
<button type="submit">Créer un dossier</button>
</div>
<div class="view">
<iframe src="index.php?option=com_media&view=mediaList&tmpl=component&folder=" id="folderframe" name="folderframe" width="100%" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0"></iframe>
</div>
</fieldset>
<input type="hidden" name="c19a8136bd17c6b4b76c9c2eef9eeb31" value="1" /> </form>
<form action="index.php?option=com_media" name="adminForm" id="mediamanager-form" method="post" enctype="multipart/form-data" >
<input type="hidden" name="task" value="" />
<input type="hidden" name="cb1" id="cb1" value="0" />
<input class="update-folder" type="hidden" name="folder" id="folder" value="" />
</form>
<!-- File Upload Form -->
<form action="
http://www.jardins-d-elloys.fr/administrator/index.php?option=com_media&task=file.upload&tmpl=component&39ddad9282bbce2ae9a673dbec56647b=6ebe2f695c6970053185870bc5e8d984&c19a8136bd17c6b4b76c9c2eef9eeb31=1" id="uploadForm" method="post" enctype="multipart/form-data">
<fieldset>
<legend>Transférer un fichier [ Max = 10M ]</legend>
<fieldset class="actions">
<input type="file" id="file-upload" name="Filedata" />
<input type="submit" id="file-upload-submit" value="Lancer le transfert"/>
<span id="upload-clear"></span>
</fieldset>
<ul class="upload-queue" id="upload-queue">
<li style="display: none" />
</ul>
</fieldset>
<input type="hidden" name="return-url" value="aW5kZXgucGhwP29wdGlvbj1jb21fbWVkaWE=" />
</form>
</td>
</tr>
</table>
<div class="clr"></div>
</div>
<div class="b">
<div class="b">
<div class="b"></div>
</div>
</div>
</div>
<noscript>
Attention! Le support du JavaScript doit être activé dans votre navigateur pour une utilisation optimale de l'Administration de Joomla!. </noscript>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div id="border-bottom"><div><div></div></div></div>
<div id="footer">
<p class="copyright">
<a href="
http://www.joomla.org" target="_blank">Joomla!</a>
est un <em>logiciel libre</em> distribué sous licence <a href="
http://www.gnu.org/licenses/gpl-2.0.html">GNU/GPL</a>. </p>
</div>
</body>
</html>
Voilà, je dois aussi vous dire que j'ai mis à jouravec un patch 1.5.8. Les images te médias fonctinnait sur mon disque dur mais ne fonctionnaient plus sur le site distant.
Ce que j'ai mis dans ce message me paraît complètement fou mais bon, l'intuition me le dira.
Merci.
Damien à Toulouse
Author