Modifier les menus du template BEEZ20 de Joomla

Nous allons maintenant modifier les menus du template Beez-20 installé par défaut sous Joomla 1.6.3

- Pour modifier les menus, mettre une image en arrière-plan et changer la couleur du texte

Pour mettre une image en arrière-plan des menus ou changer la couleur des menus:
Dans vos fichiers, ouvrez personal.css :
> templates > beez_20 > css >personal.css

A la ligne 444 :
ul.menu
{
border:0;
background:#fff /* url(../images/nature/nav_level_1.gif) repeat-x */;
border:solid 0px #eee;
}

Donc soit vous modifier la couleur du background ou modifier l'url images (que vous transférer via votre ftp)
J'ai de mon côté mis une image en dégradé bleu avec une bordure grise.
Voici le code modifié et ce que cela donne
ul.menu
{
border:0;
background:url(../images/personal/item.jpg);;
border:solid 1px #333;
}

Je vais maintenant modifier la couleur du texte de mes menus
Toujours dans personal.css, à la ligne 462 :

ul.menu li a:link,
ul.menu li a:visited
{
color:#444;  :  /changer la couleur ici/
background:url(../images/nature/karo.gif) 5px 12px no-repeat
}

ul.menu li.active a:link,
ul.menu li.active a:visited
{
color:#333;   /changer la couleur ici/
}

Et j'en profite pour modifier le petit carré gris en une étoile qui correspond à karo.gif

Ce qui donne :

Pour modifier la couleur du titre principal de la page d'accueil et la police, c'est à la ligne 715
#main .blog h1,
#main .blog-featured h1
{
color:#fff;  / changer la couleur /
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
font-family: ' Arial;
margin-top:-1px !important
}

Pour modifier la couleur de vos titres sur vos pages internes, c'est à la ligne 734.

Voici le résultat :




                                              

                                                                                  >> Installer un Chat Gratuit sur Joomla

Demandez un devis au webmaster pour la création de votre site sous joomla ou pour la réalisation d'un template personnalisé à faible coût.

Tutoriaux joomla

- Installer Joomla
- Tutoriaux Joomla: administrer Joomla 1.6.3 - créer des articles, menus, catégories, modules
- Editez les paramètres des articles
- Modifier la couleur de fond d'un article dans l'administration de Joomla ou mettre une image en background

- Supprimer le logo Joomla et modifier le header
- modifier template Beez20, remonter header, modifier police, mise en page ...
- Modifier les couleurs, arrière-plan du template joomla
- Modifier les menus, mettre une image en arrière-plan de menu
- Installer un Chat gratuit sur Joomla
- Intégrer un disclaimer sur Joomla