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.
Le Deal du moment : -23%
EVGA SuperNOVA 650 G6 – Alimentation PC 100% ...
Voir le deal
77.91 €

Style par éléments Rome deuxième (site multi langues)

2 participants

Page 1 sur 3 1, 2, 3  Suivant

Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mar 1 Aoû 2017 - 11:27

En fait, je cherche simplement à dissimuler le "FR" qui va sous le drapeau français (je pensais qu'en utilisant un style transparent pour le texte ce serait ok, mais non).

Donc j'ai essayé le code suivant, qui marche lorsque l'onglet "FR" est survolé pas autrement. Je n'arrive pas à trouver le bon élément à modifier...

Si vous pouvez m'aider, ce serait super.

Merci d'avance

#cc-nav-view-2244022757 {
background-image: url(https://image.jimcdn.com/app/cms/image/transf/none/path/s384d2b34a402447d/image/iee6749ea30aa35cc/version/1501572529/image.png);
background-position: center;
background-repeat: no-repeat;}

.navigation-colors li a:hover, .navigation-colors li a:focus, .navigation-colors li.cc-nav-current
> a:link, .navigation-colors li.cc-nav-parent > a:link {color: #4440; background-color: rgba(203, 35, 35, 0);}

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par FredVig Mar 1 Aoû 2017 - 14:59

adresse du site ?
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mar 1 Aoû 2017 - 15:30

Bonjour et merci de votre retour.
Je cherche en fait à faire une chose très simple :
Je veux faire de mon site un site multi-lingue (FR/DE/EN/ES).
J'opte pour celà avec des menus niveau 1 pour chaque langue (pas encvore implémenter).
Je voudrais que dans mon head il y ait un petit drapeau avec un texte accolé pour chaque langue, ceci sous forme d'image (ce qui n'est pas nécessairement le mieux, mais je n'ai pas d'autre idée).
En gros : "Drapeau_francais+FR", "Drapeau-anglais+EN" etc...

Le probèlme c'est que je n'arrive pas à faire disparaître du nom de chaque menu de langue ("FR3, "EN"...) ces caractères qui viennent en-dessus de mon image....

Si vous pouvez m'aidez, ce serait génial....

Merci

Adresse du site :
https://accuwatt.jimdo.com/fr/

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par FredVig Mar 1 Aoû 2017 - 16:45

Le tuto jimdo ne fonctionne-t'il pas ?
https://aide.jimdo.com/aller-plus-loin-avec-jimdo/images-dans-la-navigation/
ça veut dire que vous ne parvenez pas à mettre en transparent avec l'outil style les sous-menus.
il faut chercher pourquoi le ciblage ne marche pas.

FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par FredVig Mar 1 Aoû 2017 - 17:09

Je ne sais pas pourquoi, mais ceci fonctionne juste pour la case qui contient déjà un drapeau en arrière-plan :
.navigation-colors li a:hover, .navigation-colors li a:active, .navigation-colors li a:focus,
.navigation-colors li.cc-nav-current > a:link, .navigation-colors li.cc-nav-current > a:visited,
.navigation-colors li.cc-nav-parent > a:link, .navigation-colors li.cc-nav-parent > a:visited {
opacity: 0 !important;
}
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mar 1 Aoû 2017 - 18:00

Je ne suis plus sur mon PC mais avez vous réussi à faire ce que je n'arrive pas du tout à faire sur l'onglet "FR", qui est le seul pour l'instant à comporter une image (drapeau) insérée?
Si oui, alors milllllllllle mercis
Je me suis usé à ne pas comprendre
Je regarde demain matin..
C'est tellement simple dans le concept (avoir un drapeau pour chaque langue dans mon head qui redirigera les visiteurs vers leur langage) et carrément compliqué pour moi!!! Le texte du menu de langue ("FR" par exemple etait impossible à cacher, et de plus le drapeau n apparaissait qu au survil du "FR" alors que je n'ai pas utilisé cette fonction dans le code....

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 8:50

Bonjour Fred,

Je viens d'essayer votre code sur le FR (là ou il y a un drapeau) mais je n'y arrive pas. Je pense que je de dois me tromper quelque part.
J'ai entré cà (faut-il que je mette votre dans le cc-nav-view) ?

#cc-nav-view-2244022757 {
background-image: url(https://image.jimcdn.com/app/cms/image/transf/none/path/s384d2b34a402447d/image/i8fe6dd641a8e1d83/version/1501590408/image.png);
background-repeat: no-repeat;
background-position: center;}

.navigation-colors li a:hover, .navigation-colors li a:active, .navigation-colors li a:focus,
.navigation-colors li.cc-nav-current > a:link, .navigation-colors li.cc-nav-current > a:visited,
.navigation-colors li.cc-nav-parent > a:link, .navigation-colors li.cc-nav-parent > a:visited {
opacity: 0 !important;
}

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 9:00

Volià exactement ce que j'ai ré-écrit. Y a til un problème avec les "{" par exemple?
Merci d'avance

#cc-nav-view-2244022757
{background-image: url(https://image.jimcdn.com/app/cms/image/transf/none/path/s384d2b34a402447d/image/i8fe6dd641a8e1d83/version/1501590408/image.png);
background-repeat: no-repeat;
background-position: center;}

#cc-nav-view-2244022757
{.navigation-colors li a:hover, .navigation-colors li a:active, .navigation-colors li a:focus,
.navigation-colors li.cc-nav-current > a:link, .navigation-colors li.cc-nav-current > a:visited,
.navigation-colors li.cc-nav-parent > a:link, .navigation-colors li.cc-nav-parent > a:visited {opacity: 0!important;}

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 9:18

Le drapeau n'apparaît qu'au survol, et j'ai encore le texte "FR" du menu qui apparaît... Comprends vraiment pas...
Si vous pouvez m'aider sur ce coup là, ce serait génial...
D'avance merci

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par FredVig Mer 2 Aoû 2017 - 10:13

Il faut que vous commenciez par refaire votre menu en mettant les drapeaux au premier niveau. Le code sera différent.
Essayez de suivre le tuto Jimdo sur ce sujet, il est très clair normalement : https://aide.jimdo.com/aller-plus-loin-avec-jimdo/images-dans-la-navigation/

Code:
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(n) > a:nth-child(1) {
opacity: 0 !important;}
devrait ENSUITE forcer le premier niveau de menu à passer en opacité 0, mais en théorie, c'est inutile, cela peut être paramétré à partir du menu style.

FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 10:37

Bonjour Fred et merci de votre réponse très rapide. J'ai mis (pour essai) le "FR" tout en haut dans le menu de navigation et utilisé votre code.
Là j'ai bien le drapeau FR qui apparaît, mais touts les autres menus disparaissent du coup........
C'est à n'y rien comprendre.
En fait, je me demande s'il est possible de ne changer le style (en codant) que d'un seul élément du menu... Avec la fonction 3style" et By element "ON3, ceci affecte tout les menus ayant le même style...
Avec ce fameux menu Style (et Jimdo me l'a confirmé), si change les attributs de "FR" par exemple, je change les attriubts de tous les autres éléments de même "nature" (à savoir ceux du menu).
Comment faire pour ne changer que le style des menus "Drapeaux" (FR, EN, ES, DE) sans affecter le reste???

Si vous savez m'aider, je suis totalement prenuer.

Un grand merci d'avance

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 10:42

Comment puis-je vous envoyer des capture d'écran? Le truc fou, c'est qu'en mode Admin je n'ai pas le mêm visu qu'en mode visiteur.....
En Admin, j'ai tous les menus qui appraissent et le drapeau FR aussi, mais avec le texte du menu "FR" en-dessous
En Visiteur, j'ai le drapeau FR nickel, mais tous les autres menus sont masqués...!!!

J'avoue que je suis perdu...

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par FredVig Mer 2 Aoû 2017 - 11:46

actuellement, ça me parait correct :
vous avez le drapeau français seul, sans FR.
au survol du drapeau, les sous-menus apparaissent.
https://i.servimg.com/u/f11/14/64/54/63/sans-t10.jpg
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 12:11

Merci. Mais le pb c'est que je voudrais avoir une ligne complete (ou deux si ca ne passe pas sur 1) sur le menu, avec, en accueil la version francaise et les 4 drapeaux (fr, en, es, de).
Apres si on clique un drapeau (en par exple) on se retrouve exactement sur le meme menu, mais en a glais. Etc pour les autres langues.

Le souci avec Jimdo +design Rome, c'est que si je créé un premier niveau pour chaque langue et que je decliene en sous menu les differents onglets, je passe par une navigation en sous menu deroulants au survol.
Voyez vous une solution?
Vous avez l'air d'etre plutot tres fort avec le code.
D'avance merci
Ps : est ce que je suis clair dans ce que je voudrias faire? Je ne suis pas sûr de bien exprimer mon souhait en fait

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par FredVig Mer 2 Aoû 2017 - 14:43

Vous avez effectivement fait le tour de la question : Jimdo est simple, mais limité. Le code qu'il faudrait apprendre à utiliser pour entretenir une telle disposition ne justifie pas de se restreindre à Jimdo. Autant passer à WordPress dans ce cas.
Ce n'est pas raisonnablement possible mais vous avez plusieurs possibilités de recherches :
- Mettre tous les menus sur le même niveau 1 et masquer (avec du code) ceux des 3 autres langages quand on se trouve sur les page du 4° langage
(propriété display:none selon la page)
- Déplacer (avec du code) les menus de niveau 2 (prop. position: et top: left: )
- Créer un menu en code html dans un widget et le placer (toujours avec du code) à l'emplacement voulu
ou utiliser le module de traduction google en corrigeant manuellement le contenu texte
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 15:01

Meric bcp. Je vais tenter l'experience
Bon apres midi

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 15:08

Qu'est ce qui vous semblerati le plus simple et/ou le plus efficace?
Merci encore

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 16:00

L'idée 1 me tente bien, mais je ne vois pas trop comment masquer tous les menus du meme niveau (d'une autre langue que celle choisie). Pas simple.
L'idée 2 : top dans le concept, sauf que je ne vois bien l'utilisation de "prop. postion et top/ left)
L'idée 3 : trop raide pour moi....

Votre avis éclairé svp?

Merci bcp

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 16:08

Désolé de revenir déjà vers vous, mais en fait le problème de base est que lorsque je modifie un cc-nav-view-xxxxxx, cela modifie tous les autres. Donc "display:none va s'appliquer à tous les autres cc-nav-view-yyyy.

Grrrrr.

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Mer 2 Aoû 2017 - 16:11

Il faudrait que je puisse masquer les "Children", je crois en tout cas.... mais je ne sais pas comment coder çà comme il faut.

Je suis bien conscient de vous embêter bcp avec mes petits sousics, mais c'est assez capital pour ma petite entreprise
Merci bcp

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par FredVig Mer 2 Aoû 2017 - 19:06

Vous ne m'embêtez pas, c'est jusque que cela dépasse le cadre d'un forum. C'est une intervention assez complexe et qui demande du suivi régulier. Je ne le propose pas à mes clients occasionnels, car ils sont certains de rencontrer des soucis à la première mise à jour.
La seule solution, c'est que vous en appreniez suffisamment pour être indépendant.

La première solution est sans doute la moins risquée
Le ciblage de menus spécifique oblige à connaître très bien le fonctionnement des pseudo-classes de type :nth-child(an+b) :
https://developer.mozilla.org/fr/docs/Web/CSS/:nth-child
ainsi que l'utilisation du sélecteur
>
Faites attention à l'utilisation des espaces avant - après avec ce sélecteur

Un exemple concret :
Actuellement, vous avez 2 menus au niveau 1. Accueil et Welcome
(il faudra passer tous les menus à ce niveau)
Mettons que sur la page "Accueil" vous vouliez masquer le menu "Welcome"
Clicdroit sur le menu welcome > examiner l'élément
dans l'inspecteur, remonter dans la hiérarchie en surveillant la surbrillance sur la page, et sélectionner le contenant le plus haut qui correspond à "Welcome"
Clicdroit sur l'élément dans l'inspecteur > copier > le sélecteur CSS
vous avez ça :
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(2)
vous lui ajoutez un {display:none;}
et vous collez le tout dans "modifier le head" de la page "accueil", avec les balises de déclaration de css.

il faut ensuite renouveler la démarche pour chaque page, c'est fastidieux, mais relativement simple.

Maintenant, si vous apprenez un peu  :nth-child() et ses petits copains en :nth, vous pourrez cibler des groupes d'éléments en une fois, ce qui simplifiera le code.
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Jeu 3 Aoû 2017 - 9:00

Bonjour Fred et merci. Je vais tenter..

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Jeu 3 Aoû 2017 - 9:36

Fred, j'ai essayé mais le problème c'est que le :
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(2)
{display:none;}
sur un : cc-nav-view-2207494157 (par exemple, c'est celui de "Accueil"
rend invisible é&galement les autres menus !!!! dingue

Je me demande finalement si le plus simple ne serait pas (si c'est possible) de créer une sorte de colonne sur la gauche ou la droite dans laquelle je pourrais insérer mes 4 langues sous formes de boutons, et au click, cà me renverrait sur le menu de la langue concernée.
Quand pensez-vous ? Jouable? Très compliqué?
A noter j'utilise déjà ma side bar (qui se situe en bas sur Rome) sur 1 ou 2 pages pour afficher l'accès à ma société (donc la sidebar est déjà utilisée)....
D'avance merci

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par steph080968 Jeu 3 Aoû 2017 - 9:41

pardon, j'ai dit une bêtise, votre code marche très bien.
Mais il y a un truc qui m'échappe : comment puis-je faire pour "relier" les entrées de langues (que ce soit un drapeau ou des lettres style "EN") avec l'apparition des menus de navigation dans la langue concernée...

Le plus simple ne serait il pas mon idée de "colonnes"? Je ne sais pas, j'avoue...

Merci bcp

steph080968

Messages : 62
Date d'inscription : 06/04/2017

http:// https://accuwatt.jimdo.com/

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par FredVig Jeu 3 Aoû 2017 - 9:47

Le code ne fonctionne que pour les menus concernés
il suffit de le placer seulement pour les pages d'une langue
Chaque page doit porter un code précis à partir de son "modifier le Head"
Tous les menus sont visibles par défaut, et tous de niveau 1
pour les pages en français, les menus anglais seront masqués
pour les pages en anglais, les menus français seront masqués

Il faut ensuite ajouter -par exemple dans la sidebar - des boutons drapeaux qui dirigent vers les deux langues
si -au lieu de la sidebar -vous prenez la peine de placer les boutons en haut de chaque page, en contenu spécifique à la page, vous pourrez leur attribuer des liens vers la page correspondante à la page active dans une autre langue. cela permet de donner l'impression de "traduire" la page active.
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Style par éléments Rome deuxième (site multi langues) Empty Re: Style par éléments Rome deuxième (site multi langues)

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Page 1 sur 3 1, 2, 3  Suivant

Revenir en haut

- Sujets similaires

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