Eklablog
Editer l'article Suivre ce blog Administration + Créer mon blog

Publicité

Image en titre de module

20.11.2011 …

Par Nagalia

Créez votre module, puis affichez le code source de votre page.
Chercher le titre de votre module ( Ctrl + F)



Récupérez "module_menu_titreXXXXXX"
Copiez le dans la css avec ce code: 

#module_menu_titreXXXXXX { display: block;
      height: Xpx;
      width: Xpx;
      background: url("IMAGE") no-repeat 50% 0%;
}

La propriété display : block; nous permet de transformer l'élément span (inline) en élément de type div (block), ce qui permet de définir une hauteur et une largeur.
Pour finir, vous n'avez plus qu'à ajouter votre image préalablement créer.

Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Vous aimerez aussi :
Formulaire des commentaires
Formulaire des commentaires
Ajouter des images dans le module "derniers articles"
Ajouter des images dans le module "derniers articles"
Grille responsive [flexbox] : le container
Grille responsive [flexbox] : le container
Introduction à Photoshop
Introduction à Photoshop
Commenter cet article
お
おれりあ-ちゃんAurélia-Chan
08/10/2019 00:20
bonsoir,<br /> Comment dois-je faire pour que la police de mon pseudo dans la barre ekla soit d'une autre couleur que bleu??
Répondre
~
~Akasuki~
15/01/2019 22:52
Bonjour je viens de passer et j'ai essayer de le faire mais ça ne marche pas :(
Répondre
Ƥ
Ƥetite Fleur
05/12/2017 08:56
Merci bien !
Répondre
L
La Gentille Rebelle
07/05/2017 19:46
Superbe ton blog ! j'adore le style de tes commentaires <br /> bravo , tu gères trop bien les codes !!!!
Répondre
B
BlueEden
17/07/2016 12:58
Salut Nagila, <br /> Je veux déplacer un module simple dans le header mais je n'y arrive pas. Pourtant j'ai lu tout et rien n'a marché. Voici le code : #module_menu_150045826{position:relative; top: 405px}<br /> Merci de m'aider.
Répondre

Thème Magazine © -  Hébergé par Eklablog