Lien multiple sur image
3 participants
Page 1 sur 1
Lien multiple sur image
Bonjour,
Mon problème: sur une image d'un sommaire de magazine, je dois mettre des liens vers certains articles qui sont à voir en PDF.
Avec mon ancien programme, je superposais une image d'une flèche, contenant le lien du PDF, près du titre de l'article voulu sur le sommaire.
Sur WARC je n'ai pas trouvé comment faire !
Est-ce possible ? Si oui, comment ?
Merci d'avance pour vos réponses.
Mon problème: sur une image d'un sommaire de magazine, je dois mettre des liens vers certains articles qui sont à voir en PDF.
Avec mon ancien programme, je superposais une image d'une flèche, contenant le lien du PDF, près du titre de l'article voulu sur le sommaire.
Sur WARC je n'ai pas trouvé comment faire !
Est-ce possible ? Si oui, comment ?
Merci d'avance pour vos réponses.
Dernière édition par Clavich le Dim 25 Mar 2018 - 10:16, édité 1 fois
Re: Lien multiple sur image
Bonjour, il n'y a pas de solution en natif avec WARC. Il faut le créer de toutes pièces avec un insert html. Tu as tous les éléments sur :
https://developer.mozilla.org/fr/docs/Web/CSS/position
Si tu manques de bases, prend le temps de regarder cette série de tutos. Ce n'est pas utile d'avoir Dream Weaver, notepad++ suffit. C'est très bien fait.
https://www.youtube.com/watch?v=Qz9kZ34QlSI
Patrick
https://developer.mozilla.org/fr/docs/Web/CSS/position
Si tu manques de bases, prend le temps de regarder cette série de tutos. Ce n'est pas utile d'avoir Dream Weaver, notepad++ suffit. C'est très bien fait.
https://www.youtube.com/watch?v=Qz9kZ34QlSI
Patrick
Re: Lien multiple sur image
Merci pour cette réponse rapide.
Finalement, je vais - pour ce site-là - garder mon ancien programme. Comme ce site n'as pas d'objets connecté (formulaire, compteur de visite, etc) je peux continuer à l'utiliser.
Pour Info, il s'agit de Webplus X8 de Serif. Ils abandonnent ce programme et dès le 31 mars tous les services qui demandent un accès serveur Serif seront déconnectés.
Finalement, je vais - pour ce site-là - garder mon ancien programme. Comme ce site n'as pas d'objets connecté (formulaire, compteur de visite, etc) je peux continuer à l'utiliser.
Pour Info, il s'agit de Webplus X8 de Serif. Ils abandonnent ce programme et dès le 31 mars tous les services qui demandent un accès serveur Serif seront déconnectés.
Re: Lien multiple sur image
Bonsoir,
En effet, vous avez mal compris !
Le site sur le quel se trouve le "problème" est www.invitation-magazine.ch.
Vous pouvez voir le sommaire qui est une image et les "petits crayons", images contenant le lien PDF, posées aux endroit stratégiques...
En effet, vous avez mal compris !
Le site sur le quel se trouve le "problème" est www.invitation-magazine.ch.
Vous pouvez voir le sommaire qui est une image et les "petits crayons", images contenant le lien PDF, posées aux endroit stratégiques...
Re: Lien multiple sur image
Bonjour,
Il y a beaucoup de crayons ;-)
Le passage vers le "responsive" a simplifié et permis pas mal de chose mais au détriment de la richesse du contenu. C’est comme ça et je pense que ton site actuel n'est pas transposable tel quel vers un site responsive. Le cœur de cette technologie est basé sur un système de colonne dont le nombre est contraint et où la superposition d'objet est difficile voire impossible sur des résolutions d'affichages réduits.
Maintenant un beau challenge s'offre à toi avec pour moi deux solutions:
-Rester sur ton éditeur de site et créer un site dédié par format (1200, 992, 768 px) Mais c'est lourd et la détection serveur n'est pas toujours au rendez vous. Le plus grand danger c'est d’être tenter de rester sur un visuel/design qui commence à dater au risque de faire fuir les internautes. La moyenne de temps de consultation d'un site est de 50 secondes environ. Si tu ne l’accroches pas immédiatement il est perdu.
- Ou alors repenser complètement l'interface de ton site pour passer sur WARC. C’est tout à fait possible et les outils sont nombreux. Commencer par remplir le répertoire « favoris » de ton navigateur avec tout les sites à ton goût et adaptés à tes besoins, ensuite la feuille blanche et le crayon sans oublier que tu n’as que 12 colonnes. Dessine le visuel de ton projet sur de grandes feuilles, tu y places toutes tes contraintes/objets etc... C’est pour moi la solution la plus raisonnable et qui te permettra de rester dans le coup.
http://epicadesign.fr/demos/HoverEffectImg/index.html
Voici le genre d’effets natifs que tu peux facilement insérer dans WARC sans connaissance poussée en programmation.
Cordialement
Il y a beaucoup de crayons ;-)
Le passage vers le "responsive" a simplifié et permis pas mal de chose mais au détriment de la richesse du contenu. C’est comme ça et je pense que ton site actuel n'est pas transposable tel quel vers un site responsive. Le cœur de cette technologie est basé sur un système de colonne dont le nombre est contraint et où la superposition d'objet est difficile voire impossible sur des résolutions d'affichages réduits.
Maintenant un beau challenge s'offre à toi avec pour moi deux solutions:
-Rester sur ton éditeur de site et créer un site dédié par format (1200, 992, 768 px) Mais c'est lourd et la détection serveur n'est pas toujours au rendez vous. Le plus grand danger c'est d’être tenter de rester sur un visuel/design qui commence à dater au risque de faire fuir les internautes. La moyenne de temps de consultation d'un site est de 50 secondes environ. Si tu ne l’accroches pas immédiatement il est perdu.
- Ou alors repenser complètement l'interface de ton site pour passer sur WARC. C’est tout à fait possible et les outils sont nombreux. Commencer par remplir le répertoire « favoris » de ton navigateur avec tout les sites à ton goût et adaptés à tes besoins, ensuite la feuille blanche et le crayon sans oublier que tu n’as que 12 colonnes. Dessine le visuel de ton projet sur de grandes feuilles, tu y places toutes tes contraintes/objets etc... C’est pour moi la solution la plus raisonnable et qui te permettra de rester dans le coup.
http://epicadesign.fr/demos/HoverEffectImg/index.html
Voici le genre d’effets natifs que tu peux facilement insérer dans WARC sans connaissance poussée en programmation.
Cordialement
Re: Lien multiple sur image
Bonsoir,
Je n'en suis pas à mon coup d'essai en matière de conception web.
J'ai déjà créé plus de 15 sites pour des clients (dont quelques uns sont toujours là !) et plusieurs sont déjà fait sous WARC.
C'est le cas de mon site pro PamPC Mathez Informatique
Il me reste à trouver toutes les "finesses" de ce chouette programme.
Je n'en suis pas à mon coup d'essai en matière de conception web.
J'ai déjà créé plus de 15 sites pour des clients (dont quelques uns sont toujours là !) et plusieurs sont déjà fait sous WARC.
C'est le cas de mon site pro PamPC Mathez Informatique
Il me reste à trouver toutes les "finesses" de ce chouette programme.
Re: Lien multiple sur image
Bonjour,
Désolé pour la méprise, je pensais que tu débutais sous WARC. Cela reste possible, tu crées ta box et tes sous box avec tous tes items et ensuite tu modifies le CSS dans Wa_css sur la page qui correspond "pages-home_fr.css" par exemple. En jouant/conbinant avec "positions: relative;" et "position: absolute;" etc ... tu peux superposer des éléments texte et image. Évite de toucher au CSS dans wa_bootstrap, normalement le css de la page suffit. Il te reste à créer les liens vers ton fichier *.pdf sur le code html de la page concernée. Ce sont des opérations à effectuer en fin de production car si tu lances une publication tu écrasera ton travail.
C'est un métier passionnant avec chaque jour des trucs nouveaux, bon courage et amuse toi bien. ;-)
Patrick
Désolé pour la méprise, je pensais que tu débutais sous WARC. Cela reste possible, tu crées ta box et tes sous box avec tous tes items et ensuite tu modifies le CSS dans Wa_css sur la page qui correspond "pages-home_fr.css" par exemple. En jouant/conbinant avec "positions: relative;" et "position: absolute;" etc ... tu peux superposer des éléments texte et image. Évite de toucher au CSS dans wa_bootstrap, normalement le css de la page suffit. Il te reste à créer les liens vers ton fichier *.pdf sur le code html de la page concernée. Ce sont des opérations à effectuer en fin de production car si tu lances une publication tu écrasera ton travail.
C'est un métier passionnant avec chaque jour des trucs nouveaux, bon courage et amuse toi bien. ;-)
Patrick
Re: Lien multiple sur image
Bonjour
Personnellement je choisirais l'option >> remplacer l'image de fond (le sommaire) par du vrai texte (facile à reproduire à l'identique) , une ligne par item et le petit crayon avec lien au bout de chaque ligne comme indiqué plus haut.
Ça prend un petit peu de temps, mais pas tant que ça, et ça vaut le coup, plutôt que de toucher aux fichiers générés par WA qui seront écrasés à chaque mise à jour du site ou de WA.
Faire un réglage de superposition d'images avec du responsive devient laborieux puisque tout bouge selon le média utilisé, et c'est bien pour cette raison que cette méthode n'est plus utilisée en responsive.
Mais ce n'est que mon avis à vous de voir ce qui vous conviendra le mieux.
Cordialement
Personnellement je choisirais l'option >> remplacer l'image de fond (le sommaire) par du vrai texte (facile à reproduire à l'identique) , une ligne par item et le petit crayon avec lien au bout de chaque ligne comme indiqué plus haut.
Ça prend un petit peu de temps, mais pas tant que ça, et ça vaut le coup, plutôt que de toucher aux fichiers générés par WA qui seront écrasés à chaque mise à jour du site ou de WA.
Faire un réglage de superposition d'images avec du responsive devient laborieux puisque tout bouge selon le média utilisé, et c'est bien pour cette raison que cette méthode n'est plus utilisée en responsive.
Mais ce n'est que mon avis à vous de voir ce qui vous conviendra le mieux.
Cordialement
Sujets similaires
» Mettre un lien sur l'image dans un album photo ?
» Comment insérer un scroll CSS
» Exécuter du JS avec un bouton ou image WebAcappella Responsive
» Lien hypertexte sur libelé case à cocher dans formulaire
» Bouton Wagrid avec une image
» Comment insérer un scroll CSS
» Exécuter du JS avec un bouton ou image WebAcappella Responsive
» Lien hypertexte sur libelé case à cocher dans formulaire
» Bouton Wagrid avec une image
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|