Posted by How to make a clickable image

Taylo Ren (#173094)

Heavenly
View Forum Posts


Posted on
2023-07-04 21:54:09
Hi!

I'm trying to create clickable images, but anytime I find a copy/paste, it doesn't work. Most HTML guides I've seen don't say what I need to delete to make it work. I took this one from the pinned guide

< a href="URL LINK HERE" > < img src="IMAGE URL HERE" > < /a >

But when I tried to delete the spaces and input my links, it just disappeared completely when I previewed it.

I also tried this one

<*a href="URL"*><*img src="URL"*><*/*a>



But it also disappears. What am I doing wrong?



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-07-04 23:43:51
Both of those are about the same. For the second one remove all the *s put the link you want the image to lead to in the area i have in bold below
A href="HERE"

For the image it is a longer process. You need to screenshot the image you need. Do to an image hosting website, like Imgur for example, and upload it there. I personally use discord and send it to myself (or private server) If you use a website: upload the image, right click(or tap and hold) the image you uploaded and click "open image in new tab" the image should now be in a tab by itself. The link should end with .png, .jpeg, .gif, .(whatever the image file type is) or something of the sorts. The link might look a little odd depending on what website you use.
Example
https://i.imgur.io/wu0zkt3_d.webp?maxwidth=640&shape=thumb&fidelity=medium
Turns into


If you use discord you need to click/tap the image and then click "Open in Browser" or "Veiw/Open Original" it should open the image into a new tab. The link will look different. An example is:
(spoilered because it is long and long links hate mobile users)

That that link you just created and put it in where i have bolded
Img src="HERE"

If you want to resize your image you can do it when you post it! All you have to do is add height=(px number) or width=(px number) it should look like
Img src="(url you created)" width=(number)
I personally only use the width because the height of the image will automatically scale with it. I found 400 works perfect for forums (at least for me)
400px
200px

Once you combine them you will have
now clickable

Anything before the /a part of the code can be typed in as well! So you can have an image and words like how I did before. I hope this helps! If something is still confusing let me know



Hrt Icon 1 player likes this post! Like?

Taylo Ren (#173094)

Heavenly
View Forum Posts


Posted on
2023-07-05 07:08:32
Thank you! I hope I can get it to work!



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-07-05 14:58:58
Sorry for the late reply! I hope it helps! If you can't get it to work I can look further into it for you <3



Hrt Icon 0 players like this post! Like?

Taylo Ren (#173094)

Heavenly
View Forum Posts


Posted on
2023-07-05 15:07:01
I made a new post of me attempting to do different ones. I'd appreciate it if you could take a look. I'm still having loads of trouble :(



Hrt Icon 0 players like this post! Like?

Taylo Ren (#173094)

Heavenly
View Forum Posts


Posted on
2023-07-05 15:07:02
I made a new post of me attempting to do different ones. I'd appreciate it if you could take a look. I'm still having loads of trouble :(



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-07-05 15:13:31
Remember to remove the *s for the code to work!
Also for the image like you are using the link to the website, you need the image link (right click and click "open image in new tab" to get the right link!)



Hrt Icon 0 players like this post! Like?

Taylo Ren (#173094)

Heavenly
View Forum Posts


Posted on
2023-07-05 15:15:06
Is this a correct link? https://imgur.com/a/KBl2MW8



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-07-05 15:21:08
https://i.imgur.io/vRUhS5A_d.webp?maxwidth=640&shape=thumb&fidelity=medium

It is not! Try this link.



Hrt Icon 0 players like this post! Like?

Taylo Ren (#173094)

Heavenly
View Forum Posts


Posted on
2023-07-05 18:04:15
Thank you so much! I got it and made my first pretty auction page!



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-07-05 18:05:33
Awesome! I'm glad it was able to work for you <3



Hrt Icon 0 players like this post! Like?

♡꧁ 𝑇ℎ𝑒
𝐷𝑒𝑎𝑙𝑒
𝑟 ꧂♡ (#417178)


View Forum Posts


Posted on
2024-04-06 21:47:59



Hrt Icon 0 players like this post! Like?


Edited on 06/04/24 @ 21:48:13 by ♡꧁ 𝑇ℎ𝑒 𝐷𝑒𝑎𝑙𝑒𝑟 ꧂♡ (#417178)

Starleap (#454797)

Heavenly
View Forum Posts


Posted on
2024-06-30 10:05:03
Void this, I figured it out lol



Hrt Icon 0 players like this post! Like?


Edited on 30/06/24 @ 10:05:55 by Starleap (#454797)

Miles89(DM me the
word Pie) (#478095)

Sapphic
View Forum Posts


Posted on
2024-10-12 02:58:15
Testing :3




width=400 Added this after closing the jpg so that it’s at a good size :3



Hrt Icon 0 players like this post! Like?


Edited on 12/10/24 @ 03:01:46 by Miles89(DM me the word Pie) (#478095)







Memory Used: 624.19 KB - Queries: 2 - Query Time: 0.00057 - Total Time: 0.00437s