 |
calnetalk.com
The place to find new friends and meet up with old ones
|
| View previous topic :: View next topic |
| Author |
Message |
Clunk
Ejected
Joined: 29 Jul 2007
Posts: 935
Status: 
|
 Posted: Thu Aug 30, 2007 9:46 pm Post subject: A guide to using bbcode |
 |
|
I have been using phpbb based forums for a long while now, and I thought I would spread my wealth of knowledge here. I have noticed that some people do not know how to use the code properly. I am not here to criticise, just offer advise.
The main issue I have noticed is quoting people. The best way and tidiest way of doing this is to make it look like this:
| Clunk wrote: | | See how tidy this look's? |
Now a lot of people have just been writing what people have said. So how do you quote someone? The easiest way is to press the 'quote' button on the top right of the post. But if you want to quote more than one person in a post, how do you put the code in manually? Like this.
| Code: | | [quote="Clunk"]This is how the code is put in manually[/quote] |
Another problem I have seen is from adding images. With photobucket and flickr, they give you the code to paste. But what if you want to add a picture from another site? Well, I am going to rip the Picture from the forum index, so to do this I need to right click the image and copy the image address. Which in this case is.
| Code: | | http://calnetalk.myfreeforum.org/templates/myff_calnetalk3/images/calne.jpg |
Now, to embed this image into the post, I have to tell the bbcode that it is an image so we use the image code, like this. | Code: | | [img]http://calnetalk.myfreeforum.org/templates/myff_calnetalk3/images/calne.jpg[/img] |
Which does this.
Now what if we want the image to be clickable to lead you back to the website it came from? Well we add the url for that site, like this. | Code: | | [url=http://calnetalk.myfreeforum.org][img]http://calnetalk.myfreeforum.org/templates/myff_calnetalk3/images/calne.jpg[/img][/url] |
Which in turn gives you this.
A clickable image.
Also, you can change the colour of your text. For example I can write in red orange Green and I can write in different sizes like thisand this.You can also do a combination like this. But there is one thing you must always remember. Finish the bbcode in the reverse order you start it. | Code: | | [color=red][size=24][b][i]like this[/i][/b][/size][/color] |
And within the square brackets that finish the code, you must have a forwardslash '/'.
You can also be a bit creativ if you like. For example, If you are quoting a website, then you can put this code in. | Code: | | [quote="[url=www.google.co.uk]Google[/url]"]Your search for calne produced 1,234,567,890 results[/quote] |
Which should look something like this. | Google wrote: | | Your search for calne produced 1,234,567,890 results |
And also makes the word 'google' clickable. (please note, links on this forum are the same colour as normal text. so until this is rectified, I would just put the raw url in. For example. google www.google.co.uk both of the words 'google' are clickable. Only with one being obvious and untidy, and the other being tidy and un-obvious)
Also something else worthy of note, the bb script is written in American. So you need to type color instead of colour. Center instead of centre.
Anyway, that is all I can think of at the moment. There are other codes that are used on other forums but this one has not had the code installed for them. But if ever it does, I will be here.
I hope this helps and people don't think I am insulting their intelligence.
|
|
| Back to top |
|
 |
Clunk
Ejected
Joined: 29 Jul 2007
Posts: 935
Status:
|
| Posted: Thu Aug 30, 2007 9:52 pm Post subject: |
|
|
I will add to this topic when I think of more. If you have any questions, then please ask.
MODS/ADMIN
If you like this and think it is a good subject, can I suggest you make it a sticky? |
|
| Back to top |
|
|
admin
Site Admin
Joined: 05 Jun 2007
Posts: 201
Status:
|
| Posted: Thu Aug 30, 2007 10:24 pm Post subject: |
|
|
| A very usefull bit of info, Clunk. A sticky it is then. :wink: |
|
| Back to top |
|
|
Clunk
Ejected
Joined: 29 Jul 2007
Posts: 935
Status:
|
| Posted: Thu Aug 30, 2007 11:42 pm Post subject: |
|
|
OK, I have been asked to explain the image posting in finer detail.
There are 2 ways of doing this.
Firstly, If you use flicker, imageshack or photobucket, you just click on the code that they supply you with. In photobucket, it is the bottom line of code. Then you just paste it here. And you end up with this.
This is the easy way. But what if you want to copy a picture from another site. For this I am going to google two words. At random, I shall google 'lass forum'. For some bizarre reason, the website that came up first was http://www.weightlossresources.co.uk/lostart.htm. If you open the link to the website, you will find a picture of a lass in the top left colum. I am going to grab her now. I shall right click on her picture and select 'copy image location' (I must stress at this point that I do not use internet explorer, I use firefox. In internet explorer it should say 'copy image address'). Then how do you use this address? First thing we do is add the image tool by typing thisThen we will paste in the image address like so | Code: | | [img]http://www.weightlossresources.co.uk/images/news_features/new_year.jpg |
and now we have to close the command like this | Code: | | [img]http://www.weightlossresources.co.uk/images/news_features/new_year.jpg[/img] |
Not forgetting of course to put the forward slash in. Now If we put this code in a post it will look like this.
Now, lets be a bit more creative. Lets make the image clickable so that if you click on it, you will go to, for example, the site from which it came. To do this, you need to use the url command first. Like so.Now you will need to cut into the code for the url. Put your cursor between the 'l' and the ']' and put in an equals '=' symbol like thisNext, you will need to enter the url you wish the image to redirect to. Again we will use the site from where the picture came. | Code: | | [url=www.weightlossresources.co.uk/lostart.htm] |
Now you enter the image code as explained earlier. | Code: | | [url=www.weightlossresources.co.uk/lostart.htm][img]http://www.weightlossresources.co.uk/images/news_features/new_year.jpg[/img] |
Then close it. Not forgetting the forward slash. | Code: | | [url=www.weightlossresources.co.uk/lostart.htm][img]http://www.weightlossresources.co.uk/images/news_features/new_year.jpg[/img][/url] |
And all being well the end result is like this.
So when you click on her, it should take you to the website from which it came.
I hope this is explained better. Please, any more questions or request's, I am only to pleased to help. |
|
| Back to top |
|
|
eyestrange
Aspiring Calnite
Joined: 17 Aug 2007
Posts: 75
Status:
Location: Ramsgate, Kent
|
| Posted: Sat Sep 01, 2007 12:27 pm Post subject: |
|
|
| :shock: :shock: way too technical for my small brain.....sorry :oops: :oops: :oops: |
|
| Back to top |
|
|
Local lass
Calnetalk Oracle
Joined: 05 Jun 2007
Posts: 2845
Status:
|
| Posted: Sat Sep 01, 2007 12:46 pm Post subject: |
|
|
| eyestrange wrote: | | :shock: :shock: way too technical for my small brain.....sorry :oops: :oops: :oops: |
ditto :oops: :oops: |
|
| Back to top |
|
|
Clunk
Ejected
Joined: 29 Jul 2007
Posts: 935
Status:
|
| Posted: Sat Sep 01, 2007 12:48 pm Post subject: |
|
|
| If you don't understand it, that's fine. If there is an issue, then the mods can always 'tweak' it to make it tidy. |
|
| Back to top |
|
|
Local lass
Calnetalk Oracle
Joined: 05 Jun 2007
Posts: 2845
Status:
|
| Posted: Sat Sep 01, 2007 12:53 pm Post subject: |
|
|
| Clunk wrote: | | If you don't understand it, that's fine. If there is an issue, then the mods can always 'tweak' it to make it tidy. |
its not about it being tidy.me and eyestrange has just said that it goes straight over are heads.thats all.
it is mearly a comment.i didnt realise people were have a problem with quoting or changing there text colours. |
|
| Back to top |
|
|
Clunk
Ejected
Joined: 29 Jul 2007
Posts: 935
Status:
|
| Posted: Sat Sep 01, 2007 1:03 pm Post subject: |
|
|
| Local lass wrote: | | Clunk wrote: | | If you don't understand it, that's fine. If there is an issue, then the mods can always 'tweak' it to make it tidy. |
its not about it being tidy.me and eyestrange has just said that it goes straight over are heads, that's all.
it is mearly a comment. I didn't realise people were have a problem with quoting or changing there text colours. |
Oh dear. I think I am having a bad day with people understanding me.
Right, this was not posted to insult people. It was posted for a guide for people using this forum. Existing users and people who have not yet joined. Eyestrange for example (and I really do not mean to offend or upset you eyestrange, this is just an observation) has loads of text around her pictures. This is not her fault. It is because the code from photogalaxy is not 100% compatible with phpbb code. The image instructions, like I say, are there for a guide to assist people who do not understand the code. I put the guide in as plain English as possible to make it as easy as possible for people to understand. I did not expect anyone to absorb the information and be a master of it overnight. I myself am not very good at html, but I am constantly learning by it.
Again, I do not mean to upset/annoy/insult people by this post and the guide. I am simply trying to help. |
|
| Back to top |
|
|
Bear
Bentlian Oldboy
Joined: 13 Jun 2007
Posts: 863
Status:
|
| Posted: Sat Sep 01, 2007 2:04 pm Post subject: |
|
|
| Clunk wrote: | | If you don't understand it, that's fine. If there is an issue, then the mods can always 'tweak' it to make it tidy. |
Sorry Clunk I thought you were a mod with all the instructions you have been posting |
|
| Back to top |
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
