Kits Joomla!®, serveurs web, extensions et tutoriels - Joomlatutos.com Gantry 4 : L'intégration du Responsive Design dans les templates | Outils pour Joomla Publié le mardi 20 novembre 2012 09:29 Le framework Gantry, dans sa version 4, prend maintenant en charge le Responsive Design (cf. Le Responsive Design : l'UX de Joomla abat sa première carte). RocketTheme, le concepteur de Gantry, a bien compris qu'avec la forte croissance des appareils mobiles, aux tailles d'écrans très variés, il était rapidement devenu ingérable de proposer une vue spécifique à chaque type d'appareils indépendemment du design principal. La montée des Responsive Frameworks Au cours des dernières années, la conception de design en grille basée sur des solutions populaires comme 960 Grid, Blueprint ou encore YAML est devenue LA solution pour le design en CSS dans un monde dominé par les ordinateurs de bureau et les ordinateurs portables. RocketTheme a adopté cette philosophie lorsqu'ils ont créé le Framework Gantry, sélectionnant le système 960 Grid comme base de travail en raison de sa flexibilité, de sa légèreté et de sa compatibilité avec les navigateurs. Détails
Positions des modules infos Published on Wednesday, 16 May 2012 10:30 Written by Super User Hits: 433 There are 68 collapsible module positions. Non-Standard Elements There are non-standard elements that are injected into the template grid structure when enabled via the template parameter. For example: The logo element is injected into the header-a position. You can change the positions of these elements at Extensions → Template Manager → rt_panacea_j15 Layout Control The positions themselves are highly configurable, with the ability to change the width allocation depending on how many positions are published to a particular module row, such as feature-a/f. Gantry Framework : Layouts Documentation Preview The below diagram is of the Module Variations page.
Typography Typography Headings All HTML headings, <h1>through <h6>are available. h2. Heading 2 h3. h4. h5. h6. Built with Less The typographic scale is based on two LESS variables in variables.less: @baseFontSize and @baseLineHeight. Body copy Bootstrap's global default font-size is 14px, with a line-height of 1.7em. Nullam quis risus eget urna mollis ornare vel eu leo. <p>... Lead body copy Make a paragraph stand out by adding .lead. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. <p class="lead">... Emphasis Make use of HTML's default emphasis tags with lightweight styles. For emphasizing a snippet of text with stress The following snippet of text is rendered as italicized text. <em>rendered as italicized text</em> For emphasizing a snippet of text with important The following snippet of text is rendered as bold text. <strong>rendered as bold text</strong> For de-emphasizing inline or blocks of text, use the small tag. This line of text is meant to be treated as fine print. Notice Styles <?
Gantry Framework infos Published on Wednesday, 16 May 2012 10:29 Written by Super User Hits: 218 Definition of Gantry gan·try (gan′trē) noun (RocketTheme) A framework used for assembling, building and maintaining a RocketTheme template Overview of Gantry Gantry is a sophisticated Joomla template framework with the sole intention of being the best platform to build a solid template with. Extensive Gantry Documentation Key Features The Gantry framework is packed with many great features that enable the rapid development of feature-rich designs with a minimum amount of effort. 960 Grid System Stunning Administrator interface XML driven and with overrides for unprecedented levels of customization Per-menu-item level control over any configuration parameter Preset any combination of configuration parameters, and save custom presets 65 base module positions. More Features Installing/Updating Gantry The Gantry library is a separate from the templates that use it. Overview of the Administrator Interface
Quelle résolution utiliser en desktop pour la création d’un site internet en 2015 ? | Media, Social, InformationMedia, Social, Information Pourquoi s’intéresser à la résolution de son écran lors de la conception d’un site internet? Avoir une interface visible par tous, confortable et ergonomique voilà, l’objectif premier lors du travail de la création d’un site internet. Or, même si l’on vise un public qui travaille uniquement sur desktop, les résolutions existantes dans ce domaine sont vastes et évoluent chaque année. Lors d’une récente interview, Antoine Thery, de l’agence web Pure Illusion, nous confiait: « Dans la conception et en fonction du navigateur utilisé, un pixel en trop fait apparaitre une barre de défilement. Quelles sont les résolutions les plus utilisées? Afin de résoudre ce problème de visibilité, vous pouvez créer des statistiques suivant la résolution des écrans de vos visiteurs directement via votre interface internet. On y voit que les 3 écrans les plus utilisés sont: 1366×768 HD (18.93%), 1024×768 4:3 XVGA (14.43%) et 1920×1080 16:9 HD 1080 (12.60%), les mêmes que celles utilisées en 2014.
Choisissez votre template Joomla! template[0 outline] Ce site vous présente une sélection personnelle de templates qui méritent l'intérêt soit pour leur graphisme ou leurs fonctions.Ces templates sont tous disponibles en téléchargement gratuit. Choisissez dans la liste déroulante un template pour l'appliquer à ce site et le découvrir en conditions réélles. Vous pouvez afficher les positions des templates en le sélectionnant puis en cliaquant sur le lien "Afficher les positions" qui rajoute à l'url de base l'élément suivant : index.php? Pour télécharger ensuite les templates qui vous intéressent, cliquez sur ce lien et accèdez à l'espace de téléchargement...
Nouveau site démo gantry 5 - KaDo : particule grille image - Forum de discussion | En toutes lettres Bonjour à tous Peut être certain d'entre vous l'on déjà remarqué, la partie tutoriels Gantry 5 d'En toutes lettres prend sa forme définitive avec un nouveau site dédié Démo Gantry 5 utilisant le template Kraken de RocketTheme. Pour en apprendre encore plus sur ce framewok, ce site et développé aussi en multi-langue avec les fonctions de base de Joomla!. L'adresse de ce site est: www.demo-gantry5.en-toutes-lettres.fr Vous retrouvez sur ce site nos différents tests référents à nos tutoriels (template de base Hydrogen)Quelques variations possibles du template de base HydrogenQuelques templates gratuit Gantry 5, Novaly et Hello (il semble qu'il soit maintenant difficile de les retrouver, j'ai contacté l'auteur sans réponse)Et un espace dédié aux particules Avec nos 2 tutoriels Vous avez logiquement tout en main pour créer vos propres particules. KaDo - Particule Grille Images Pour chaque langue, j'ai donc créé un fichier d'installation pour cette particule que je vous propose. Forum
Choisissez votre template Joomla! Choisissez votre template Joomla! Samedi, 23 Janvier 2010 22:16 Présentation Ce site vous présente une sélection personnelle de templates qui méritent l'intérêt soit pour leur graphisme ou leurs fonctions.Ces templates sont tous disponibles en téléchargement gratuit. Choisissez dans la liste déroulante un template pour l'appliquer à ce site et le découvrir en conditions réélles. Vous pouvez afficher les positions des templates en le sélectionnant puis en cliaquant sur le lien "Afficher les positions" qui rajoute à l'url de base l'élément suivant : index.php? Pour télécharger ensuite les templates qui vous intéressent, cliquez sur ce lien et accèdez à l'espace de téléchargement...
Gantry 5: Particles, Atoms and the Layout Manager Gantry is a very popular design framework for Joomla. Created by Rockettheme, Gantry 5 is used for most of their templates, and is also used by many freelance designers. Do you want to become an expert on the Gantry 5 framework? Click here to download our guide to using Gantry 5 on your site. Read this free guide and you'll understand Atoms, Particles, Outlines, Styles and much more. Welcome to the third post in our 5-part series on the Gantry 5 framework from RocketTheme. In the previous post, we learned how to build a simple website using Gantry and the Hydrogen template. Now that we've created our first website, let's look at creating a more advanced layout. Normally, as a Joomla user, we would now add some modules to the site. Extra layout options provided by Gantry 5 Most of Gantry's layout options use Particles. Particles are pieces of content, similar to a module, but living only inside Gantry. Gantry has several types of Particles available: #1. #2. Spacer: This separate content blocks.
Intranet Joomla Votre organisation souhaite mettre en place un Intranet Joomla ou un Extranet Joomla. Vous pensez faire le choix d'un Intranet Joomla pour sa fiabilité, son évolutivité, la rapidité de mise en oeuvre et aussi l'économie dégagée par rapport à des solutions de marché concurrentes. Joomla apporte des réponses à la manières des grandes solutions de marché. Vous souhaitez : Partager et diffuser des informations et des documents de façon intelligente,Ouvrir des pans de votre Intranet en Extranet de façon sécurisée,Améliorer la productivité de vos équipes grâce à un partage de connaissances et à des outils facilitant votre organisation. Site Intranet Joomla : les avantages et les points forts Les multiples usages d'un portail Intranet Joomla Les fonctionnalités standard de votre Intranet Joomla Site Intranet Joomla : environnement applicatif et outil de gestion De nombreuses options techniques sont envisageables : Forum, commentaires, événements, groupes : de véritables réseaux sociaux d'entreprise
UIkit for Gantry5 Atom and Updated Particles (FREEBIES) We are really happy to announce the release of one very special freebie - meet the "UIkit for Gantry5" atom! You might be wondering what is so special about it? Just keep reading and you will see for your own. You might also be wondering why we release such an atom and make it look so special, when you can just load the UIkit assets on your own, from the "Page Settings" tab? The "UIkit for Gantry5" Atom First of all, let me explain what UIkit is. As you probably already know, the Gantry 5 framework comes with its own, very basic, front-end framework called Nucleus. So here comes the "UIkit for Gantry5" atom, the missing piece in the Gantry 5 framework! We are maintaining a modified and optimized version of the UIkit framework. If you load the original UIkit assets manually your website will change its look and will become quite messy. Additional Grid/Columns options. Updated Particles As you probably already know, we frequently release FREE particles and atoms. UIkit for Gantry5 Atom
Joomla! pour les Nuls Pour agrémenter vos articles vous souhaiterez certainement y insérer à un moment ou à un autre des images ou des photos: rien de plus facile avec le mambot {mosimage} ...(!) Bon d'accord, commençons par le commencement. D'abord, vous devez vous procurer vos images puis les stocker dans un répertoire précis de Joomla! Il y a 2 façons de procéder, qui dépendront essentiellement de la quantité d'images que vous souhaitez transférer sur votre site. Dans le cas de figure le plus simple vous souhaitez simplement insérer une nouvelle image dans un article, pour ce faire vous pouvez utilisez le Gestionnaire de médias accessible depuis la console d'administration par le menu Site / Gestions des médias. Souvenez-vous que les images que vous souhaitez insérer dans vos articles doivent impérativement se trouver dans le dossier stories ou dans un sous-dossier de stories. Cette méthode a ses limites: si vous souhaitez transférer des dizaines d'images, vous allez devoir répéter n fois cette opération.
Section particulières des styles Gantry 5 | Formation Joomla Elephorm Dans cette formation en ligne Gantry 5 pour Joomla, le formateur vous explique la section particulière des styles. L’objectif de ce cours est d’arriver à savoir les autres options pour personnaliser les styles des templates. Vous pouvez passer par l’onglet Styles pour personnaliser le style de votre Gantry 5.