Voici ce que nous allons obtenir dans ce tutoriel :
1- Charger l'image dans le template
Nous allons placer l'image imageperso1.jpg dans le dossier images du template.
Chemin : templates > ja_purity_ii > images > imageperso1.jpg
Pensez a avoir une image suffisamment large et haute, ou alors avoir une image pouvant être répétée en largeur et hauteur.
2- Modifier le fichier template.css
Chemin : templates > ja_purity_ii > css > template.css
nous allons remplacer le code suivant :
#ja-container {
background: url(../images/container-bg.gif) repeat-x top #fff;
position: relative;
z-index: 5;
border-bottom: 5px solid #ccc;
}
#ja-container .main { padding: 20px 0; min-height: 300px; }
par :
#ja-container {
background: url(../images/imageperso1.jpg) top left; /*url(../images/container-bg.gif) repeat-x top #fff*/
position: relative;
z-index: 5;
border-bottom: 5px solid #ccc;
}
#ja-container .main { background: #fff; padding: 20px 0; min-height: 300px; }
