Code:
[img alt=image loading...]https://i.imgur.com/lUr20xA.jpg[/img]
This way people will know there is some image to expect, and not thinking that your post is empty.
Topic: [Tutorial] How to add image, resize image and make image clickable - page 2. (Read 3100 times)
February 19, 2018, 03:50:20 AM
Just added one more thing to the post, if you want some text to show while the image is still loading, you can add the alt property to your img tag, so that it will be like:
This way people will know there is some image to expect, and not thinking that your post is empty.
This way people will know there is some image to expect, and not thinking that your post is empty.
February 16, 2018, 08:34:07 PM
Lately im curious on how to add image here in the forum since i dont really do it at least once. This thread is helpful for those who wants to learn how to add image because its simple and well explained. Goodjob!
I am glad that you find it useful. Thank you for your support!
February 16, 2018, 03:27:42 PM
Lately im curious on how to add image here in the forum since i dont really do it at least once. This thread is helpful for those who wants to learn how to add image because its simple and well explained. Goodjob!
February 16, 2018, 11:35:59 AM
Awesome attempt to get merit, I hope you get none
You should add in the OP how to resize images
You should add in the OP how to resize images
What's the matter KY, normally you are not such a meanie... Did TMAN get you in a bad mood already?
February 16, 2018, 02:49:39 AM
Awesome attempt to get merit, I hope you get none
You should add in the OP how to resize images
You should add in the OP how to resize images
Thanks for the suggestion! I just added details about how to resize images.
Feel free to let me know if there is any additional information I can add to my post, so that it will be more helpful for other users. Thanks.
February 16, 2018, 01:01:42 AM
Awesome attempt to get merit, I hope you get none
You should add in the OP how to resize images
You should add in the OP how to resize images
February 16, 2018, 12:55:55 AM
Anybody knows how to add youtube videos in this forum? is there any special code for it?
Yeah seems that we cannot directly add youtube videos in the post itself. What you can do is create a text or image and link the url to the actual youtube video.
February 15, 2018, 10:14:05 PM
Anybody knows how to add youtube videos in this forum? is there any special code for it?
You can't embed a YouTube video. You can only use the url tag to redirect the users to your video.What some users/ICO do is add a fake youtube thumbnail image with a link to the video. But the video won't play in the thread page.
February 15, 2018, 09:59:28 PM
Anybody knows how to add youtube videos in this forum? is there any special code for it?
Code:
yeah, the [url=youtube link here]Text of link here[/url]
February 15, 2018, 09:52:03 PM
Anybody knows how to add youtube videos in this forum? is there any special code for it?
February 15, 2018, 08:17:28 PM
You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder.
Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.
Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.
Thank you so much for pointing this out! I just added these two points to my post above.
February 15, 2018, 08:09:34 PM
You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder.
Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.
Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.
February 15, 2018, 08:06:54 PM
Adding image in your post is not that hard, you just need to follow these steps (please note that you need to be in a position higher than Newbie):
This is what you will see after you insert the above code in your post:
******************************************************************************************************************************
HOW TO RESIZE YOUR IMAGE?
You can add width and height to the code to resize image, the code will look like this:
What you will see after resizing:
You can also add alt property to the img tag so that even if your image is still loading, it will show some text so that the user knows there will be some image appear later.
******************************************************************************************************************************
HOW TO MAKE THE IMAGE CLICKABLE?
If you want your image to be clickable (once click redirect to another website), you can use the following code in your post:
This way once you click the image, it will take you to another website (in my example bitcointalk homepage). You can try below:
Note:
- Newbie CANNOT post image.
- imgur link MUST have a jpg/jpeg/png extension. Also link to an album in imgur will result in proxy error.
Hope this post will help a little bit. Thanks!
- Step 1: Upload your image to site like https://imgur.com/. Then there are two ways:
- For image that are not in ".png", you can simply right click on the image to Copy Image Address/Location. You will get some link like this: https://i.imgur.com/lUr20xA.jpg
- Another way works for all image format, you can click the dropdown list on the right of the "Copy" button, then choose "Get share links", and copy the one for "BBCode(Forums)".
- Step 2: Use the following code in your post, your image will show:
Code:
[img]https://i.imgur.com/lUr20xA.jpg[/img]
This is what you will see after you insert the above code in your post:
******************************************************************************************************************************
HOW TO RESIZE YOUR IMAGE?
You can add width and height to the code to resize image, the code will look like this:
Code:
[img width=200 height=150 alt=image loading...]https://i.imgur.com/lUr20xA.jpg[/img]
What you will see after resizing:
You can also add alt property to the img tag so that even if your image is still loading, it will show some text so that the user knows there will be some image appear later.
******************************************************************************************************************************
HOW TO MAKE THE IMAGE CLICKABLE?
If you want your image to be clickable (once click redirect to another website), you can use the following code in your post:
Code:
[url=https://bitcointalk.org][img]https://i.imgur.com/lUr20xA.jpg[/img][/url]
This way once you click the image, it will take you to another website (in my example bitcointalk homepage). You can try below:
Note:
- Newbie CANNOT post image.
- imgur link MUST have a jpg/jpeg/png extension. Also link to an album in imgur will result in proxy error.
Hope this post will help a little bit. Thanks!
Jump to: