|
|
Derniers tutoriels
Tutoriels populaires
Les mieux notés
- Template Creator
- Livre sur les templates Joomla! 1.5
- Module de menu Maximenu_CK
- Plugin Mediabox_CK
- Module de menu mooCoverFlow_CK
Template Creator est l'outil indispensable pour créer vos propres templates Joomla!. Il s'installe sur un site Joomla! 1.6 ou 1.7 et permet de générer des templates en version 1.5 à 1.7. En quelques clics vous pouvez créer une architecture HTML et donner les styles CSS en remplissant simplement les champs et en utilisant les pipettes de couleur. Vous pouvez prévisualiser votre création avant de créer le package du template à installer sur n'importe quel site Joomla!.
Cette documentation de 160 pages vous guidera de A à Z à travers la construction des templates Joomla! 1.5. La première partie vous initiera aux bases HTML et CSS pour mieux comprendre leur fonctionnement. La partie de documentation technique aborde tous les aspects des templates : structure de fichiers, contenu, mais aussi les fonctions avancées, les suffixes CSS, les langues et paramètres d'administration. Enfin le tutoriel vous montrera pas à pas comment créer un template complet que vous pourrez également télécharger.
Accéder à la page du eBook Création de templates Joomla! 1.5
Le module Maximenu_CK offre de nombreuses possibilités. C'est un menu déroulant mootools basé sur le script moomenu. Chaque lien peut contenir une description sur une deuxième ligne, les sous-menus peuvent être organisés en multi-colonnes avec titre et largeurs spécifiques. Le menu peut également charger d'autres modules. Le module est orgranisé en thèmes graphiques que l'on peut télécharger.
Accéder à la page du module Maximenu_CK
Le plugin Mediabox_CK permet d'afficher vos images et contenus multimédias dans une fenêtre de type Lightbox. Basé sur la librairie mootools 1.2 le plugin permet d'afficher des titres et descriptions sur chaque image. Vous pouvez également créer des albums pour naviguer entre les éléments. Les médias qui peuvent être chargés sont nombreux : youtube, daylymotion, vimeo, images, mp4, mo3, flv, flash, mov (player intégré), twitter, facebook, flickr, sites web et contenus webs.
Le module mooCoverFlow_CK permet de créer un menu coverflow comme ceux présents sur les Macs d'Apple. Vous pouvez faire défiler des images avec les titres des liens, la navigation peut se faire à la souris ou au clavier et les liens s'ouvrent lors du double clique sur l'image courante. Vous pouvez aussi transformer ce superbe menu en galerie d'images qui s'ouvrent dans une fenêtre popup de type lightbox.
Menu principal
Template Creator CK
Créez vos propres templates Joomla! avec Template Creator CK
Templates Joomla!
Téléchargez le livre de création de templates Joomla!
320 pages de Documentation technique, 2 Tutoriels pour créer les templates Joomla!, et 3 templates inclus
Maximenu CK
Créez votre Megamenu Joomla! avec Maximenu CK. Multicolonnes, multirangés, chargement de module, nombreux effets, thèmes responsive.
30
Oct
2011
Intégrer le media manager
Note utilisateur: 
/ 0
Compatibilité Joomla! 
Lors du développement d'un composant on a parfois besoin de sélectionner et uploader une image sur le site et récupérer son chemin dans un champ. On a la solution de coder un outil soi meme, ou alors d'utiliser le media manager intégré dans Joomla qui fait très bien son travail.
L'idée est que lorsque l'on clique sur un lien ça ouvre le media manager et après sélection de l'image on récupère son chemin dans un champ de formulaire.
On ajoute l'appel à la librairie modal qui permet d'afficher une lightbox.
JHTML::_('behavior.modal');
Ensuite on crée un lien qui va utliser la classe 'modal' pour s'ouvrir dans la fenêtre lightbox et qui pointe vers le media manager de Joomla!
<a class="modal" href="administrator/index.php?option=com_media&view=images&tmpl=component&e_name=test" rel="{handler: 'iframe', size: {x: 570, y: 400}}" >Ouvrir le media manager</a>
<input id="test" type="text" />
Dans le lien on retrouve une variable 'e_name=test' qui définit l'ID du champ dans lequel on récupère la valeur du chemin de l'image.
Pour parfaire le tout on doit définir une fonction javascript 'jInsertEditorText' pour traiter le résultat. Cette fonction est appelée lorsque l'on clique sur le bouton 'Insérer' du media manager. On écrit la fonction dans l'entête <head> de la page
function jInsertEditorText( text, editor ) {
var newEl = new Element('span').set('html',text);
var valeur = newEl.getChildren()[0].getAttribute('src');
$(editor).value = valeur;
}
La variable text contient la valeur du chemin de l'image et la variable editor contient l'ID du champ à remplir comme défini précédemment.
Et normalement c'est tout, on clique sur le lien, la fenêtre s'ouvre et lors du clic sur Insérer le champ test se rempli avec le chemin de l'image du type 'images/stories/monimage.jpg'.
Mentions légales
Site réalisé par Cédric KEIFLIN
Copyright © 2010 - 2011
http://tutoriels-joomla.joomlack.fr n'est ni affilié à Open Source Matters ou au projet Joomla ni approuvé par eux.
Le nom Joomla!® est utilisé sous license limitée de Open Source Matters, le propriétaire mondial de la marque de commerce.
Compteur de visites
 | Nombre de visiteurs | 857755 |
Qui est en ligne
Nous avons 268 invités et aucun membre en ligne