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.

Rejoignez le forum, c’est rapide et facile

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.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-20%
Le deal à ne pas rater :
Pack Gigabyte Ecran PC Gamer 27″ LED M27Q (rev2.0) + Radeon RX 6950 ...
749 € 939 €
Voir le deal

Menu design Reykjavik

2 participants

Aller en bas

menu - Menu design Reykjavik Empty Menu design Reykjavik

Message par Charlotte SJ Mar 23 Jan 2018 - 19:09

Bonjour,

Le petit effet de "roulis" quand on passe la souris sur le menu à gauche de ce template ne me plait pas tant que cela finalement, c'est trop présent, j'aimerais le supprimer. J'ai déjà modifié la taille et les marges de plusieurs éléments dans le head, je me débrouille. Mais là, j'ai peur d'aller un peu loin et surtout, je ne sais pas comment s'appelle cet effet, je ne sais pas où le repérer. Merci d'avance FredVig, filmdelover et autre spécialiste...
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

menu - Menu design Reykjavik Empty Re: Menu design Reykjavik

Message par FredVig Mar 23 Jan 2018 - 20:22

ça doit être ça
Code:
.jtpl-navigation a::after, .jtpl-navigation a::before {
    transition: none!important;
}
à tester bien sûr sur d'autres navigateurs
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

menu - Menu design Reykjavik Empty Re: Menu design Reykjavik

Message par Charlotte SJ Mar 23 Jan 2018 - 20:49

C'est parfait, merci mille fois ! Je savais que je pouvais compter sur vous ! Bonne soirée Very Happy Very Happy Very Happy
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

menu - Menu design Reykjavik Empty Re: Menu design Reykjavik

Message par Charlotte SJ Lun 29 Jan 2018 - 13:16

Bonjour !

Sur la base du code que vous m'avez donné précédemment, j'ai obtenu que la transition sur la navigation se fasse en gras, avec ceci : <style type="text/css">
/*<![CDATA[*/

..jtpl-navigation a::after, .jtpl-navigation a::before {
   font-weight: bold!important;
}
/*]]>*/
</style>

Mais je n'arrive pas à " fixer " le bold sur la page ouverte, histoire d'indiquer où on en est dans le menu. Une petite idée s'il vous plait ? Merci...
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

menu - Menu design Reykjavik Empty Re: Menu design Reykjavik

Message par FredVig Mar 30 Jan 2018 - 14:02

Il n'existe pas de pseudo classe pour "détecter" la page courante. Mais Jimdo a ajouté des classes à cet état. inspectez le code, vous trouverez les règles qui régissent cet état. Prenez seulement les classes actives qui apparaissent en noir dans la liste. (voir mon tuto "modifier le head" dans ce forum) menu - Menu design Reykjavik Inspec10
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

menu - Menu design Reykjavik Empty Re: Menu design Reykjavik

Message par Charlotte SJ Mar 30 Jan 2018 - 14:44

Vi vi vi.... Laissez-moi l'après-midi et je vois ce que je peux faire avec ça... scratch Mais merci pour l'illustration.
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

menu - Menu design Reykjavik Empty Re: Menu design Reykjavik

Message par Charlotte SJ Mar 30 Jan 2018 - 16:11

C'est bon ! Moins compliqué que ce que je pensais mais je m'y suis prise à plusieurs fois car les effets se superposaient, comme un " double gras " (ou un gras double ?). J'ai effacé, tenté quelques combinaisons et finalement c'est comme je voulais. Je n'ai pas tout compris de ce que j'ai fait mais le résultat est là, merci beaucoup (encore une fois Wink) !
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

menu - Menu design Reykjavik Empty Re: Menu design Reykjavik

Message par FredVig Mar 30 Jan 2018 - 19:20

ça semble bien.
Pensez à regrouper vos modifications dans une seule feuille de style :
Toutes les modifications entre deux uniques balises <style> et </style>

Code:
<style>
 .jtpl-section-main {
    margin-left: 310px;
   }
    .jtpl-content {
    padding-top: 80px;
}
    .jtpl-sidebar {
    padding-left: 20px;
}
 .jtpl-content {
    padding-bottom: 10px;
}
(etc.)

</style>
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

menu - Menu design Reykjavik Empty Re: Menu design Reykjavik

Message par Charlotte SJ Mer 31 Jan 2018 - 8:19

Ok, merci ! Smile
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

menu - Menu design Reykjavik Empty Re: Menu design Reykjavik

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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