background preloader

Tutoriel

Facebook Twitter

Joomla 3-Comment appeller une Bdd externe | Web21 designStudio - Joomla | Web21 designStudio - (8) Joomla sites de stagiaires. Pourquoi j'ai choisi Joomla plutôt que Wordpress ? A l'origine je souhaitais vous présenter un match plutôt habituel, Joomla vs Wordpress et comme dans tous les articles de ce genre au final j'aurais tiré la couverture vers Joomla puisque c'est ce que j'ai choisi, et j'aurais donc eu des arguments qui allaient dans mon sens.

Au final, je vais vous avouer un secret, le meilleur entre Joomla et Wordpress c'est ... C'est celui que vous aurez choisi . Oui je sais, c'est dingue ?! Je me suis senti soulagé aussi lorsque j'ai enfin trouvé cette réponse... Mais au fait pourquoi je dis ca ? 1. C'est pour cette raison que le meilleur CMS c'est celui quie vous aurez choisi... 2.

L'important lorsque vous créez votre site internet c'est d'être conscient qu'il va évoluer et que vous allez très probablement vouloir le faire évoluer pour qu'il vous apporte de nouvelles fonctionnalités ou pour qu'il corresponde aux standards qui seront en vigueur. 3. 4. 5. 4. Vous retrouverez cette communauté sur les forums officiels de Joomla . 5. 6. en Conlusion. Comprendre z-index et les contextes d'empilement - Vincent De Oliveira · Passionné de CSS. Cet article est une traduction de What No One Told You About Z-Index écrit par Philip Walton le 22 décembre 2012. Ce que personne ne vous a dit sur z-index Le problème avec z-index, c’est que très peu de personnes ont réellement compris son fonctionnement. Ce n’est pas très compliqué, mais si vous n’avez jamais pris le temps de lire la spécification, il y a certainement des aspects cruciaux qui vous ont échappé.

Vous ne me croyez pas? Ok, voyons si vous pouvez résoudre ce problème? Le problème Dans le HTML suivant, vous avez trois <div>, et chaque <div> contient un seul élément <span>. Voici à quoi ressemble le HTML et le CSS. <div><span class="red">Red</span></div><div><span class="green">Green</span></div><div><span class="blue">Blue</span></div> Le challenge: essayez de faire passer le <span> rouge derrière les éléments bleu et vert en respectant ces règles: Pour vérifier que vous avez bien compris, cliquez sur «Edit on CodePen» et jouez un peu avec.

La solution Ordre d’empilement global. Comment migrer du contenu ou des utilisateurs d'un site Joomla 1.5 vers un site Joomla 2.5 - Depuis la fin du support de la version 1.5 de Joomla! (septembre 2012), tous les sites sous Joomla! Doivent être migrés vers la version 2.5 (ou 3) de Joomla! , pour entre autre des raisons de sécurité. Parfois, certains utilisateurs préfèrent refondre le site en ne gardant par exemple que le contenu ou les utilisateurs. Dans ce post, nous allons donc voir comment migrer du contenu et des utilisateurs d'un site Joomla 1.5 vers un site Joomla 2.5. Pour cela, nous allons utiliser l'extension J2XML Qu'est-ce que J2XML ? J2XML est seulement la première partie de deux extensions. J2XML Importer est l'opposé : c'est l'extension qui va vous permettre d'importer votre contenu dans un site Joomla 2.5. Ces extensions s'installent comme n'importe quelle extension Joomla!. Migrer votre contenu Exporter votre contenu du site Joomla 1.5 Premièrement exportons votre contenu de votre site Joomla 1.5 Installation de J2XML Rendez-vous ensuite dans Extensions → Gestion des Plugins.

Migrer vos utilisateurs. Préparer une image pour Internet. Vous avez pris une photo avec votre appareil photo numérique, ou scanné une page de magazine, ou encore copié des images depuis un CD... et vous souhaitez maintenant l’envoyer par courriel ou la publier sur le Web. Allons-y ! Qu’est-ce qu’une image numérique ? Dans tous les cas, une image numérique se caractérise par : son nom, sa résolution, sa taille, son poids et son format de fichier.Vous devez connaître ses caractéristiques et savoir les modifier en fonction de l’utilisation que vous souhaitez avoir de cette image. Que voulez-vous en faire ? Une image destinée à l’impression devra avoir une résolution plus importante qu’une image destinée à être affichée uniquement à l’écran.

Inversement, une image destinée à être envoyée par courriel, ou publiée sur une page web, devra avoir un poids peu important. Les images à l’écran (web ou mail) Que ce soit pour envoyer une image par mail à quelqu’un, ou pour la publier sur une page web, prenez soin de vérifier : Comment faire tout cela ? Tutoriel : préparer ses photos pour le web. Aujourd’hui j’ai reçu par internet un dossier contenant seulement 9 photos pour 36 Mo.

La personne qui m’a transmis ce dossier m’a avoué ne pas savoir préparer ses photos pour une diffusion web. Je lui ai donc renvoyé ce tutoriel dans lequel je présente comment préparer ses photos avec différents logiciels : Xnview, lightroom et photoshop afin de les diffuser sur la toile avec un poids et une taille raisonnable. Rappels avant de commencer : Non compressées les photos pèsent environ 3 à 10 Mo (parfois plus) à la sortie de l’appareil photo.Non redimensionnées les photos ont une taille de 2000 x 1500 à 3000 x 2000 pixelsLa majorité des utilisateurs du web possèdent des écrans aux résolutions voisines 1024 x 768 pixels. Pour ce tutoriel j’utilise une photo de 1500 x 1000 pixels et d’une résolution de 300Dpi.

Compresser ses photos avec Xnview Xnview est un logiciel gratuit disponible sur de nombreux sites de téléchargement. Etape 1 : Etape 2 : Etape 3 : diffuser les photos Etape 3 : Etape 4 : Cours: Créer un site web avec Joomla. Tutoriels et documentations pour le CMS Joomla! Kiwik. Comment créer un menu déroulant avec le module de menu standard Joomla 3? Comment créer un menu déroulant avec le menu standard Joomla3 ? Ce tutoriel permet de créer un menu déroulant à partir du menu fournis en standard avec Joomla 3.x. Ce menu as trois niveaux et peut être étendu si vous avez des niveaux supplémentaires. Il nécessite une surcharge du module de menu et des modifications CSS. Le template utilisé est Beez 3. Il peut être adapté pour le template Beez 2.0, mais nécessite pour cela un script Javascript. Ceci n'est pas décrit dans ce tutoriel. Tutoriel en cours de révision : cause des changements ont été apportés au module de menu depuis la publication. Le paramétrage du module de menu Pour que le menu déroulant soit actif, il faut que les paramètres suivant du module de menu soit ceux ci dessous : Elément de menu actif : courantNiveau de départ : 1Dernier niveau : toutAfficher touts les liens : oui La surcharge du module de menu Pour effectuer la surcharge du module de menu, il faut faire les deux choses suivantes : Les modifications css.

Tutoriel Joomla! : Utiliser Squeezebox | Blog de l'Agence Web Ukoo. C’est joli une lightbox ! En plus c’est natif dans Joomla! 2.5. Alors profitez-en ! Joomla! , MooTools… et Squeezebox Le système de lightbox (« Squeezebox ») natif de Joomla! Et le mieux dans tout ça ? Activer Squeezebox… Pour pouvoir utiliser Squeezebox, il suffit d’appeler une simple ligne de code dans le fichier « index.php » de votre template. JHTML::_('behavior.modal'); Ce simple appel, indique à Joomla! …et l’utiliser Tout ce que vous avez à faire à présent c’est de créer, n’importe où sur votre site, un lien avec la classe « modal » comme ceci : Pour une image : <a href=" lien</a> Pour un contenu de la page : <a href="#id_de_mon_contenu">Mon lien</a> Pour une page externe : Avec ou sans paramètres supplémentaires Plusieurs paramètres supplémentaires sont disponibles afin de vous permettre d’ajuster au mieux votre Squeezbox.

Ces paramètres sont tous à indiquer dans l’attribut rel du lien. Exemple Les différents paramètres possibles sont les suivants : handler : Le Template Beez. Article écrit spécialement pour Cocoate par la conceptrice des templates Beez : Angie Radtke Un template contient habituellement plus que ce que vous voyez à première vue. Le terme template est généralement lié à l'aspect visuel d'un site web. Mais en plus de la conception graphique, il se distingue par la technique de la mise en œuvre du site.

Il détermine où le contenu se trouve dans le flux des documents, quand et où certains modules peuvent être activés et disparaitre, si des pages d'erreurs personnalisées sont utilisées et quel balisage - version html doit être utilisé. Certains utilisateurs seront certainement familiers avec le template Beez dans Joomla ! 1.5. Tous les deux, beez_20 et beez5 sont visuellement très différents du design de la version précédente. Dés le départ, je voulais développer un template conforme, facilement accessible et adaptable. Une autre erreur fut probablement de n'avoir pas communiqué assez clairement sur ce qu'était le vrai but.

Accessibilité générale. Tutoriel JOOMLA | L'éditeur de texte TinyMCE. L'éditeur de texte TinyMCE fourni avec Joomla est puissant. Il permet de faire directement depuis le site la plupart des mises en forme, comme : la mise en gras la mise enitalique le soulignement le choix de la couleur du texteet ainsi de suite (survoler les différents boutons de l'éditeur pour une indication sur leur fonction affichée dans l'info-bulle) Lorsqu'on insère du texte qui vient d'un autre logiciel (traitement de texte ou autre), il est particulièrement important de coller "proprement" ce texte en utilisant les boutons appropriés, faute de quoi un tas de commandes cachées de mise en forme risquent de perturber le résultat final.

En particulier, les boutons suivants peuvent être utilisés : Il est possible de personnaliser la configuration de TinyMCE, notamment : Dim lights Embed. [JOOMLA] Personnaliser la page d'erreur 404 de Joomla. Lorsqu'une page est manquante, on obtient une erreur 404. Joomla possède son propre système de page d'erreur 404 que vous avez peut-être envie de personnaliser. Nous allons voir comment procéder. La page d'erreur par défaut Elle ressemble à ceci : Pas top, n'est-ce pas... Elle n'est sans doute pas aux couleurs de votre site et n'est pas très explicite pour vos visiteurs... Créez votre page d'erreur Commencez par créer votre page d'erreur 404, aux couleurs de votre site. Vous pouvez également créer un petit formulaire sur cette page qui permettra à vos visiteurs de vous signaler l'adresse de la page manquante.

Voici par exemle la page d'erreur 404 de LearnUp : Nommez cette page par exemple "error404.php" et placez-là à la racine de votre site. Modifier le fichier error.php Pour que ce soit votre page qui soit utilisée, vous devez modifier le fichier "error.php" qui se trouve dans le répertoire templates/system/ Sauvegardez le fichier, puis placez-le sur votre serveur. Modifier le fichier .htaccess. Tutorials Directory. Tutoriels et formation vidéos Joomla 1.5 - Niveau débutant. Aide : Tutoriels Joomla - Espace Client | Création Site Internet à Evreux Eure 27 - Crealys Web.

Joomla 2.5 – Le Guide Pour Débutant. Tutoriels Joomla 2.5 proposés par la communauté Joomea - Template Joomla. Joomla pour débutants - Installer google analytics. Note utilisateur: Détails Catégorie : Joomla : différents tutoriels Créé le dimanche 4 mars 2012 15:49 Mis à jour le vendredi 13 juillet 2012 18:44 Écrit par philippe Dans ce tutoriel, je vais vous montrer comment installer votre code google analytics. C'est surtout un exemple pour vous montrer comment créer et utiliser un module personnalisé Google analytics vous permet d'avoir des statistiques sur la fréquentation de votre site internet.

Avant de commencer, il faut un code google analytics. Il faut désactiver les filtres de textes. Il faut que l'éditeur de texte accepte l'affichage du code source. Il faut aller dans la partie administration du site. Il faut cliquer sur Extensions -> Gestion des modules Il faut cliquer sur Nouveau Sélectionner Contenu personnalisé 1 : on rentre le titre du module. 2 : on choisit d'afficher le titre ou pas. 3 : on choisit une position de son template 4 : on indique le nom de la classe. Maintenant, il faut passer l'éditeur en affichage du code source. Tutoriels, aide francophonne, actualités Joomlart / Aide en français du template Ja_Purity ii. Kit Joomla! 2.5 de base - Kits Joomla! avec extensions. Configurer joomla. Etape1 Selectionner le langue / suivant Etape2 Pré installation / Cliquez sur suivant Etape3 Licence / lisez et cliquez sur suivant Etape4 Base de données Nom du serveur : localhost Nom d’utilisateur : root Nom de la base de donnée : entrez le nom de base de donnée que vous souhaitez Note : ne mettez pas de mot de passe Etape5 Cliquez directement sur suivant Etape6 Renseignez le nom du site : celui que vous voulez Votre email : champ obligatoire mais pour développement local vous pouvez entrez un email fictif Mot de passe de l’admin : important c’est le mot de passe dont vous vous servirai pour vous connecter au backend de joomla.

Etape7 L’installation est maintenant terminée Etape8 pour pouvoir vous connecter vous devez supprimer le dossier installation et le fichier install, ensuite cliquez sur le bouton site Etape9 Wellcome to the Frontpage. Assistance CMS.