La date/heure actuelle est Ven 29 Mar 2024 - 7:18
4 résultats trouvés pour i_icon_mini_faq
[ModernBB] : supprimer des items de l'en-tête et navigation
Bonjour Fevy, pour retirer le bouton groupes, ajoutez à votre CSS :- Code:
#i_icon_mini_groups{display:none;}
Et voici les identifiants de chaque bouton :
#i_icon_mini_index Id. de l'image du lien Index
#i_icon_mini_calendar Id. de l'image du lien Calendrier
#i_icon_mini_portal Id. de l'image du lien Portail
#i_icon_mini_faq Id. de l'image du lien FAQ
#i_icon_mini_search Id. de l'image du lien Rechercher
#i_icon_mini_members Id. de l'image du lien Membres
#i_icon_mini_groups Id. de l'image du lien Groupes
#i_icon_mini_profile Id. de l'image du lien Profil
#i_icon_mini_message Id. de l'image du lien MP
#i_icon_mini_new_message Id. de l'image du lien Nouveaux MP
#i_icon_mini_logout Id. de l'image du lien Déconnexion
#i_icon_mini_login Id. de l'image du lien Connexion
#i_icon_mini_register Id. de l'image du lien S'enregistrer
Si par exemple vous supprimez 2 boutons, vous pouvez écrire votre code comme ceci, par exemple groupes et s'enregistrer :
- Code:
#i_icon_mini_groups,#i_icon_mini_register{display:none;}
Je vous conseillerai aussi de vous rendre dans votre PA>Affichage>Page d'accueil>En-tête & Navigation>Barre de navigation et déplacer les boutons qui ne vous servent pas d'un côté ou de l'autre de la barre de navigation pour éviter d'avoir des espaces inutiles.
Bien à vous.
- le Sam 21 Oct 2017 - 16:07
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: [ModernBB] : supprimer des items de l'en-tête et navigation
- Réponses: 2
- Vues: 1734
La barre de navigation encadré en marron
Bonjour Froufy, les boutons sont dans le CSS, les codes sont :#i_icon_mini_index
#i_icon_mini_faq
#i_icon_mini_search
etc...
Bien à vous.
- le Mer 5 Avr 2017 - 18:23
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: La barre de navigation encadré en marron
- Réponses: 8
- Vues: 786
probleme avec CSS pour une barre de navigation avec boutons reactifs
merci de votre reponseVoici le copier coller de mon CSS
}
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/accu10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/acceui10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/calen10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_calendar:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/calend12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/faq110.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/faq10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/sans_t26.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_search:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/recher13.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/membr10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/membre11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/prof10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/profil12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/messag11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/messag12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/mp11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/16217514.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/decone11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/deconn11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/enregi10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/enreg10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/connex10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/connex11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
Pour l etape 3 !! oui j ai bien rentrer dans le panneau des images cette formule (empty)
- le Sam 3 Jan 2015 - 11:29
- Rechercher dans: Archives des problèmes avec un code
- Sujet: probleme avec CSS pour une barre de navigation avec boutons reactifs
- Réponses: 15
- Vues: 2763
Inscrutation d'une image de fond à la barre de Nav + changement au survol
[mention]Nyko-neko[/mention] a écrit:merci, si je demandais de l'aide c'est que j'ai justement déja cherché
Bonjour Je me suis dit aussi ???? !
- Code CSS :
/* Barre Navigation */
{#}i_icon_mini_index{/#}{width:81px; height:68px; background:url(url de l'image index) no-repeat 0 0;}
{#}i_icon_mini_index{/#}:hover{background:url(url de l'image index) no-repeat 0 -68px;}
{#}i_icon_mini_calendar{/#}{width:113px; height:68px; background:url(url de l'image calendrier) no-repeat 0 0;}
{#}i_icon_mini_calendar{/#}:hover{background:url(url de l'image calendrier) no-repeat 0 -68px;}
{#}i_icon_mini_faq{/#}{width:56px; height:68px; background:url(url de l'image Faq) no-repeat 0 0;}
{#}i_icon_mini_faq{/#}:hover{background:url(url de l'image Faq) no-repeat 0 -68px;}
{#}i_icon_mini_search{/#}{width:120px; height:68px; background:url(url de l'image Rechercher) no-repeat 0 0;}
{#}i_icon_mini_search{/#}:hover{background:url(url de l'image Rechercher) no-repeat 0 -68px;}
{#}i_icon_mini_gallery{/#}{width:86px; height:68px; background:url(Galerie) no-repeat 0 0;}
{#}i_icon_mini_gallery{/#}:hover{background:url(url de l'image Galerie) no-repeat 0 -68px;}
{#}i_icon_mini_members{/#}{width:100px; height:668px; background:url(url de l'image Membres) no-repeat 0 0;}
{#}i_icon_mini_members{/#}:hover{background:url(url de l'image Membres) no-repeat 0 -68px;}
{#}i_icon_mini_groups{/#}{width:94px; height:68px; background:url(url de l'image Groupes) no-repeat 0 0;}
{#}i_icon_mini_groups{/#}:hover{background:url(url de l'image Groupes) no-repeat 0 -68px;}
{#}i_icon_mini_profile{/#}{width:72px; height:68px; background:url(url de l'image Profil) no-repeat 0 0;}
{#}i_icon_mini_profile{/#}:hover{background:url(url de l'image Profil) no-repeat 0 -68px;}
{#}i_icon_mini_message{/#}{width:122px; height:68px; background:url(url de l'image Messagerie) no-repeat 0 0;}
{#}i_icon_mini_message{/#}:hover{background:url(url de l'image Messagerie) no-repeat 0 -68px;}
{#}i_icon_mini_new_message{/#}{width:123px; height:68px; background:url(url de l'image New Message) no-repeat 0 0;}
{#}i_icon_mini_new_message{/#}:hover{background:url(url de l'image New message) no-repeat 0 -68px;}
{#}i_icon_mini_logout{/#}{width:142px; height:68px; background:url(url de l'image Deconnexion) no-repeat 0 0;}
{#}i_icon_mini_logout{/#}:hover{background:url(Deconnexion) no-repeat 0 -68px;}
{#}i_icon_mini_register{/#}{width:123px; height:68px; background:url(url de l'image S'enregistrer) no-repeat 0 0;}
{#}i_icon_mini_register{/#}:hover{background:url(url de l'image S'enregistrer) no-repeat 0 -68px;}
{#}i_icon_mini_login{/#}{width:142px; height:68px; background:url(url de l'image Connexion) no-repeat 0 0;}
{#}i_icon_mini_login{/#}:hover{background:url(url de l'image Connexion) no-repeat 0 -68px;}
PA/Affichage/Images et couleurs/couleurs/Feuille de style CSS
remplacer ce qui est en rouge dans le code css par les url des images.
Et voici les images pour une barre de navigation en ruban qui change au passage de la souris :
- Images:
index:
https://i.servimg.com/u/f11/18/07/55/29/off10.png
En espérant vous avoir aidé ?
Cordialement
P-J
- le Sam 27 Déc 2014 - 8:25
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Inscrutation d'une image de fond à la barre de Nav + changement au survol
- Réponses: 4
- Vues: 2243