image drapeaux dans barre navigation non affichée

[mayros]

Bonjour Chers membres,

je suis nouvelle et novice (création site) sur ce forum jimdo francophone.

pourriez-vous m'aider à résoudre ce mauvais affichage dû à ma mauvaise manip ! les drapeaux pour choix langues français anglais ne se sont pas mis sur la barre navigation pour mon site from-cambodia.com c'est le design rome choisi, j'ai créee une nouvelle page cachée pour mettre les drapeaux mais cela n'apparaît pas.

merci pour votre précieuse aide bonne journée Chers membres,

May

[Solie]

Si votre site présente un mauvais affichage suite à l'insertion d'un mauvais code dans modifier le head, il vous suffit d'effacer le code et d'enregistrer.

Jimdo a mis en ligne le tutoriel http://aide.jimdo.com/aller-plus-loin-avec-jimdo/images-dans-la-navigation/
Si vous le suivez scrupuleusement et que vos images en page cachée ne sont pas énormes (entre 16 et 32px maximum), ça devrait aller

[mayros]

bonjour Solie,

merci pour votre réponse et le lien du tuto.
j'ai tout réinitialisé et recopié le code mais toujours pas de drapeaux apparaissant, dans le head apparait ce code maintenant style type="text/css">
/*<![CDATA[*/
que faudrait-il que je fasse, merci beaucoup Solie


     

[Solie]

S'il ne vous reste plus que des balises sans code, c'est que votre code comportait des erreurs et qu'il n'a pas été pris.

Collez-nous ici le code final que vous essayez de mettre dans modifier le head...

[FredVig]

Bonjour
Vous avez correctement suivi me tuto.
Toutefois, il vous reste à rendre transparent la couleur de typo et le fond pour les deux menus FR et ENG
Pour cela le tuto jimdo ne convient pas, car il agit sur tout le menu.
ajoutez ce code après celui que vous avez déjà inséré :
(CE CODE NE FONCTIONNERA QUE POUR LE SITE EN QUESTION)

Code:

.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1),
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(2) > a:nth-child(1){
   color:RGBA(150, 150, 150, 0);background-color:RGBA(150, 150, 150, 0)};


il vous manquera encore le lien vers l'image du drapeau anglais à rajouter sous cette forme, mais avec le bon lien :

Code:

#cc-nav-view-2672371825 {
        background-image: url(https://…);
        background-position: center;
        background-repeat: no-repeat;
   }

[mayros]

Bonjour Fred Vig,

merci pour vos lignes de code, c'est top! mais un autre détail mon drapeau français n'apparait pas et non plus mon menu de navigation. j'ai été dans style et choisi aucun remplissage comme l'indique la fin de votre tuto. qu'ai je fais ? qui ne convient pas ? desolé d'insister. Enorme merci pour tout.
may

[FredVig]

il fallait ne pas enlever les couleurs bien entendu
(et ce n'est pas mon tuto, c'est celui de jimdo)
et il faut une image par drapeau
là, je n'en voie qu'une dans votre code

[Alain]

Bonjour,

pour le drapeau Français (Allez les bleus)

Code:

#cc-nav-view-2672287825 {
        background-image: url(https://…);
        background-position: center;
        background-repeat: no-repeat;
   }

Lisez bien les réponses quand vous demandez une aide sur le forum !
Cordialement
Alain

[Solie]

C'est le tuto de Jimdo. Ici, nous sommes utilisateurs, comme vous  

Vous avez probablement raté la première étape du tuto. Accédez à votre site en mode Visiteur et effectuez un clic-droit précisément sur l'onglet FRA. Sélectionnez alors "Procéder à l'inspection de l'élément" (Google Chrome) ou "Examiner l'élément" (Mozilla Firefox), afin d'ouvrir le panneau affichant le code source de la page.


Dans ce panneau, vous observerez des lignes de code ; si vous avez bien sélectionné l'onglet, vous devriez observer des lignes de code. Une ligne sera surlignée : c'est la ligne juste au dessus qui vous intéressera. Elle commence par la mention "<li ...".
Dans cette ligne, il y a une mention de type id="cc-nav-view-2672000000" : copiez alors ce qui se trouve entre guillemets : il s'agit de l'identifiant de l'élément FRA que vous recherchez !
Gardez-le ouvert, à disposition, ou copiez-le quelque part.

Insertion du code :
Après avoir récupéré l'image et l'identifié l'onglet FRA, vous passerez au code ! Pour cela, vous partez de la base suivante :

Code:

<style>
#IDENTIFIANT_DE_L'ONGLET_DE_NAVIGATION FRA{
background-image: url(https://ADRESSE_URL_DE_L'IMAGE);
background-position: center;
background-repeat: no-repeat;
}
</style>

Il semblerait que vous ayez rendu toutes vos polices transparentes, même celle du content.

[Solie]

Merci Alain !

Alain vous a donné votre identifiant FRA. Vous n'avez plus qu'à renseigner l'adresse de l'image de votre drapeau français.

Repassez les polices de votre site en Visible. FredVig vous a prévenu hier que la dernière partie du tuto ne pouvait pas convenir à votre situation. En effet, votre menu ne comporte pas uniquement des drapeaux. Pour ne pas rendre invisible l'ensemble des textes de votre menu, il vous a donné un code. Ce code remplace la dernière partie du tuto de Jimdo.

[mayros]

Bonjour et Vive les Bleus!
Merci à ALain, FredVig et Solie de m'avoir tous répondu, je lirai plus attentivement les instructions données pour les prochaines fois. merci encore et je vais mettre en application vos conseils pour le drapeau français.
bon week end, ici la journée à déja demarrer!!
May

[Contenu sponsorisé]