1ère étape :

Créer une image, avec votre phrase, de la largeur de votre module. Faîtes-la de préférence avec un fond transparent.



2ème étape :

Votre module se présente actuellement, ainsi:



Il faut créer un espace entre l'entête et le contenu pour caser cette phrase.

Dans le CSS Global, on rajoute :

.w3c .box-titre h2   {margin-bottom:20px;}




On place maintenant l'image.

Toujours dans le CSS Global, on rajoute ce qui est en rouge dans la même ligne :

.w3c .box-content {background-image:url(http://www.casimages.com/img/gif/0707260454356265913962.gif); background-repeat:no-repeat;background-position:top;padding-top:30px;}

et on obtient :
publié dans : OB - Design et Mise en page
ajouter un commentaire commentaires (4)   

Articles les plus populaires

Publicité

Recherche Rapide Sur le Site

Sommaires

top

Dernières Astuces

liste complète
Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus