Modifier le template BEEZ20 de Joomla

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

- Pour modifier la couleur d'arrière-plan, le gris en couleur de fond du template Beez_20

Dans vos fichiers, ouvrez personal.css :
> templates > beez_20 > css >personal.css

A la ligne 18 :
body
{
background: #e0dedf url(../images/personal/bg2.png) repeat-x;
color: #333;
font-family: arial, helvetica, sans-serif;
}

Vous modifiez
- soit l'image bg2.png pour mettre une image en fond (n'oublier pas de la transférer via votre ftp)
- soit vous modifiez la couleur et dans ce cas, vous supprimez : url(../images/personal/bg2.png) repeat-x

Je décide de mettre du noir en couleur de fond, ce qui va donc donner :
body
{
background: #000000 ;
color: #333;
font-family: arial, helvetica, sans-serif;
}




Nous allons maintenant modifier le fond blanc ainsi que la couleur du texte du template Beez_20

- Pour modifier le fond blanc :
Dans vos fichiers, ouvrez personal.css :
> templates > beez_20 > css >personal.css

à la ligne 298
#contentarea,
#contentarea2
{
background:#fff   /modifier la couleur ici /
}



- Pour modifier la couleur du texte :
modifier la couleur du texte des articles > ligne 25 de personal.css
#all
{
color: #333;   / changer votre couleur ici /
border:solid 0px ;
padding-top:0px;
background:#fff
}

Pour changer la couleur des titres des menus :
modifier la couleur du texte des menus > ligne 350 de personal.css
#nav h3
{
border-bottom:solid 1px #ddd;
font-family: 'Titillium Maps', Arial;
color:#555 / changer votre couleur ici /
}

Pour changer la taille du texte des titres des menus :
modifier la taille du texte des menus > ligne 350 de personal.css
ajouter font size ci-dessous
#nav h3
{
border-bottom:solid 1px #ddd;
font-family: 'Titillium Maps', Arial;
font-size: 12px; / ici /
color:#555
}

                                               >> Modifier les menus, mettre une image en arrière-plan de menu

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