Afficher icône à la place de "Accueil" dans la barre de navigation
4 participants
Page 1 sur 1
Afficher icône à la place de "Accueil" dans la barre de navigation
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
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 !
Voici le code que j'ai collé dans le head grâce au super site Communauté francophone de Jimdo (Navigation\Menu avec image) :
<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...
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
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 !
Voici le code que j'ai collé dans le head grâce au super site Communauté francophone de Jimdo (Navigation\Menu avec image) :
<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...
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
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 :
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
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
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
N'utilisez pas dropbox pour héberger votre image : les liens ne sont pas constants.
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
Merci beaucoup, je vais essayer de suite
Je vous tiens au courant !
Bon après-midi,
Anne
Je vous tiens au courant !
Bon après-midi,
Anne
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
Et je prends note pour le lien dropbox, je ne savais pas, merci ! Du coup, je sais pas où mettre mes images
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
Chapeau ton ami Alain, sacrée volonté !
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
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 :
http://aide.jimdo.com/basiques/pr%C3%A9sentation/navigation/#cacher
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
http://aide.jimdo.com/basiques/pr%C3%A9sentation/navigation/#cacher
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
Merci beaucoup, je vais regarder ça.
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
J'ai trouvé celui de Accueil li#cc-nav-view-2388495435
mais j'ai pas encore trouvé les numéros correspondant aux autres
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
J'ai trouvé celui de Accueil li#cc-nav-view-2388495435
mais j'ai pas encore trouvé les numéros correspondant aux autres
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
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
Accueil : cc-nav-view-2388495435
Info2 : cc-nav-view-2481869235
Info3 : cc-nav-view-2481869335
Info : cc-nav-view-2479917435
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
Merci Alain, j'ai appris encore plein de trucs en plus grâce à vous
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
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
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
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
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
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
J'espère que j'y verrais plus clair demain
Bonne soirée,
Anne
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
J'espère que j'y verrais plus clair demain
Bonne soirée,
Anne
Re: Afficher icône à la place de "Accueil" dans la barre de navigation
À 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
Merci et bonne soirée
Sujets similaires
» Réduire les espaces entre logo et barre de navigation dans Stockholm
» Police différente dans barre de navigation
» Cacher l'icone de navigation - Design Cape Town
» Ajouter des icones de menu dans la barre de navigation
» Image dans barre de navigation (site multi langues)
» Police différente dans barre de navigation
» Cacher l'icone de navigation - Design Cape Town
» Ajouter des icones de menu dans la barre de navigation
» Image dans barre de navigation (site multi langues)
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|