Adapter mes codes à Chrome (barre de navigation)
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Adapter mes codes à Chrome (barre de navigation)
Bonjour, enfin plutôt bonsoir !
J'ai modifié mon CSS pour avoir une apparence spéciale pour ma barre de navigation, comme ceci :
J'ai utilisé ces codes :
Le problème est que mes membres utilisant chrome voient soit un petit papier avant le nom de chaque lien, soit rien du tout comme ça :
J'utilise firefox alors je n'ai pas remarqué tout de suite. Comment faire pour que l'affichage soit bon pour chrome ? Merci de vos réponses !
J'ai modifié mon CSS pour avoir une apparence spéciale pour ma barre de navigation, comme ceci :
J'ai utilisé ces codes :
- Code:
/* Apparence de la barre de navigation */
.mainmenu {
font-variant: small-caps;
font-family: 'Handlee', cursive;
text-shadow: 1px 0px 1px rgb(180,180,180);
font-weight : bold;
}
.navbar ul{
border-bottom:none;
}
div#logo-desc p {
display: none;
}
/*réduire espace entre pub et accueil messagges etc */
/*.navbar {
height:25px;
}/*
/*enlever le dernière viste*/
p.rightside {
display: none !important;
}
#search-box{
visibility:hidden;
}
#i_icon_mini_index { /* accueil normal */
font-size:23px;
left: 0px;
color:auto;
}
#i_icon_mini_index:hover { /* accueil survolé */
font-size:25px;
left: 0px;
color:auto
}
#i_icon_mini_search { /* recherche normale */
font-size:23px;
margin-left: 15px;
color:auto
}
#i_icon_mini_search:hover { /*recherche survolée */
font-size:25px;
margin-left: 15px;
color:auto
}
#i_icon_mini_members { /* membres normal */
font-size:23px;
margin-left: 15px;
color:auto
}
#i_icon_mini_members:hover { /* membres survolés */
font-size:25px;
margin-left: 15px;
color:auto
}
#i_icon_mini_groups { /* groupes normal */
font-size:23px;
margin-left: 15px;
color:auto
}
#i_icon_mini_groups:hover { /* groupes survolés */
font-size:25px;
margin-left: 15px;
color:auto
}
#i_icon_mini_profile { /*profil normal */
font-size:23px;
margin-left: 15px;
color:auto
}
#i_icon_mini_profile:hover { /*profil survolé */
font-size:25px;
margin-left: 15px;
color:auto
}
#i_icon_mini_message { /*message normal */
font-size:23px;
margin-left: 15px;
color:auto
}
#i_icon_mini_message:hover { /*message survolé */
font-size:25px;
margin-left: 15px;
color:auto
}
#i_icon_mini_new_message { /*nouveau message normal */
font-size:23px;
margin-left: 15px;
color:auto
}
#i_icon_mini_new_message:hover { /*nouveau message survolé */
font-size:25px;
margin-left: 15px;
color:auto
}
#i_icon_mini_register { /*s\'inscrire normal */
font-size:23px;
margin-left: 15px;
color:auto
}
#i_icon_mini_register:hover { /*s\'inscrire survolé */
font-size:25px;
margin-left: 15px;
color:auto
}
#i_icon_mini_logout { /*se déco normal */
font-size:23px;
margin-left: 15px;
color:auto
}
#i_icon_mini_logout:hover { /*se déco survolé */
font-size:25px;
margin-left: 15px;
color:auto
}
#i_icon_mini_login { /*se co normal */
font-size:23px;
margin-left: 15px;
color:auto
}
#i_icon_mini_login:hover { /*se co survolé */
font-size:25px;
margin-left: 15px;
color:auto
}
#i_icon_mini_calendar, .mainmenu[href="/calendar"]{
display:none;}
#i_icon_mini_faq, .mainmenu[href="/faq"]{
display:none;}
Le problème est que mes membres utilisant chrome voient soit un petit papier avant le nom de chaque lien, soit rien du tout comme ça :
J'utilise firefox alors je n'ai pas remarqué tout de suite. Comment faire pour que l'affichage soit bon pour chrome ? Merci de vos réponses !
Dernière édition par lunasims57 le Mar 17 Juin 2014 - 17:34, édité 1 fois
Re: Adapter mes codes à Chrome (barre de navigation)
Bonjour ^^
Vous avez mis dans votre tableau images cette adresse
Qui n'est évidemment pas une image et déclenche donc l'icône d'image inexistante sous les navigateurs basés sur Chromium.
Essayez avec cette adresse
Par ailleurs vos identifiants css se réfèrent à des images.
Par conséquent on ne peut pas leur appliquer de font-size ni de color.
Vous pourriez essayer de remplacer les sections concernées par
Vous avez mis dans votre tableau images cette adresse
- Code:
http://illiweb.com
Qui n'est évidemment pas une image et déclenche donc l'icône d'image inexistante sous les navigateurs basés sur Chromium.
Essayez avec cette adresse
- Code:
http://2img.net/i/fa/empty.gif
Par ailleurs vos identifiants css se réfèrent à des images.
Par conséquent on ne peut pas leur appliquer de font-size ni de color.
Vous pourriez essayer de remplacer les sections concernées par
- Code:
a.mainmenu {
font-size: 23px;
}
a.mainmenu:hover {
font-size: 25px;
}
Re: Adapter mes codes à Chrome (barre de navigation)
Quand je fait ça il n'y a plus aucun texte ni image, c'est tout blanc :/
Peut-être qu'il faudrait un code qui désactive les images ?
PS : par contre le a.mainmenu marche bien, je le garde parce que c'est beaucoup plus court ! Merci !
Peut-être qu'il faudrait un code qui désactive les images ?
PS : par contre le a.mainmenu marche bien, je le garde parce que c'est beaucoup plus court ! Merci !
Re: Adapter mes codes à Chrome (barre de navigation)
Sujet toujours actuel ~
Re: Adapter mes codes à Chrome (barre de navigation)
Bonsoir,
Quand vous allez dans panneau d'administration >> affichage >> entête & navigation >> Afficher seulement des images dans la barre des liens :
est-ce coché à "non", et supprimez toutes les images d'illustration pour chaque menu ? Essayez pour voir ce que ça donne.
Quand vous allez dans panneau d'administration >> affichage >> entête & navigation >> Afficher seulement des images dans la barre des liens :
est-ce coché à "non", et supprimez toutes les images d'illustration pour chaque menu ? Essayez pour voir ce que ça donne.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Adapter mes codes à Chrome (barre de navigation)
Oui c'est ça, c'était simple finalement ! Merci
Sujets similaires
» Firefox / Chrome : Espacement différent sur la barre de navigation
» Bannière et bouton de la barre de navigation manquant sur Chrome
» barre de recherche réclacitrante dans la barre de navigation
» Listing des codes CSS pour modifier l'apparence de la barre de navigation (phpBB2))
» Davantage de codes Javascript pour adapter l'apparence du forum aux saisons
» Bannière et bouton de la barre de navigation manquant sur Chrome
» barre de recherche réclacitrante dans la barre de navigation
» Listing des codes CSS pour modifier l'apparence de la barre de navigation (phpBB2))
» Davantage de codes Javascript pour adapter l'apparence du forum aux saisons
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum