Comment placer une icone dans le titre d'un module ?

[choups]

Bonjour,

Je cherche à placer une icône dans le titre d'un module, comme dans l'image ci-dessous :



Je sais que c'est au niveau du CSS, mais je ne sais pas comment m'y prendre... Si ça peut aider, j'utilise le template Solar Sentinel.


Merci d'avance pour votre aide

[Grand Schtroumpf]

Re : Comment placer une icone dans le titre d'un module ?

Bonjour,
déjà installe toi Firebug sous Firefox pour voir ce qui se passe. Ça va te eprmettre de trouver les styles et les images en jeu.

Si tu veux faire ça sur tous le smodules il suffira de modifier l'image concernée.
Si tu veux faire ça sur quelques modules seulement (voire un seule) il faudra
> identidier le style qui porte l'image du bandeau, et l'image elle même,
> créer une nouvelle image avec l'icône,
> mettre sur les modules concerner un suffixe de classe commençant par une espace par exemple " toto"
> créer un nouveau style avec la nouvelle image ; si le premier était par exemple .moduletable div div{} le nouveau sera .moduletable .toto div div{}

[choups]

Re : Comment placer une icone dans le titre d'un module ?

Merci pour ta réponse, j'ai trouvé le style qui porte l'image du bandeau :

 /* Test avec l'icone */
.test .module-header { background: url(../images/modules/light-module-h3-2.png) 0 0 repeat-x; [B]background: url(../images/rss-top.png) no-repeat top right;[/B]} 

La partie en gras ajoute l'icône RSS, mais la première image (fond) n'apparait alors pas :/

Comment faire pour que les deux images (fond + icône) puissent apparaitre toutes les deux ?

[Grand Schtroumpf]

Re : Comment placer une icone dans le titre d'un module ?

Re,
Tu as droit à un seul background, il faut fusionner les deux images.

[choups]

Re : Comment placer une icone dans le titre d'un module ?

D'accord

Et sais-tu comment dans ce cas, faire une image cliquable en plusieurs endroits (par exemple au niveau de l'icône RSS et de l'icône Twitter) ? Autrement dit, comment placer plusieurs liens sur cette même image, car apparemment on ne peut placer d'icônes sur l'image de fond :/

[lefabdu51]

Re : Comment placer une icone dans le titre d'un module ?

Dans le cas que tu montres, tu as ton fond et par dessus ton module rss. tu doit modifer deux classes et pas une seule.

Et pour tes autres icones, ton module ou plugin te genereras une classe que tu pourras modifier.

Regardes avec firebug...si tu cliques sur l icone rss ce seras unselecteur, et un autre sélécteur pour ton fond

Pour ce que tu as mis en gras, quel est le selecteur associé?

Si tu as un lien ce ne serais pas de refus.

[Grand Schtroumpf]

Re : Comment placer une icone dans le titre d'un module ?

Re,

Et sais-tu comment dans ce cas, faire une image cliquable en plusieurs endroits (par exemple au niveau de l'icône RSS et de l'icône Twitter) ? Autrement dit, comment placer plusieurs liens sur cette même image, car apparemment on ne peut placer d'icônes sur l'image de fond

Hum... donc ton problème n'est pas juste de placer icône mais de pacer une icône cliquable ?
Alors ça se complique... Je suggère de créer un nouveau type de module via un module.php dans le template et ensuite de modifier les type dans l'index.php. Ça commence à être lourd...

[choups]

Re : Comment placer une icone dans le titre d'un module ?

En effet ça à l'air compliqué...

@lefabdu51: voici mon site (ici, si ça peut t'aider à voir comment je pourrais ajouter une icône cliquable dans la barre de titre des modules... Merci.

[choups]

Re : Comment placer une icone dans le titre d'un module ?

Up

Personne ne peut m'aider ?

[lefabdu51]

Re : Comment placer une icone dans le titre d'un module ?

Up

Personne ne peut m'aider ?

il faudrais commencer par publier un modulle ou un plugin rss dans la meme positon de ton template, et ensuite on pourras aujster la position.

ou alors met a oui la creation d un flux rss.

Et met aussi ce qu il y avais au debut de cette ligne

background: url(../images/rss-top.png) no-repeat top right;

il manques le selecteur css.