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.

Afficher icône à la place de "Accueil" dans la barre de navigation

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

Afficher icône à la place de "Accueil" dans la barre de navigation

Message par annlau37 le Mer 17 Fév 2016 - 16:16

Bonjour,

Après avoir passé quelques heures à essayer d'écrire 3 lignes de code en vain, je viens ici vous demander de l'aide !
J'ai l'impression que c'est très compliqué. J'étais très contente d'avoir réussi à afficher ladite icône sauf que je me suis aperçue que ça ne marchait pas du tout comme ça devrait  Laughing

Je souhaite afficher une icône (maison) à la place de "ACCUEIL", le but étant d'obtenir :
- Maison en blanc sur fond vert (#67a743) lorsque le menu est actif => c'est le seul truc qui marche actuellement
- Maison en blanc sur fond transparent (pour que l'on voit le violet en dessous) lorsque le menu n'est pas actif, donc lorsque l'on est sur les autres pages

En version mobile, ça marche lorsque l'on est sur la page "Accueil" mais ça s'affiche au milieu, du coup ça fait pas aligné...
Je souhaiterais
- soit que la maison n'apparaisse pas sur les mobiles
- soit qu'elle soit alignée sur les autres menus, à gauche (mais en version web, ça fait + joli si c'est centré !)
- que lorsque le menu "Accueil" n'est pas actif (si on est sur les autres pages), ça s'affiche aussi (car là, on voit pas la maison blanche sur fond blanc).

Et si par miracle tout cela était possible, je souhaiterais le même truc pour le menu à droite, une icône "i" pour info ! Rolling Eyes

Voici le code que j'ai collé dans le head grâce au super site Communauté francophone de Jimdo (Navigation\Menu avec image)  Cool  :
<style type="text/css">
/*<![CDATA[*/
li#cc-nav-view-2388495435 a
 
{background:
               url('URL DROPBOX que je ne peux pas coller ici !')
               no-repeat scroll center #67a743 ;
        color:transparent;
       }

/*]]>*/  
</style>


Bien sûr, je l'ai collé dans le head de la page accueil et j'imagine bien qu'il faut le mettre pour le site entier ! Sauf que je sais pas comment faire pour dire qu'il s'agit du menu Accueil...

Merci à tous les courageux qui m'auront lue jusqu'ici !
Bon après-midi,
Anne

PS : je précise qu'étant nouvelle, je ne peux coller aucune url, ni concernant mon site, ni concernant le lien de mon icône...

annlau37

Messages : 10
Date d'inscription : 16/02/2016
Localisation : Tours

http://www.btsdietetique.fr

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par Alain le Jeu 18 Fév 2016 - 13:26

Bonjour Anne,

effectivement il faut mettre le code pour le site entier. J'avais réalisé cela sur le site d'un ami il y a deux ans et j'espère que c'est cela que vous souhaitez réaliser. Le code que j'ai utilisé est celui-ci :
Code:
li#cc-nav-view-1734080398 a {
    background: url('http://u.jimdo.com/www65/o/sc8de27f51691f87f/img/i66ec8b621dcf352d/1380458512/std/image.png') no-repeat scroll right top transparent; background-position: 2px 0px; padding-left: 50px;}

Pour vous faire une idée voici le lien du site en question : http://www.gr10-surunejambe.fr/

Dans le code source, regardez "Images Menu"

Cordialement
Alain
avatar
Alain

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

http://newtemplates2.jimdo.com/

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par FredVig le Jeu 18 Fév 2016 - 14:10

N'utilisez pas dropbox pour héberger votre image : les liens ne sont pas constants.

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

Messages : 1790
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par annlau37 le Jeu 18 Fév 2016 - 15:05

Merci beaucoup, je vais essayer de suite Cool Cool Cool
Je vous tiens au courant !

Bon après-midi,
Anne

annlau37

Messages : 10
Date d'inscription : 16/02/2016
Localisation : Tours

http://www.btsdietetique.fr

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par annlau37 le Jeu 18 Fév 2016 - 15:06

Et je prends note pour le lien dropbox, je ne savais pas, merci ! Du coup, je sais pas où mettre mes images Rolling Eyes

annlau37

Messages : 10
Date d'inscription : 16/02/2016
Localisation : Tours

http://www.btsdietetique.fr

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par patrice_b le Jeu 18 Fév 2016 - 15:21

Chapeau ton ami Alain, sacrée volonté !

patrice_b

Messages : 19
Date d'inscription : 31/12/2015
Age : 56

http://www.gm-reconnexion.fr/

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par Alain le Jeu 18 Fév 2016 - 15:48

Re,

merci pour lui et en disant chapeau tu ne peux pas mieux dire ! Il a toujours son chapeau sur la tête depuis des années. En ce qui concerne les images c'est tout simple. Il suffit de créer une page cachée et d'y télécharger ses images. Ensuite, en mode visiteur tu récupères les liens de chaque image.
Comme celle-ci que tu as vu sur le site de Thierry :
Code:
http://u.jimdo.com/www65/o/sc8de27f51691f87f/img/i66ec8b621dcf352d/1380458512/std/image.png
Pour mettre une page en cache :
http://aide.jimdo.com/basiques/pr%C3%A9sentation/navigation/#cacher
avatar
Alain

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

http://newtemplates2.jimdo.com/

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par annlau37 le Jeu 18 Fév 2016 - 15:52

Merci beaucoup, je vais regarder ça. Cool
Je suis super contente, j'ai enfin avancé grâce à vous, je viens de comprendre enfin des trucs, chaque menu de la barre comporte un numéro différent Laughing
J'ai trouvé celui de Accueil li#cc-nav-view-2388495435
mais j'ai pas encore trouvé les numéros correspondant aux autres Rolling Eyes

annlau37

Messages : 10
Date d'inscription : 16/02/2016
Localisation : Tours

http://www.btsdietetique.fr

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par Alain le Jeu 18 Fév 2016 - 16:22

Je viens d'aller dans votre code source et vous pouvez trouver vos identifiants de navigation comme suit :
Accueil : cc-nav-view-2388495435
Info2 : cc-nav-view-2481869235
Info3 : cc-nav-view-2481869335
Info : cc-nav-view-2479917435

avatar
Alain

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

http://newtemplates2.jimdo.com/

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par annlau37 le Jeu 18 Fév 2016 - 17:24

Merci Alain, j'ai appris encore plein de trucs en plus grâce à vous  Cool
Je me suis permise de faire des tests avec les images du site de votre ami, mais ensuite je vais investiguer pour créer une page cachée quand j'aurais fini avec mes menus  Smile
Du coup je ne suis pas obligée de mettre des images sur tous les menus, c'est super !
Maintenant, il me reste à comprendre comment faire pour que le menu actif apparaisse en fond vert (ça marche pour les menus sans les images, j'ai dû rater un truc !). Bref il me reste encore un peu de boulot Laughing

annlau37

Messages : 10
Date d'inscription : 16/02/2016
Localisation : Tours

http://www.btsdietetique.fr

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par annlau37 le Jeu 18 Fév 2016 - 19:09

Je crois que je suis un cas désespéré !
Il me semble que le menu courant se nomme  "a.current"... Mais je sèche après 50 essais (au moins !), je ne sais pas où le mettre. Ma dernière tentative est la suivante :

li#cc-nav-view-2388495435
   a {
   background: url('LIEN DE L'IMAGE QUE JE NE PEUX PAS COLLER ICI')
           no-repeat scroll center  ; color:transparent;
   },
   a.current {
   background:  #67a743 ; },


La maison s'affiche bien, mais lorsque le menu est actif, le fond vert ne s'affiche pas, là est tout mon problème  Very Happy

J'espère que j'y verrais plus clair demain Rolling Eyes
Bonne soirée,
Anne

annlau37

Messages : 10
Date d'inscription : 16/02/2016
Localisation : Tours

http://www.btsdietetique.fr

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

Message par annlau37 le Jeu 18 Fév 2016 - 23:04

À force de m'énerver sur ce code, je viens de trouver une solution de contournement : j'utilise un caractère ressemblant à une maison... Et un gros "?" pour ma partie info ! Ca me paraît plutôt convaincant, reste que je regarde si ça s'affiche bien sur les mobiles (peut-être que ma maison est un peu petite)...

Merci et bonne soirée Smile

annlau37

Messages : 10
Date d'inscription : 16/02/2016
Localisation : Tours

http://www.btsdietetique.fr

Revenir en haut Aller en bas

Re: Afficher icône à la place de "Accueil" dans la barre de navigation

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