Téléchargez gratuitement le tutoriel de création d'un template Joomla! 3. L'ouvrage de près de 90 pages vous guidera pas à pas dans la création du template Joomla! 3. De la maquette graphique à l'utilisation des styles CSS3, apprenez comment créer votre propre template.

tutoriel template joomla3 gratuit 3d

 

 

 

Le tutoriel aborde les différents points essentiels : la structure de dossiers et fichiers, leur contenu, la création de l'architecture HTML et CSS ainsi que les appels Jdoc de Joomla!.

Le package comprend le tutoriel gratuit de près de 90 pages ainsi que le template "1870j3" pour Joomla! 3 issu du tutoriel.

 

Ce tutoriel est un extrait du livre de Création de template Joomla! 3 qui fait près de 320 pages, avec une documentation technique et 2 tutoriels (dont un sur l'utilisation de Bootstrap).

 

 

 

 

 

Télécharger le Tutoriel gratuit création de template Joomla! 3

 

Sommaire du tutoriel

I.TUTORIEL DU TEMPLATE "1870J3" 10
1.Cahier des charges 11
2.Pour commencer 12
2.1)L'éditeur 12
2.2)Le serveur loca l 12
2.3)Firefox et ses extensions 13
2.4)IEtester 13
2.5)Les logiciels graphiques 13
2.6)Les bases du langage 14
2.7)Installation de joomla! 14
3.Commençons... 15
4.Créer la structure pour commencer 19
5.index.htm l 20
6.index.php 20
6.1)Menu horizonta l 21
6.2)Bannière – logo et module 22
6.3)Rangée de 4 modules 23
6.4)Slideshow 26
6.5)Zone centrale à 3 colonnes 26
6.6)Rangée de 4 modules sous le contenu 29
6.7)Rangée de 4 modules dans le pied de page 30
6.8)Module de pied de page 31
6.9)Fin du document 32
7.templateDetails.xm l 33
8.Option du template : couleur de fond 37
9.Mise en place des CSS 38
9.1)Initialisation des styles 38
9.2)Styles généraux 40
9.3)Conteneur principa l 43
9.4)Menu horizonta l 45
9.5)Bannière logo et module de recherche 51
9.6)Rangée de 4 modules 52
a)Scénario 1 : un seul module 55
b)Scénario 2 : deux modules 55
c)Scénario 3 : trois modules 56
d)Scénario 4 : quatre modules 57
9.7)Slideshow 59
9.8)Contenu principal à 3 colonnes 59
a)Personnalisation du menu vertica l 63
b)Personnalisation du module de connexion 64
c)Personnalisation du titre des articles 66
d)Personnalisation du lien lire la suite 66
e)Personnalisation du fil de navigation (fil d'ariane) 68
f)Personnalisation de la navigation entre articles 68
g)Personnalisation des informations de l'article 69
h)Articles en colonnes en mode blog 72
9.9)Rangée de modules sous l'article 74
9.10)Modules en bas de page 76
9.11)Pied de page 79
10.Création des fichiers de langue 80
11.titre de module bicouleur 85
12.Responsive design – adaptation pour mobiles 87
13.Création du package fina l 89
14.BONUS – Créer le template 1870j3 avec Template Creator CK 91

Outil de création rapide, puissant et responsive.

En savoir plus

Extensions favorites

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Analytics
Outils utilisés pour analyser les données de navigation et mesurer l'efficacité du site internet afin de comprendre son fonctionnement.
Google Analytics
Accepter
Décliner