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 design Reykjavik

Aller en bas

Menu design Reykjavik

Message par Charlotte SJ le 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...
avatar
Charlotte SJ

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

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Re: Menu design Reykjavik

Message par FredVig le 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

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Menu design Reykjavik

Message par Charlotte SJ le 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
avatar
Charlotte SJ

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

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Re: Menu design Reykjavik

Message par Charlotte SJ le 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...
avatar
Charlotte SJ

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

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Re: Menu design Reykjavik

Message par FredVig le 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)

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Menu design Reykjavik

Message par Charlotte SJ le 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.
avatar
Charlotte SJ

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

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Re: Menu design Reykjavik

Message par Charlotte SJ le 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) !
avatar
Charlotte SJ

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

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Re: Menu design Reykjavik

Message par FredVig le 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>

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Menu design Reykjavik

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

Ok, merci ! Smile
avatar
Charlotte SJ

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

http://atelierbeaubrin.com

Revenir en haut Aller en bas

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