Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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;
}
avatar

Neptunia
Membre actif

Féminin
Messages : 13530
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: 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 !
avatar

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 ~
avatar

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.


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6183
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
avatar

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