1 |
|
---|---|
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? 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 1 player likes this post! Like? |
Taylo Ren (#173094)
Heavenly View Forum Posts Posted on 2023-07-05 07:08:32 |
✧|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 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 :( 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 :( 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!) 0 players like this post! Like? |
Taylo Ren (#173094)
Heavenly View Forum Posts Posted on 2023-07-05 15:15:06 |
✧|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. 0 players like this post! Like? |
Taylo Ren (#173094)
Heavenly View Forum Posts Posted on 2023-07-05 18:04:15 |
✧|Tacatto|✧ Haze RLC (#25830) View Forum Posts Posted on 2023-07-05 18:05:33 |
♡꧁ 𝑇ℎ𝑒 𝐷𝑒𝑎𝑙𝑒 𝑟 ꧂♡ (#417178) View Forum Posts Posted on 2024-04-06 21:47:59 |
Starleap (#454797)
Heavenly View Forum Posts Posted on 2024-06-30 10:05:03 |
Void this, I figured it out lol 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 |
0 players like this post! Like? Edited on 12/10/24 @ 03:01:46 by Miles89(DM me the word Pie) (#478095) |
1 |
---|