[MOD Buttons menu - 2.3.0]-Icône

Image Demande de support pour les mods indépendants de la base .
Règles du forum
Merci de respecter les règles de la section pour les titres :

[Nom du mod - Version] Description du problème .
Verrouillé
     
Avatar du membre

Auteur du sujet
cyrilagri
Messages : 255
Enregistré le : juillet 2011

[MOD Buttons menu - 2.3.0]-Icône

Message par cyrilagri » dim. 4 nov. 2012 12:27

Bonjour,

Donc avec ce mod : :arrow:

MOD: Buttons menu 2.3.0 http://www.phpbb.com/community/viewtopic.php?t=1116985

Je souhaite intégrer un petit icône 16x16 avant chaque titre du menu comment faire :?:

Image

Donc à la place de chaque croix rouge et impossible de trouver une solution je cherche. hmmmm

Merci beaucoup. :cool:

Cordialement.

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10819
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: [MOD Buttons menu - 2.3.0]-Icône

Message par Steph » dim. 4 nov. 2012 14:29

Salut,

Si c'est une icône différente pour chaque lien alors en l'état ce n'est pas possible et il faut voir avec l'auteur du MOD si c'est pour la même icône a chaque fois c'est a rajouter dans le template avec un peu de css

Avatar du membre

Auteur du sujet
cyrilagri
Messages : 255
Enregistré le : juillet 2011

Re: [MOD Buttons menu - 2.3.0]-Icône

Message par cyrilagri » ven. 9 nov. 2012 19:09

A ok dommage merci quand même. :clin:


cabot
[-V.I.P-]
[-V.I.P-]
Messages : 25
Enregistré le : septembre 2012
Contact :

Re: [MOD Buttons menu - 2.3.0]-Icône

Message par cabot » mer. 14 nov. 2012 21:49

Hello,

C'est possible, sauf sous ie7 et 8 qui n'afficheront pas les images, mais c'est un moindre mal ^^

Ouvrir overall_header.html
Remplacer :

Code : Tout sélectionner

#menu ul li a:hover {
Par :

Code : Tout sélectionner

#menu ul li:hover {
Ouvrir menu.css
Ajouter :

Code : Tout sélectionner

#menu .inner > ul > li > a { padding-left: 20px; }
#menu .inner > ul > li:nth-child(1) > a { background: url("{T_THEME_PATH}/images/menu/001.png") no-repeat 2px 50%; }
#menu .inner > ul > li:nth-child(2) > a { background: url("{T_THEME_PATH}/images/menu/002.png") no-repeat 2px 50%; }
#menu .inner > ul > li:nth-child(3) > a { background: url("{T_THEME_PATH}/images/menu/003.png") no-repeat 2px 50%; }
Et placer les images dans le dossier /theme/images/

Si tu as plusieurs liens de premier niveau, ajoute autant de lignes qu'il y a de liens :

Code : Tout sélectionner

#menu .inner > ul > li:nth-child(XX) > a { background: url("{T_THEME_PATH}/images/menu/XX.png") no-repeat 2px 50%; }
A toi de donner d'adapter les déclarations CSS aux noms des images :clin:


cabot
[-V.I.P-]
[-V.I.P-]
Messages : 25
Enregistré le : septembre 2012
Contact :

Re: [MOD Buttons menu - 2.3.0]-Icône

Message par cabot » mar. 4 déc. 2012 16:36

Plop,

Travaillant sur un projet présentant le même type d'affichage et qui demande une compatibilité IE7/8, j'en profite pour vous donner la modif CSS2 qui fait la même chose, mais qui a l'avantage de pouvoir être utilisé avec internet explorer dans les versions précitées.

Remplacer :

Code : Tout sélectionner

#menu .inner > ul > li:nth-child(1) > a { background: url("{T_THEME_PATH}/images/menu/001.png") no-repeat 2px 50%; }
#menu .inner > ul > li:nth-child(2) > a { background: url("{T_THEME_PATH}/images/menu/002.png") no-repeat 2px 50%; }
#menu .inner > ul > li:nth-child(3) > a { background: url("{T_THEME_PATH}/images/menu/003.png") no-repeat 2px 50%; }
Par :

Code : Tout sélectionner

#menu .inner > ul > li:first-child > a { background: url("{T_THEME_PATH}/images/menu/001.png") no-repeat 2px 50%; }
#menu .inner > ul > li + li > a { background: url("{T_THEME_PATH}/images/menu/002.png") no-repeat 2px 50%; }
#menu .inner > ul > li + li + li > a { background: url("{T_THEME_PATH}/images/menu/003.png") no-repeat 2px 50%; }
Voilà voilà, même si cyrilagri n'est pas de retour dans le coin, ça pourra servir à d'autres, oupa. :clin:

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10819
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: [MOD Buttons menu - 2.3.0]-Icône

Message par Steph » mar. 4 déc. 2012 16:42

Hello,

Merci cabot ce sera utile :clin:

Avatar du membre

EnYgmA
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 8643
Enregistré le : avril 2010
Hébergeur(s) : Monarobase
Localisation : Lyon
Contact :

Re: [MOD Buttons menu - 2.3.0]-Icône

Message par EnYgmA » mar. 4 déc. 2012 18:16

Thx pour le partage :cool:
Conditions générales de services - Conditions générales de support - C.G.U
Merci de mettre un titre de sujet explicite pour toutes vos demandes de support
Référencement gratuit - Forum informatique

Avatar du membre

Auteur du sujet
cyrilagri
Messages : 255
Enregistré le : juillet 2011

Re: [MOD Buttons menu - 2.3.0]-Icône

Message par cyrilagri » dim. 20 janv. 2013 10:59

Merci beaucoup cabot. :clin:

Verrouillé

Retourner vers « Mods indépendants de la base »