Tutorial 3 - Using Images in your posts/ User Avatars

Where to find forum tutorials, ask questions about technical issues etc.

Tutorial 3 - Using Images in your posts/ User Avatars

Postby Grahame Gardner » Sat Oct 01, 2005 7:56 pm

** updated for new ImageShack site 8/8/13 **

We've had a couple of postings recently where folk have wanted to include pictures in their messages but are not sure how to go about it - so here's a little tutorial that tells you what you need to do.

In common with most forums of this nature, we do not allow you to upload pictures directly onto the server. This is partly because server space is limited and costs money, and partly as a security measure to avoid spam postings etc. However, there are ways around this restriction that are used by most similar forums.
What you do is upload your pictures to a free third-party host such as Imgur, TinyPic or Photobucket (there are also others - search for "free image hosting" in Google), and link to your pictures from there. This is a common method of getting pictures into forums. Your Internet Service Provider may also allow you to upload pictures for free, but many ISP's do not allow you to link to them from forums.

You should try to make your images no larger than 800 pixels wide so that they display without upsetting the forum formatting too much. ImageShack has options to resize your pics when you are uploading them. The best size to pick for a forum like this is 800 x 600. Usually you are also required by the host site to keep the file size below a set limit - on ImageShack it's 10MB.
Both services are pretty easy to use, although I'm more familiar with ImageShack, so this tutorial is geared towards that. **edit - ImageShack no longer allows free hosting, only a 30-day free trial**

First, you will probably need to register with the service you want to use. This will be a similar process to registering with this forum - when you've filled in the details, the site will then send you an email with a confirmation link that you click on to complete the process.
Once registered, it's very easy to upload a picture. You will see a screen like this:

Image
First, click on the small 'browse' button to the right of the 'upload' box that lets you browse your computer to find the picture file to upload. You can also choose whether to resize the picture at this stage, and I recommend that you select 800 x 600 for forum use. Then you simply click on the big 'upload now' button to send your picture to the host site. Once it has finished uploading, click where it says 'continue to image links' on the right.

Now comes the technical bit.... you will see a screen that looks something like this (on ImageShack):

Image

Underneath the image, you will see a choice of four or five sharing link options for your image. You click one of these, then copy and paste it into your forum post. The easiest one to use is the 'direct link', which is the second option. Click on this, which will highlight all the text in the box, then copy (CTRL+C) the text. Next, in your forum post click on the IMG button above the posting window. This will insert two codes into your post like this: {IMG}{/IMG}. Click between the two sets of brackets to put the cursor there, then paste (CTRL+V) to insert the picture link code.

Those IMG codes in the square brackets are the important bits - they are the codes that this particular forum uses to recognise an image link.

Some sites offer a direct 'forum code' link that already has the IMG tags. These you can just copy and paste directly into your post. It will look something like this:
Code: Select all
[IMG]http://img708.imageshack.us/img708/3295/68q4.jpg[/IMG]

Keep trying things out by clicking the 'preview' button under your posting to make sure it's worked correctly. If you're using a different host, you might need to experiment by cutting & pasting different options to get it to work - it took me a bit of trial and error the first time I tried this - but just keep using the 'preview' button to check that it's working for you.

And that's all there is to it! It's really not as complicated as it sounds.
However, if you're not that confident about resizing and manipulating the pics on your computer, or if you simply can't get this to work for you, as a last resort you can email them to me and I can do this bit for you and then edit your post to include the pics. You can email me by clicking on the 'email' icon underneath my name on the right of this post.
Have fun!
Last edited by Grahame Gardner on Wed Nov 25, 2015 4:37 pm, edited 6 times in total.
Reason: updating links
Grahame
The trouble with having an open mind, of course, is that people will insist on coming along and trying to put things in it - Terry Pratchett.
User avatar
Grahame Gardner
Site Admin
 
Posts: 1482
Joined: Wed Jul 28, 2004 4:52 pm
Location: Glasgow, Scotland

Re: Tutorial 3 - Getting pictures into your posts

Postby Grahame Gardner » Thu Sep 30, 2010 12:43 pm

User Avatars

As the forum has been moved away from the main BSD server, we can now allow the use of avatars. For those who don't know what that means, an avatar is a little icon or picture that you can choose to represent you, which appears above your name on the right of the post.

First, you have to choose an avatar picture. This can be anything you like (within the bounds of decency and law of course) - the only criteria is that the image should be in .jpg or .gif format, and no larger than 80 x 80 pixels, and the file size no larger than 6Kb. If you don't have a suitable image, you can find thousands of free avatars on the internet - just search for 'forum avatars'.

Once you have chosen a suitable image, you need to either upload it to the forum, or if you already have an avatar online somewhere that you use on other forums, you can link to that directly. Linked ones are a bit less restrictive on the file size settings.

Go to 'User Control Panel' (click the link underneath where it says 'Board Index' at top left.
Click on the tab at the top that says 'Profile'
Click on the tab at the left that says 'Edit Avatar'.
Now either click the 'browse' button to find the image on your own machine and upload it, or
enter the URL (address) of the online image that you want to link to.
Press 'Submit'.

Return to the board index and look at your posts - you should now see your avatar on all your posts. Have fun, but remember to keep it clean!
Grahame
The trouble with having an open mind, of course, is that people will insist on coming along and trying to put things in it - Terry Pratchett.
User avatar
Grahame Gardner
Site Admin
 
Posts: 1482
Joined: Wed Jul 28, 2004 4:52 pm
Location: Glasgow, Scotland

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby Ian Pegler » Mon Mar 17, 2014 7:48 am

ImageShack now require payment to upload images.. :cry:

Ian
Ian Pegler
BSD member
 
Posts: 4027
Joined: Fri Sep 17, 2004 11:04 am
Location: Aberystwyth, Mid Wales

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby Grahame Gardner » Mon Mar 17, 2014 9:03 am

Yes, I noticed that a couple of days ago - I'm now using postimage.org. They have an option to add upload capability to the forum software - I shall have to investigate that!
Grahame
The trouble with having an open mind, of course, is that people will insist on coming along and trying to put things in it - Terry Pratchett.
User avatar
Grahame Gardner
Site Admin
 
Posts: 1482
Joined: Wed Jul 28, 2004 4:52 pm
Location: Glasgow, Scotland

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby Helen-Healing » Wed Sep 03, 2014 10:14 pm

Use tinypic.com - free.
User avatar
Helen-Healing
 
Posts: 1274
Joined: Fri Aug 24, 2007 11:28 am
Location: Lewisham, SE London

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby EEL » Wed Jul 29, 2015 7:26 am

Just joined tinypic but I can't copy and paste on my tablet so I will have to enter the code manually.Posting up this to image in order to check it works.Thanks-Eel.[img][IMG]http://i58.tinypic.com/xkn9li.jp[/img]
User avatar
EEL
 
Posts: 73
Joined: Sun Jan 15, 2012 9:41 am

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby simonwheeler » Wed Jul 29, 2015 7:30 am

jpg at the end of the file path?
As we let our own light shine, we unconsciously give other people permission to do the same. As we are liberated from our fear, our presence automatically liberates others.

www.simongordonwheeler.co.uk

Simon
User avatar
simonwheeler
 
Posts: 1257
Joined: Sat Nov 13, 2004 7:22 pm
Location: Wigtown, Scotland

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby EEL » Wed Jul 29, 2015 7:32 am

Oh dear it has'nt worked....what am I doing wrong.......not very computer literate-it took me a about a week to get my avatar together
Last edited by EEL on Wed Jul 29, 2015 7:51 am, edited 1 time in total.
User avatar
EEL
 
Posts: 73
Joined: Sun Jan 15, 2012 9:41 am

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby EEL » Wed Jul 29, 2015 7:35 am

Top of the morning, Simon.
Er, what does that mean.I know that a jpeg is a picture, but what is file path?
User avatar
EEL
 
Posts: 73
Joined: Sun Jan 15, 2012 9:41 am

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby Durotrigian » Wed Jul 29, 2015 8:19 am

Pasting http://i58.tinypic.com/xkn9li.jp[/img] into my BING browser bar shows an image of Knocknarea, is that what you intended?

Just try removing the bit in square brackets before "http" and see if that works.
Durotrigian
 
Posts: 24
Joined: Fri Dec 27, 2013 5:16 pm
Location: Dorset - naturally.

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby simonwheeler » Wed Jul 29, 2015 9:08 am

Where your path (that is the instruction about where to find things within the computer...here it starts http://) has jp add the g and you should be OK. The reason it finds the picture for Durotrigian is that when you copy and paste the path (all the stuff underlined in blue) the browser recognises that jp should be jpg. However, when giving the instruction within the forum, the syntax (brackets, slashes etc) needs to be 100% correct.
As we let our own light shine, we unconsciously give other people permission to do the same. As we are liberated from our fear, our presence automatically liberates others.

www.simongordonwheeler.co.uk

Simon
User avatar
simonwheeler
 
Posts: 1257
Joined: Sat Nov 13, 2004 7:22 pm
Location: Wigtown, Scotland

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby Durotrigian » Wed Jul 29, 2015 10:34 am

Hi Simon,

I am sure you are correct and the jpg. is obviously what was intended by the OP but when I try to load the full address as given I get the following message:-

"Safari can't open (------) because the first part of the address is not valid". It appears there is more work to do!
Durotrigian
 
Posts: 24
Joined: Fri Dec 27, 2013 5:16 pm
Location: Dorset - naturally.

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby Grahame Gardner » Wed Jul 29, 2015 11:40 am

EEL wrote:[img][IMG]http://i58.tinypic.com/xkn9li.jp[/img]

As well as the missing 'g' in 'jpg', you also had an extra {IMG} tag at the start of your code there.

Just copy and paste the entire line from the bit where it says 'IMG code for forums & Message boards' - it should read exactly like this:
Code: Select all
[IMG]http://i58.tinypic.com/xkn9li.jpg[/IMG]

That will produce this:
Image

Et voila! 8)
Grahame
The trouble with having an open mind, of course, is that people will insist on coming along and trying to put things in it - Terry Pratchett.
User avatar
Grahame Gardner
Site Admin
 
Posts: 1482
Joined: Wed Jul 28, 2004 4:52 pm
Location: Glasgow, Scotland

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby EEL » Wed Jul 29, 2015 7:31 pm

I can't cut and paste on my tablet but when I went onto tinypic and looked at the codes, i realised that not all the file path fits into the display box and if I highlight it and drag it a bit, then the whole code is revealed...ah ha.
I will try again but leave out the [img].......[img]http://i58.tinypic.com/xkn9li.jpg[/img]
User avatar
EEL
 
Posts: 73
Joined: Sun Jan 15, 2012 9:41 am

Re: Tutorial 3 - Using Images in your posts/ User Avatars

Postby EEL » Wed Jul 29, 2015 7:36 pm

I will now try with the extra [img].......[img][IMG]http://i58.tinypic.com/xkn9li.jpg[/img]

.......Still does'nt work.My tablet is samsung galaxy tab (4?) and has no ctr key. :cry:
........Just noticed that there should be [/IMG] at the end...I will try again .
[img][IMG]http://i58.tinypic.com/xkn9li.jpg[/img][/img]

The forum code for my picture is- Image
Last edited by EEL on Thu Jul 30, 2015 7:07 am, edited 1 time in total.
User avatar
EEL
 
Posts: 73
Joined: Sun Jan 15, 2012 9:41 am

Next

Return to Forum matters

Who is online

Users browsing this forum: No registered users and 1 guest