Adapter mes codes à Chrome (barre de navigation)

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

Résolu Adapter mes codes à Chrome (barre de navigation)

Message par lunasims57 le Ven 13 Juin 2014 - 23:24

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 :

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

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter mes codes à Chrome (barre de navigation)

Message par Neptunia le Sam 14 Juin 2014 - 0:12

Bonjour ^^

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://illiweb.com/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;
}

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter mes codes à Chrome (barre de navigation)

Message par lunasims57 le Sam 14 Juin 2014 - 11:12

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 !

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter mes codes à Chrome (barre de navigation)

Message par lunasims57 le Dim 15 Juin 2014 - 18:05

Sujet toujours actuel ~

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter mes codes à Chrome (barre de navigation)

Message par Lixyr le Lun 16 Juin 2014 - 23:08

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter mes codes à Chrome (barre de navigation)

Message par lunasims57 le Mar 17 Juin 2014 - 17:34

Oui c'est ça, c'était simple finalement ! Merci Smile

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

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


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