Post by FoxyFiddler on Nov 15, 2008 19:32:46 GMT
Putting images in posts or PMs may seem quite difficult, but it's easy once you know how!
First of all, you need the image button:
Want to make an image into a link?
If you want to show everyone an image which is too large for the forum, you can create a smaller image and then use it as a link to the larger image:
[/li][li] Now place the URL of the smaller image between the [img][/img] blocks as you would when posting an image on the forum:
[url=http://largeimage.jpg][img]http://smallimage.jpg[/img][/url]
[/li][li] You should now have an image which, when clicked on, will link to a larger image:
[/li][/ul]
(screenshot is the final position of 'Most Interesting Game'
played during Harrow Club Championship 2007/8.)
Click here to view the game with annotations by IM Colin Crouch.
First of all, you need the image button:
- This will give you the code: [img][/img]
- You will then need to have your image hosted somewhere on the internet - for example photobucket.com/
- Once you have your image hosted, you simply need to copy its URL (the address shown in your browser's address bar - the one that usually starts with http:// or www.) and place it between the [img][/img] blocks. It is important to remember that the url must end with .bmp, .jpg, .jpeg, .gif or some other recognised image file code - and you must stay within the limits shown in rule 5 (click here for rules).
- You should end up with something like this: [img]http://url-of-image.jpg[/img]
- producing something like:
Want to make an image into a link?
If you want to show everyone an image which is too large for the forum, you can create a smaller image and then use it as a link to the larger image:
- We'll be using the [img][/img] code - but with the addition of the link code [url][/url]. Link codes are discussed in more detail in the creating links tutorial (Click here).
- We start with the link code: [url][/url]
- Now we add an '=' and the URL (the address shown in your browser's address bar - the one that usually starts with http:// or www.) of the large image within the first block: [url=http://largeimage.jpg]
- The next step is to add an image code between the two url blocks: [url=http://largeimage.jpg][img]
[/li][li] Now place the URL of the smaller image between the [img][/img] blocks as you would when posting an image on the forum:
[url=http://largeimage.jpg][img]http://smallimage.jpg[/img][/url]
[/li][li] You should now have an image which, when clicked on, will link to a larger image:
[/li][/ul]
(screenshot is the final position of 'Most Interesting Game'
played during Harrow Club Championship 2007/8.)
Click here to view the game with annotations by IM Colin Crouch.