Comment mettre une explication en cliquant sur une image

annick1348 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
annick1348 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
bonjour a vous toutes et tous
voila mon probleme,
je crée tout doucement un blog avec mes creations au tricot, crochet,
j'ai deja fait les photos de mes creations et enregistrer sur mon pc
je voudrais quand la photo est sur mon blog, que si quelqu'un veut les explications de la creation ( on va prendre une robe) elle puisse simplement cliquer sur l'image robe et elle en aura les explications comme il y a souvent sur des blog de loisirs
je ne sais pas comment faire
qui pourrais m'aider svp
je precise que suis nul mais harchis nul en informatique,

je vous remercie d'avance pour vos explications en esperant qu je sois dans la bonne rubrique
merci tout le monde
A voir également:

3 réponses

Ysabe_l Messages postés 12717 Date d'inscription   Statut Contributeur Dernière intervention   277
 
Il y a 2 possibilités.

Soit lorsque la personne clique sur l'image elle est redirigée vers une page qui contient les explications, dans ce cas c'est simple SI tu peux entrer du code html dans ton blog (ça dépend quel système de blog tu utilises), il faudra simplement écrire de cette manière :

<a href="adresse_page_explication.html"><img src="image.jpg /></a>


en remplaçant bien sur par l'adresse de la page avec les explication et l'adresse de l'image.

Soit lorsque la personne clique sur l'image elle a une fenêtre qui apparaît par dessus avec les explications. Là c'est plus compliqué.
0
Profil bloqué
 
Oui => comment fais tu ton site ?
0
annick1348
 
Soit lorsque la personne clique sur l'image elle est redirigée vers une page qui contient les explications, dans ce cas c'est simple SI tu peux entrer du code html dans ton blog (ça dépend quel système de blog tu utilises), il faudra simplement écrire de cette manière :

<a href="adresse_page_explication.html"><img src="image.jpg /></a>


en remplaçant bien sur par l'adresse de la page avec les explication et l'adresse de l'image.
comment dois je faire exactement car je suis nul en informatique,

merci a celles ou ceux qui me donneront plus d'explication peut etre pas a pas, en langage normal car langage informatique je ne suis pas trop au top j'apprends mais dur dur de retenir,
si vu sur mon blog canalblog que je savais voir le code htlm ' enfin il y a une touche, la dedenas quand je clique c'est du chinois pour moi , je ne sais pas ce que je dois faire , car il y a deja quelque chose d'inscrit au code htlm,
comment je remplace ce que l'on ma note si gentillement
(en remplaçant bien sur par l'adresse de la page avec les explication et l'adresse de l'image.)

d'avance je vous en remercie pour tous ses renseignements et surtout pour votre patience
0
Profil bloqué
 
Tu peux y mettre en ligne et nous envoyer un lien pour qu'on regarde ?
0
Ysabe_l Messages postés 12717 Date d'inscription   Statut Contributeur Dernière intervention   277
 
Alors je vais essayer de faire plus clair comme explication.

Donc si j'ai bien compris dans canalblog tu peux passer par un clic du mode "visuel" au mode "html" c'est parfait ce sera beaucoup plus simple.

Donc premièrement il va falloir mettre ton image sur internet. Je ne sais pas si canalblog propose un hébergement d'image directement. Sinon tu peux aller par exemple sur https://imageshack.com/ et y mettre ton image. Une fois ton image mise tu vas récupérer son adresse, donc tu cliques pour voir ton image en grand et là tu copies ce qui est dans la barre d'adresse. Ce sera l'adresse de l'image.

Ensuite tu vas rédiger sur ton blog un article avec l'explication que tu veux. Tu vas ouvrir l'article et noter son adresse, ce sera l'adresse de l'explication.

Enfin tu vas créer l'article avec l'image. Donc tu écris au dessus tout ce que tu veux, comme d'habitude et au moment de mettre l'image tu vas sur l'édition HTML. Là tout ce que tu vas voir écrit c'est ce que tu as fait avant, tu ne touches pas. Tu ajoutes ça :

<a href="adresse de l'explication"><img src="adresse de l'image" /></a>


Tu dois tout mettre comme ça, sauf les adresses qu'il faut remplacer (mais il faut laisser les guillemets).
0
annick1348 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
je te remercie des explcations je vais essaaye encore merci
0