|
Voici le livre électronique (eBook) pour la création de template Joomla 1.6 (compatible Joomla 1.7) qui vous guidera à travers près de 200 pages pour vous aider à construire votre propre template Joomla. Vous aborderez les problématiques HTML et CSS et entrerez dans les entrailles d'un template en abordant les thèmes comme la traductions de fichiers de langues et la gestion de paramètres d'administration.
Le livre est structuré en deux parties, la première est une documentation technique qui se veut être une véritable ressource documentaire pour vous aider à trouver l'information dont vous avez besoin lors de la conception de votre template. La deuxième partie de l'ouvrage est consacrée à un tutoriel complet pour créer un template nommé "basket_ck" qui est totalement compatible Joomla 1.6 et 1.7.
Le livre est l'évolution du eBook pour la création de template Joomla 1.5 que j'avais déjà écrit, il a été remanié pour prendre en compte l'évolution de la nouvelle version avec un tutoriel remis au gout du jour.
Le package téléchargeable contient le livre électronique de près de 200 pages ainsi que le template basket_ck directement installable dans Joomla 1.6 ou 1.7
Télécharger le livre électronique sur la création de template Joomla 1.6 et 1.7 : 10 euros (template inclus)
Vous pouvez également consulter le sommaire de l'ouvrage :
I.INITIATION HTML ET CSS 11
1.C'est quoi un template ? 12
2.Les bases HTML et CSS 15
2.1)HTML ou XHTML 15
2.2)Structure d'une page HTML 16
2.3)Balises HTML 16
2.4)Utiliser les CSS 17
2.5)Forcer le comportement en CSS 18
2.6)Validation du code 21
2.7)HTML5 et CSS3, compatibilité d'appareils mobiles 22
II.DOCUMENTATION TECHNIQUE 23
1.Structure d'un template 24
1.1)index.php 25
a)Tout en haut de la page 25
b)Partie HEAD 25
c)Partie body 26
d)Code complet 27
1.2)index.html 28
1.3)templateDetails.xml 29
a)Champs d'information 29
b)Fichiers à installer 30
c)Positions de module 31
d)Langues 32
e)Paramètres 33
calendar 34
category 36
editors 37
filelist 38
folderlist 39
helpsites 40
hidden 41
imagelist 42
languages 43
list 44
menu 45
menuitem 46
password 47
radio 48
spacer 49
sql 50
text 51
textarea 52
timezones 53
usergroup 54
accesslevel 55
cachehandler 55
checkbox 56
checkboxes 56
contentlanguage 57
editor 58
1.4)template_thumbnail.png 59
1.5)template_preview.png 59
1.6)favicon.ico 59
2.Les différents appels JDOC 60
2.1)Head 60
2.2)Component 61
2.3)Message 61
2.4)Module 62
a)Chargement d'un module 62
b)Chargement de plusieurs modules 62
c)Personnalisation des modules 62
3.Template override 65
3.1)Override de composant 65
3.2)Override de plugins 66
3.3)Override de modules 66
3.4)Module Chrome 67
3.5)Paramètres avancés de module chrome 69
a)$module 69
b)&$params 69
c)&$attribs 70
3.6)Petite conclusion sur l'override 72
4.Layout override 73
4.1)Layout alternatif de modules 74
4.2)Layout alternatif de composants 76
4.3)Layout alternatif de liens de menu 77
5.Les paramètres 79
6.Les CSS de Joomla! 81
6.1)Module Menu 81
6.2)Module Dernières infos 82
6.3)Module Articles populaires 82
6.4)Module Identification 83
6.5)Module Qui est en ligne 83
6.6)Bannière 84
6.7)Fil d'ariane 84
6.8)Module derniers utilisateurs inscrits 84
6.9)Module de recherche 84
6.10)Vote 84
6.11)Navigation 85
6.12)Article 85
6.13)Liste des articles d'une catégorie 86
6.14)Page contact 87
6.15)Page catégorie de contact 88
6.16)Enregistrement utilisateur 88
6.17)Connexion utilisateur 89
6.18)Autres sources 90
7.Compatibilité Internet Explorer 91
7.1)Créer une architecture compatible 91
7.2)CSS conditionnels pour IE 94
7.3)!important : une propriété CSS un peu particulière 96
7.4)La transparence sous IE6 97
7.5)pseudo-classe :hover avec IE 99
8.Conditions d'affichage et countmodules 100
8.1)countmodules 100
8.2)Countmodules et les opérateurs arithmétiques 100
8.3)mode éditeur, un exemple avec JRequest 102
8.4)Combinaison finale 103
9.Module à coins arrondis 104
9.1)Méthode 1 : taille unique 104
9.2)Méthode 2 : modulable 105
9.3)Méthode 3 : Multi-tailles en TABLE 107
10.Suffixes de classes CSS 110
10.1)Suffixe de module 110
10.2)Suffixe de page 111
10.3)Mode avancé 111
11.Les langues et traductions 113
11.1)Insérer des termes traduisibles 113
11.2)Traduction des paramètres d'administration 115
11.3)Traduction des positions de modules 116
11.4)Langage LTR ou RTL 117
12.Inclusion de mootools 118
13.Convertir un template 1.0 en 1.5 119
13.1)templateDetails.xml 119
13.2)index.php 119
14.Convertir un template 1.5 en 1.6 121
14.1)Conversion de mootools 121
14.2)templateDetails.xml 121
14.3)Fichiers de langue 122
15.Outils pour le développement 123
15.1)Les frameworks 123
15.2)Artisteer 124
15.3)Template Creator CK 124
15.4)Webdeveloper 125
15.5)Firebug 125
15.6)Colorzilla 125
15.7)Wampserver ou Xampp 125
15.8)IEtester 126
15.9)Notepad++ 126
15.10)Un IDE : Netbeans ou Eclipse 126
III.TUTORIEL DU TEMPLATE "BASKET_CK" 127
1.Cahier des charges 128
2.Pour commencer 129
2.1)L'éditeur 129
2.2)Le serveur local 129
2.3)Firefox et ses extensions 130
2.4)IEtester 130
2.5)Les logiciels graphiques 130
2.6)Les bases du langage 130
2.7)Installation de joomla! 131
3.Commençons... 132
4.Mise en place 135
5.index.html 136
6.index.php 136
6.1)Bannière, logo et recherche 137
6.2)Menu top 138
6.3)3 modules à largeur variable 138
6.4)Colonnes principales : gauche, centre et droite 141
6.5)Bas de page 142
7.templateDetails.xml 144
8.Ajout du paramètre 147
9.Création des fichiers de langue 148
10.Mise en place des CSS 149
10.1)Paramètres généraux 149
10.2)Conteneurs principaux 151
10.3)Colonnes centrales : gauche, centre et droite 157
a)Module de menu 160
b)Titre bicouleur des modules 162
c)module à coins arrondis 164
10.4)Modules de news "userstop" 168
10.5)Topmenu déroulant 171
a)Dérouler en CSS 172
b)Rendre compatible Internet Explorer 172
c)Code final 173
10.6)Module d'identification 176
10.7)Corps de la page 177
a)Articles 177
b)Liste des articles ou catégories 179
c)Formulaire de contact 181
10.8)Bas de page 182
10.9)Module de recherche 182
11.Finition : Mise en paquet installable 184
12.Bonus – Ajout d'une position 186
13.Bonus 2 - Migrer le template Basket_CK de Joomla! 1.5 à 1.6 188
13.1)Récupération du template Basket_CK pour Joomla! 1.5 188
13.2)Modification du fichier 'templateDetails.xml' 188
13.3)Modificaton du fichier 'index.php' 189
13.4)Les images sytème 189
13.5)Template override 189
13.6)Stockage des paramètres 190
13.7)Image d'aperçu 190
13.8)Mise en package 190
IV.ANNEXES 191
1.Template override, contenu du fichier pagination.php 192
2.Positions usuelles utilisées dans le eBook 194
Image de livre 3d créée sur Online 3D Package |
