Ouverture automatique nouveau onglet

[ClaudeLustier]

Bonjour,

J'essaie de rendre la navigation sur mon site (encore en construction/version PRO pour l'instant) la plus conviviale possible.
Il y a une partie rédigée en français, l'autre en anglais également en cours de construction.

Il s'agit d'un site dédié à la photographie. Priorité aux photos et limiter le texte.

J'aimerais provoquer l'ouverture automatique d'un nouvel onglet dès que je clique sur une image affichée sous forme de vignette (je l'appelle A), celle-ci étant intégrée dans une galerie. J'ouvre alors une "sous-page" (appelée B) avec l'image A proche du plein écran accompagnée de sa légende, données EXIF éventuelles ce que la galerie ne permet pas. Chaque photo dispose ainsi de sa propre "sous-page" B.

Bien que cette solution soit intéressante, elle ne me satisfait pas pleinement dans la mesure où B ferme A (la page avec les images de la galerie)

Résultat, le visiteur doit faire des aller-retours entre A et B s'il veut examiner plusieurs images. Cela devient rapidement lassant. Le mieux consisterait à mon avis d'avoir deux onglets l'un à côté de l'autre.
Il y a d'autres solutions qui font appel au CSS3, mais je voudrais les éviter pour l'instant.

Je sais qu'il suffit de faire un clic droit avec la souris suivi d'un nouveau clic sur "Ouvrir le lien dans un nouvel onglet", mais tout le monde n'y pense pas et cela ne rend nécessairement l'environnement plus convivial. Je veux donc que B s'ouvre automatiquement sur un nouvel onglet tout en laissant celui avec la vignette de l'image A accessible.

Quelqu'un a-t-il déjà effectué ce type de modification dans le code? Où et comment?

Merci!

[FredVig]

On ne peut pas contrôler entièrement ce comportement. Cela est principalement déterminé par le navigateur du visiteur, et ça change.
Les liens "externes" depuis jimdo ont tendance à s'ouvrir dans de nouvelles fenêtre.
Par exemple, lorsqu'on fait un bouton, un menu, une ancre ou un lien texte, qui renvoie vers un lien "externe" (en fait, un lien complet commençant pas https://) Il 'suffit' de remplacer le lien interne (du même site) par un url complet, même s'il dirige vers une page du même site, ça devrait s'ouvrir en page. On peut ajouter un #blank en fin d'url pour encourager le navigateur à ouvrir une page supplémentaire.
Toutefois ce genre de comportement a tendance à faire fuir les visiteurs.
Par exemple, sur la page d'accueil de mon "atelier de recherche", deux boutons permettent d'ouvrir le site en laissant la page d'accueil active, OU en la fermant, coupant la musique
atelier
Le lien qui ouvre une fenêtre nouvelle est
https://fredvig.jimdo.com/actu/#blank
Le classique est
http://fredvig.jimdo.com/actu

[ClaudeLustier]

Bonjour,

Effectivement, sur Chrome avec les paramètres Proxy il est possible apparemment d'appliquer cette modification. Je n'ai pas essayé... En plus, j'image très mal le visiteur configurer son navigateur uniquement pour mon site

Ajouter #blank à l'URL pourrait répondre à mon cas. Le visiteur clique sur la vignette de l'image, ouvre la page avec l'image au format quasi plein écran, clique une fois de plus sur celle-ci pour revenir aux vignettes. Ce serait l'idéal... Malheureusement cette URL (sans #blank) est créée automatiquement au départ de l'éditeur d'article du blog Jimdo via "Copier l'URL de l'article" Je ne vois pas comment je peux la modifier en ajoutant #blank. Je ne la trouve pas dans le code source de la page.

[FredVig]

ça doit être possible d'automatiser cela en javascript. Voir avec les experts qui maitrisent bien le langage.
Sinon, il faut copier le code html du module incluant l'image, le coller dans un widget html et modifier le lien de l'url en ajoutant #blank
Cela doit être fait pour chaque image, donc, ce n'est pas pratique dans le cas d'images en nombre.

[ClaudeLustier]

J'avais également pensé au javascript, mais je n'ai pas encore fait des recherches de côté.
Il y a le HTML, mais ce site est appelé à recevoir pas mal d'images.

Cela dit, je pense que la solution avec #blank fonctionne.
J'avais oublié que je disposais de la possibilité de personnaliser le lien (adresse URL avec #blank) via les vignettes des galeries d'image (appelée A en début de post) ce qui est nettement plus facile et plus rapide. J'étais fixé sur l'éditeur du blog alors qu'il ne faut justement rien faire là-bas excepté copier l'URL et la coller dans "Lien externe ou adresse mail" de la page avec les vignettes des images (la galerie).
Je clique ensuite sur la vignette (je ne suis pas en local, mais directement en ligne) et l'onglet avec l'image agrandie apparaît avec sa légende, les icônes de partage juste à côté.
Le visiteur peut facilement passer d'un onglet à l'autre.

Il me reste la date de l'article que je veux supprimer car, avec sa police presque blanche (#eeeeee) elle parasite l'image. Je veux modifier la couleur pour appliquer #000000 (noir)

J'ai trouvé la ligne dans le CSS et ça fonctionne avec "l'aperçu" mais impossible de trouver l'identifiant et donc impossible d'appliquer le code dans le "Head"  

J'ai juste ceci <div class="j-text j-blog-post--date">
       <p>
           07. septembre 2017        </p>
   </div>
La date en rouge doit avoir une police noire.

[FredVig]

ciblez par la class : .j-blog-post--date

.j-blog-post--date {color:black;}

[ClaudeLustier]

ciblez par la class : .j-blog-post--date

.j-blog-post--date {color:black;}

J'avais déjà essayé ce code ce matin, mais il ne le prenait pas. J'ai finalement ajouté ceci .j-blog-post--date { color:#000000; !important }
"black" passe aussi évidemment.

[FredVig]

le point virgule après
!important;

[Contenu sponsorisé]