Barre de navigation

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Barre de navigation

Message par Xtyle Dim 31 Mai 2020 - 17:24

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://pokemonaaml.superforum.fr/

Description du problème

Bonjour,

Sur notre forum on est entrain de changer le thème, c'est un petit forum tout simple
Malgré mes recherches, je ne trouve pas, j'aimerai une image dans la barre de navigation et quand on passe la souris dessus on ai une autre image


Dernière édition par Xtyle le Lun 1 Juin 2020 - 0:20, édité 1 fois
Xtyle

Xtyle
Nouveau membre

Messages : 6
Inscrit(e) le : 31/05/2020

https://pokemonaaml.superforum.fr/
Xtyle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Neptunia Dim 31 Mai 2020 - 18:03

Bonjour, et bienvenue sur le Forum des Forums Forumactif



Astuce Images de la Barre de Navigation modifiées au passage de la souris
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Xtyle Dim 31 Mai 2020 - 18:14

Merci, pour ce tuto, mai je les essayer mais il ne fonctionnais pas

Code:
/*IMAGE INDEX*/
#i_icon_mini_index{
  background-image:url('URL'); /*image si la souris ne survole pas*/
  width:??px; /*Largeur de l'image*/
  height:??px; /*Hauteur de l'image*/

je ne comprend pas ou se situe ma seconde image ?

Xtyle

Xtyle
Nouveau membre

Messages : 6
Inscrit(e) le : 31/05/2020

https://pokemonaaml.superforum.fr/
Xtyle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Neptunia Dim 31 Mai 2020 - 18:21

Il faut prendre le code dans sa globalité.

Pour chaque image, vous avez deux blocs de code CSS

Code:
/*IMAGE INDEX*/
#i_icon_mini_index{
  background-image:url('URL'); /*image si la souris ne survole pas*/
  width:??px; /*Largeur de l'image*/
  height:??px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
  background-image:url('URL'); /*image si la souris survole*/
  width:??px; /*Largeur de l'image*/
  height:??px; /*Hauteur de l'image*/
}
Et les commentaires sont explicites. Le premier code concerne l'image "normale" et le second, l'image survolée.

Il faut bien évidemment remplacer URL (en majuscules) par le lien de vos images
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Xtyle Dim 31 Mai 2020 - 20:30

Ah mince je fait mon blond la, je vais essayer ca Smile
Si j'ai bien compris, tout la barre de navigation sera dans la feuille de style CSS
Xtyle

Xtyle
Nouveau membre

Messages : 6
Inscrit(e) le : 31/05/2020

https://pokemonaaml.superforum.fr/
Xtyle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Neptunia Dim 31 Mai 2020 - 20:52

Oui c'est bien cela

Que des images "vides" dans la gestion des images et tout le reste dans la feuille CSS
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Xtyle Lun 1 Juin 2020 - 0:20

C'est tout bon, merci beaucoup
Xtyle

Xtyle
Nouveau membre

Messages : 6
Inscrit(e) le : 31/05/2020

https://pokemonaaml.superforum.fr/
Xtyle a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum