mettre un lien sur une photo

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 le 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][/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
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 le 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://i36.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 :



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
+ Hyperactif +

Messages : 4407
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 le Sam 20 Juin 2015 - 22:30

slt
merci pour toçn aide mais ej m en sort pas
j ai fait ca

l image es trop grande et ca donen rien

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 le 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
+ Hyperactif +

Messages : 4407
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 le 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
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 le 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
+ Hyperactif +

Messages : 4407
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 le Lun 22 Juin 2015 - 2:15

dsl mais ca marche pas
j ai mit ton lien

[img][/img]

et ca donne ca

[img][/img]


merci pour ton aide

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 le 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.


MlleAlys
+ Hyperactif +

Messages : 4407
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 le 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][/img]

merci bcp

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 le 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
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 le Lun 22 Juin 2015 - 9:20

de rien ^^

..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


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

MlleAlys
+ Hyperactif +

Messages : 4407
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


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