Les titres div.componentheading et td.sectiontableheader

Faites un parcours sur les autres liens du "Menu principal".

Vous allez repérer les titres pour "News", "Blog," "Flux Rss" ayant ce selecteur css "div.componentheading". On le choisit identique à "td.contentheading" paramétré précédemment. Donc le code modifié sera:

 
td.contentheading, div.componentheading {
  color: green;
  font-size:large;
}
 

Dans la page "FAQs", essayons de paramétrer la ligne de titre du tableau affichant la liste des articles.

"Date Titre de la publication Auteur Clics"

L'arbre DOM, toujours, de l'outil "IE Developper Toolbar" est à votre service. Il s'agit du selecteur "td.sectiontableheader" à paramétrer. Voici le code :

 
td.sectiontableheader {
  background-color: #F0FFF0;

  color: #808000;
}
 

Sauvegarder votre fichier template_css.css et RAFRAICHISSEZ la page de votre site pour voir le résultat obtenu dans votre navigateur.

En conclusion et comme vous l'avez constaté à travers ce tutoriel, la personnalisation de notre template simple joomla 1.0 consiste à repérer :

• d'une part, les blocs div utilisés dans le fichier index.php et leur disposition, ainsi que les modules joomla qui y sont affichés.
• et d'autre part les syles propres à joomla du fichier template_css.css et les éléments auxquels ils correspondent dans vos pages web pour pouvoir les modifier à votre gré.

Tutoriel avancé template joomla 1.0
Création template joomla 1.5
Création template joomla 2.5 et joomla 1.7
Template joomla professionnel