article(s) dans votre panier VOIR

Tuto Joomla | Personnaliser un template existant à partir des feuilles de style CSS, rappels sur les bases HTML et CSS

  • Vidéo 8 sur 40
  • 6h09 de formation
  • 40 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Personnaliser un template existant à partir des feuilles de style CSS, rappels sur les bases HTML et CSS
00:00 / 15:27
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Exercice / Validation des acquis
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans ce tutoriel Joomla, vous allez apprendre à personnaliser un template Joomla existant en modifiant la feuille de style CSS. Vous apprendrez à personnaliser votre raccourcis de Firebug dans Firefox. Après quelques rappels de notions HTML-CSS (balise div, class, H1...), vous pourrez identifier et modifier les parametrages graphiques de votre site web. Le template utilisé (Framework Gantry) possède plusieurs feuilles de styles dans le dossier css. Il faut prioriser la pose des styles CSS dans la feuille de style principale (style1.css). En commentant votre code, vous la différenciez et garderez en mémoire vos modifications. Vous changerez la couleur d'un titre H2. La classe title ne possède qu'un seul paramètre, si des informations sont différentes (deux tailles différentes par exemple) il ne conservé que les informations en dur, sur la feuille de style prioritaire.
Vous apprendrez aussi à changer l'alignement des paragraphes de manière dynamique en prévisualisant avec le module Firebug.