mettre un lien sur une photo

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu mettre un lien sur une photo

Message par Sebastien Remi Sam 20 Juin 2015 - 20:49

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://www.kakariki.biz/privmsg?folder=inbox

Description du problème

bonjour
j aurais voulus savoir omment mettre un lien qui s ouvre quand on clique sur une photo
j ai cherher sur le forum mais je trouve que des code j ai trouver ceci
[url=LIEN]mettre un lien sur une photo LIEN DE L'IMAGE[/url]
mais je ne m y connait pas du tout en code
et je voit pas bien ou je doit mettre quoi j ai fait des teste mais sans suces
merci pour votre aide
remi s
Sebastien Remi

Sebastien Remi
Nouveau membre

Messages : 28
Inscrit(e) le : 17/06/2015

http://www.kakariki.biz/privmsg?folder=inbox
Sebastien Remi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre un lien sur une photo

Message par MlleAlys Sam 20 Juin 2015 - 21:27

Bonjour,
ça dépend où vous souhaitez mettre l'image.
Si c'est dans un message, un code en bbcode suffit :

Code pour un lien en bbcode :
Code:
[url=ADRESSE DU LIEN] CONTENU DU LIEN [/url]
par exemple :
Code:
[url=https://www.google.fr] Cliquez ici pour aller sur google ! [/url]

Code pour une image en bbcode :
Code:
[img]URL DE L'IMAGE[/img]
Attention, URL DE L'IMAGE doit être remplacé par l'adresse directe de l'image ! Ce point est important, beaucoup d'hébergeurs fournissent un code avec déjà un lien dessus pour que quand on clique sur l'image, ça mène à l'hébergeur, ou bien une adresse de visualisation sur leur site, et donc pas l'image toute seule... Ce qui nous intéresse est une adresse simple sans aucun code avec, et quand on va voir ce lien, il doit y avoir l'image toute seule sur la page.
C'est par exemple la différence entre :
https://servimg.com/view/12564335/1297
et
https://i.servimg.com/u/f36/12/56/43/35/zabre112.png
Ici c'est bien la deuxième adresse qui nous intéresse ! ^^

Ce qui donne :
Code:
[img]http://i36.servimg.com/u/f36/12/56/43/35/zabre112.png[/img]


Et donc pour un lien sur une image, il suffit de mettre le code de l'image en contenu du lien, ce qui donne en bbcode :
Code:
[url=ADRESSE DU LIEN] [img]URL DE L'IMAGE[/img] [/url]
Par exemple :
Code:
[url=https://www.google.fr] [img]http://i36.servimg.com/u/f36/12/56/43/35/zabre112.png[/img] [/url]
Ce qui donne au final :
mettre un lien sur une photo Zabre112


Si vous souhaitez mettre l'image avec le lien autre part sur votre forum, par exemple sur la page d'accueil, il vous faut alors utiliser non plus un code bbcode mais un code html :

Code pour un lien en html :
Code:
<a href="ADRESSE DU LIEN"> CONTENU DU LIEN </a>
Par exemple :
Code:
<a href="https://www.google.fr"> Cliquez ici pour aller sur google ! </a>

Code pour une image en html :
Code:
<img src="URL DE L'IMAGE" />
Par exemple :
Code:
<img src="http://i36.servimg.com/u/f36/12/56/43/35/zabre112.png" />

Et donc le code pour un lien sur une image en html :
Code:
<a href="ADRESSE DU LIEN"> <img src="URL DE L'IMAGE"> </a>
Par exemple :
Code:
<a href="https://www.google.fr"> <img src="http://i36.servimg.com/u/f36/12/56/43/35/zabre112.png" /> </a>
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre un lien sur une photo

Message par Sebastien Remi Sam 20 Juin 2015 - 22:30

slt
merci pour toçn aide mais ej m en sort pas
j ai fait ca
mettre un lien sur une photo Site_l10
l image es trop grande et ca donen rien
Sebastien Remi

Sebastien Remi
Nouveau membre

Messages : 28
Inscrit(e) le : 17/06/2015

http://www.kakariki.biz/privmsg?folder=inbox
Sebastien Remi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre un lien sur une photo

Message par MlleAlys Sam 20 Juin 2015 - 23:04

Votre lien n'est pas bon, apparemment vous avez mis
https://http//avecdeuxailes.ca/forum/
au lieu de
http://avecdeuxailes.ca/forum/
surement ?

La taille de l'image n'a ici pas de rapport avec le code utilisé, c'est la taille normale de l'image... Neutral
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre un lien sur une photo

Message par Sebastien Remi Sam 20 Juin 2015 - 23:56

moi en faite ces pour mettre sur les coter du forum dans partenaire donc en widget
ici ca marche +- et sur mon forum je suis bien loin de ce resultat
Sebastien Remi

Sebastien Remi
Nouveau membre

Messages : 28
Inscrit(e) le : 17/06/2015

http://www.kakariki.biz/privmsg?folder=inbox
Sebastien Remi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre un lien sur une photo

Message par MlleAlys Dim 21 Juin 2015 - 0:00

Le bbcode fonctionne dans les messages. Si c'est pour mettre dans un widget, vous devez utiliser un code html :
Code:
<a href="http://avecdeuxailes.ca/forum/"> <img src="http://i18.servimg.com/u/f18/18/03/46/23/site_l10.jpg" /> </a>

Pour régler la taille de l'image, vous pouvez compléter le code ainsi :
Code:
<a href="http://avecdeuxailes.ca/forum/"> <img src="http://i18.servimg.com/u/f18/18/03/46/23/site_l10.jpg" width="100" /> </a>
Modifiez 100 par la largeur souhaitée en pixels.
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre un lien sur une photo

Message par Sebastien Remi Lun 22 Juin 2015 - 2:15

dsl mais ca marche pas
j ai mit ton lien

[img]mettre un lien sur une photo Kak210[/img]

et ca donne ca

[img]mettre un lien sur une photo Kak10[/img]


merci pour ton aide
Sebastien Remi

Sebastien Remi
Nouveau membre

Messages : 28
Inscrit(e) le : 17/06/2015

http://www.kakariki.biz/privmsg?folder=inbox
Sebastien Remi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre un lien sur une photo

Message par MlleAlys Lun 22 Juin 2015 - 2:30

Le lien a été mal collé, il manque le début, et la ligne à gauche ne devrait pas apparaitre.

- Supprimez le code erroné du widget
- Copiez le code que je vous ai donné en prenant garde à le prendre en entier !
- Passez l'éditeur en mode source en cliquant sur le bouton :wysiwyg: tout à droite de la barre d'outils. L'icône doit alors rester sur fond blanc.
- Collez le code dans l'éditeur
- enregistrez.

mettre un lien sur une photo Zj1e
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre un lien sur une photo

Message par Sebastien Remi Lun 22 Juin 2015 - 2:40

super un grand merci
juste une ptite chose
j ai un rectangle blanc qui se trouve sous mon lien

[img]mettre un lien sur une photo Kak12[/img]

merci bcp
Sebastien Remi

Sebastien Remi
Nouveau membre

Messages : 28
Inscrit(e) le : 17/06/2015

http://www.kakariki.biz/privmsg?folder=inbox
Sebastien Remi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre un lien sur une photo

Message par Sebastien Remi Lun 22 Juin 2015 - 2:51

et voila résolut j ai trouver le pourquoi de cette espace blanc un grand merci de ton aide
et de ta patience
Sebastien Remi

Sebastien Remi
Nouveau membre

Messages : 28
Inscrit(e) le : 17/06/2015

http://www.kakariki.biz/privmsg?folder=inbox
Sebastien Remi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre un lien sur une photo

Message par MlleAlys Lun 22 Juin 2015 - 9:20

de rien ^^

.mettre un lien sur une photo HURHAdp.Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur mettre un lien sur une photo Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton mettre un lien sur une photo 50378

A bientôt sur ForumActif Smile
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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