Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

menu en images (drapeaux langues)

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

menu en images (drapeaux langues)

Message par bazange le Ven 11 Déc 2015 - 16:52

Bonjour

J'ai inséré des images (drapeau GB et NL) dans certaines rubriques du menu du site
http://www.camping-bazange-dordogne.com/.

Cela fonctionne mais le texte reste apparent et l'image se duplique sur tous les sous-menus

voici le code utilisé

<style type="text/css">
/*<![CDATA[*/
li#cc-nav-view-137449712 a {background:url('https://image.jimcdn.com/app/cms/image/transf/none/path/s2ab5beed5b2681c6/image/i80322052bbf5462e/version/1449240571/image.png')
    no-repeat scroll right top transparent ;
  }
/*]]>*/
</style>

J'ai essayé en rajoutant color : transparent ; comme précisé dans un conseil sur le forum
Cela ne va pas tout : tout le sous-menu devient transparent.

Comment faire ?

Autre demande :
Comment intégrer une barre de drapeaux en haut à droite qui soit cliquable

Merci d'avance pour vos réponses

Céline

bazange

Messages : 5
Date d'inscription : 04/12/2015

http://www.camping-bazange-dordogne.com/

Revenir en haut Aller en bas

Re: menu en images (drapeaux langues)

Message par Alain le Sam 12 Déc 2015 - 17:19

Bonsoir,

essayez de rajouter ceci dans votre code :
Code:
li#cc-nav-view-137449712 a {background:url('https://image.jimcdn.com/app/cms/image/transf/none/path/s2ab5beed5b2681c6/image/i80322052bbf5462e/version/1449240571/image.png')
    no-repeat scroll right top transparent ;background-position: 2px 0px; padding-left: 40px;}

En corrigeant les valeurs si nécessaire.
Cordialement
Alain
avatar
Alain

Messages : 134
Date d'inscription : 06/10/2014

http://newtemplates2.jimdo.com/

Revenir en haut Aller en bas

Re: menu en images (drapeaux langues)

Message par bazange le Mar 15 Déc 2015 - 9:29

Bonjour Alain
Merci pour la réponse
Céline

bazange

Messages : 5
Date d'inscription : 04/12/2015

http://www.camping-bazange-dordogne.com/

Revenir en haut Aller en bas

Re: menu en images (drapeaux langues)

Message par justpoursoi le Ven 10 Mar 2017 - 12:22

Bonjour,

J'ai besoin d'aide, je souhaiterais aussi ajouter une image sur 3 de mes menus
Pourriez vous m'aider car je ne comprends pas tout...
Pour le code ok mais comment l'adapter???

justpoursoi

Messages : 109
Date d'inscription : 26/12/2016
Localisation : 36

http://www.justpoursoi.fr

Revenir en haut Aller en bas

Re: menu en images (drapeaux langues)

Message par justpoursoi le Ven 10 Mar 2017 - 12:26

<style type="text/css">
/*<![CDATA[*/
li#cc-nav-view-137449712 a
{background:url(adresse de l'image)
no-repeat scroll right top transparent ;background-position: 2px 0px; padding-left: 40px;}
/*]]>*/
</style>

je met right au lieu de left??? pour qu'il soit à droite???

li#cc-nav-view-137449712 a : ça correspond au menu???
comment trouver les codes de mon menu, accueil, la boutique et blog????

Merci

justpoursoi

Messages : 109
Date d'inscription : 26/12/2016
Localisation : 36

http://www.justpoursoi.fr

Revenir en haut Aller en bas

Re: menu en images (drapeaux langues)

Message par Disney Analysis le Ven 10 Mar 2017 - 19:02

justpoursoi a écrit:<style type="text/css">
/*<![CDATA[*/
li#cc-nav-view-137449712 a
{background:url(adresse de l'image)
   no-repeat scroll right top transparent ;background-position: 2px 0px; padding-left: 40px;}
/*]]>*/
</style>

je met right au lieu de left??? pour qu'il soit à droite???

li#cc-nav-view-137449712 a   : ça correspond au menu???
comment trouver les codes de mon menu, accueil, la boutique et blog????

Merci

Recoucou ^^

"li" correspond à ton correspond à ton lien dans le menu (par exemple "engagement bio" dans le MainNav "accueil"). Si tu met le code exact du li (le numéro) tu colleras ton image sur le titre en question.

Et oui, il faut mettre padding-right si tu veux ton icône à droite, et adapter le background-position.
avatar
Disney Analysis

Messages : 58
Date d'inscription : 11/11/2014
Age : 25
Localisation : France

http://www.disneyanalysis.fr

Revenir en haut Aller en bas

Re: menu en images (drapeaux langues)

Message par justpoursoi le Ven 10 Mar 2017 - 19:04

Merci!
Mais Je vais voir car Je vais peux être changer de template.
Mais mervi d'avoir repondu

justpoursoi

Messages : 109
Date d'inscription : 26/12/2016
Localisation : 36

http://www.justpoursoi.fr

Revenir en haut Aller en bas

Re: menu en images (drapeaux langues)

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

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

- Sujets similaires

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