BBcode & Html examples
BBcode & Html examples
Post here examples of Bcode and Html
Last edited by Admin on Thu Oct 30 2008, 17:37; edited 2 times in total

Admin- Admin
- Number of posts: 282
Registration date: 2007-05-23

Bcode
Can I put flash games on my board ?
Yes, this is possible, but if you take it from the web, you'll have to ask for permission to the creator of the site where the games are from, to be able to put them on your board.
If it's a webmaster self-service who propose "the flash game of the day" or of the week, you won't have to follow this step.
Where can I put some ?
The flash games can be inserted on the portal, homepage, or on a forum description. Make sure that onece on the edition, you click on the <> button in the top right of the text field to pass in HTML mode.
But how should I do ?
You can insert a flash game by a link to the game adress, you just have to copy this code by replacing with the information that you have:
GAME ADRESS">Clique here to play
Or else, you can redirect to the game by clicking on an image, for this, just copy this code:
GAME ADRESS">
IMAGE GAME ADRESS">
Where could I find some ?
Here are a few adresses of site where we can find flash games, but be careful, it is recommended to ask for permission before you put them on your board, for this, try to contact the site's creator or webmaster as I told above:
http://www.flash-game.net/
http://www.absolu-flash.com/
http://www.jeuxflash.net/?lang=en
http://www.miniclip.com/
http://www.coolgames.ws/
http://www.flashgames247.com/
http://flasharcade.com/
http://www.gamescraze.com/
Yes, this is possible, but if you take it from the web, you'll have to ask for permission to the creator of the site where the games are from, to be able to put them on your board.
If it's a webmaster self-service who propose "the flash game of the day" or of the week, you won't have to follow this step.
Where can I put some ?
The flash games can be inserted on the portal, homepage, or on a forum description. Make sure that onece on the edition, you click on the <> button in the top right of the text field to pass in HTML mode.
But how should I do ?
You can insert a flash game by a link to the game adress, you just have to copy this code by replacing with the information that you have:
GAME ADRESS">Clique here to play
Or else, you can redirect to the game by clicking on an image, for this, just copy this code:
GAME ADRESS">
Where could I find some ?
Here are a few adresses of site where we can find flash games, but be careful, it is recommended to ask for permission before you put them on your board, for this, try to contact the site's creator or webmaster as I told above:
http://www.flash-game.net/
http://www.absolu-flash.com/
http://www.jeuxflash.net/?lang=en
http://www.miniclip.com/
http://www.coolgames.ws/
http://www.flashgames247.com/
http://flasharcade.com/
http://www.gamescraze.com/
Last edited by Admin on Thu Oct 30 2008, 17:37; edited 1 time in total

Admin- Admin
- Number of posts: 282
Registration date: 2007-05-23

Bcode general
For beginners, here is a little "BBCode 101" lesson, to show how to use BBCode in your posts and which codes can be used on Editboard
EFFECTS ON TEXTS
To put a text in bold characters
Results : Editboard
Results : Editboard
Results : Editboard
Results :Editboard
To flip a text vertically (Note : doesn't work on Mozilla)
Results : Editboard
To make a text fade out (Note : Doesn't work on Mozilla)
Results : Editboard
To give a text a blur effect (Note : Doesn't work on Mozilla)
Results : Editboard
To make your text scroll horizontally
Results :
To make your text scroll vertically
Results :
To center a text
Results :
To put a text to the right side of the message
Results :
To change the color of your text, there are two ways.
The first one is to use the English name of the color
Results : Editboard
The second way is to use the hexadecimal code with the # just before.
Results : Editboard
Note : Even if you have a choice of only 14 basic colors when you type your messages, there are more than 140 English color names you can use with the color tag, here's a useful link where you find them all, with their hexadecimal codes : http://www.medsyn.fr/perso/g.perrin/webmaster/astuces/16.htm
To change the size of the text
Example 1 :
Results : Editboard
Example 2 :
Results : Editboard
OTHER CODES
To make a list (for example, I list fruits)
Results :
To make an ordered list with numbers
Results :
To make an ordered list with letters
Results
To disable a code (as I am doing to show the codes to use)
Results :
To quote someone
result
When you want to attribute a quote to someone. I will take my name for example. It is done automatically when you use the Quote button on the top-right of posts.
result
To put an address as a link (needed only if, for exemple, you put the address in color, in bold, etc.)
result: http://help.editboard.com
When you want a clickable text without having the address displayed
Results : click here
To display a picture (note : the pic must be hosted on the Web.
You can host them on sites like
www.photobucket.com
www.imageweb.com
Results :
To make a clickable image
Results :
To put a Flash animation :
You replace "height" and "width" by its values in pixels.
An example :
results :
To hide a text, a pic or a link, so people must have posted in the topic to see it
Results :
The codes you have as buttons when you write messages and the ones I showed you can be used on Editboard. Other codes exist, but they are not enabled on Editboard.
EFFECTS ON TEXTS
To put a text in bold characters
- Code:
[b]Editboard[/b]
Results : Editboard
- Code:
[i]Editboard[/i]
Results : Editboard
- Code:
[u]Editboard[/u]
Results : Editboard
- Code:
[strike]Editboard[/strike]
Results :
To flip a text vertically (Note : doesn't work on Mozilla)
- Code:
[flipv]Editboard[/flipv]
Results : Editboard
To make a text fade out (Note : Doesn't work on Mozilla)
- Code:
[fade]Editboard[/fade]
Results : Editboard
To give a text a blur effect (Note : Doesn't work on Mozilla)
- Code:
[blur]Editboard[/blur]
Results : Editboard
To make your text scroll horizontally
- Code:
[scroll]Editboard[/scroll]
Results :
To make your text scroll vertically
- Code:
[updown]Editboard[/updown]
Results :
To center a text
- Code:
[center]Editboard[/center]
Results :
Editboard
To put a text to the right side of the message
- Code:
[right]Editboard[/right]
Results :
Editboard
To change the color of your text, there are two ways.
The first one is to use the English name of the color
- Code:
[color=red]Editboard[/color]
Results : Editboard
The second way is to use the hexadecimal code with the # just before.
- Code:
[color=#FF0000]Editboard[/color]
Results : Editboard
Note : Even if you have a choice of only 14 basic colors when you type your messages, there are more than 140 English color names you can use with the color tag, here's a useful link where you find them all, with their hexadecimal codes : http://www.medsyn.fr/perso/g.perrin/webmaster/astuces/16.htm
To change the size of the text
Example 1 :
- Code:
[size=9]Editboard[/size]
Results : Editboard
Example 2 :
- Code:
[size=24]Editboard[/size]
Results : Editboard
OTHER CODES
To make a list (for example, I list fruits)
- Code:
[list]
[*]apple
[*]pear
[*]grape
[*]banana
[/list]
Results :
- apple
- pear
- grape
- banana
To make an ordered list with numbers
- Code:
[list=1]
[*]pear
[*]grape
[*]banana
[/list]
Results :
- pear
- grape
- banana
To make an ordered list with letters
- Code:
[list=a]
[*]pear
[*]grape
[*]banana
[/list]
Results
- pear
- grape
- banana
To disable a code (as I am doing to show the codes to use)
- Code:
[code][b]text[/b][/code]
Results :
- Code:
[b]text[/b]
To quote someone
- Code:
[quote]To quote someone[/quote]
result
To quote someone
When you want to attribute a quote to someone. I will take my name for example. It is done automatically when you use the Quote button on the top-right of posts.
- Code:
[quote="Katt"]text[/quote]
result
Katt wrote:text
To put an address as a link (needed only if, for exemple, you put the address in color, in bold, etc.)
- Code:
[url]http://help.editboard.com[/url]
result: http://help.editboard.com
When you want a clickable text without having the address displayed
- Code:
[url=http://help.editboard.com]click here[/url]
Results : click here
To display a picture (note : the pic must be hosted on the Web.
You can host them on sites like
www.photobucket.com
www.imageweb.com
- Code:
[img]http://img.photobucket.com/albums/v381/ladykatt/editboard.png[/img]
Results :

To make a clickable image
- Code:
[url=http://help.editboard.com][img]http://img.photobucket.com/albums/v381/ladykatt/editboard.png[/img][/url]
Results :
To put a Flash animation :
- Code:
[embed-flash(height,width)]http://FLASH_ADDRESS.swf[/embed-flash]
You replace "height" and "width" by its values in pixels.
An example :
- Code:
[embed-flash(200,200)]http://img209.exs.cx/img209/9307/clock2l6zv.swf[/embed-flash]
results :
To hide a text, a pic or a link, so people must have posted in the topic to see it
- Code:
[hide]hide this text[/hide]
Results :
The codes you have as buttons when you write messages and the ones I showed you can be used on Editboard. Other codes exist, but they are not enabled on Editboard.
Last edited by Admin on Thu Oct 30 2008, 17:37; edited 1 time in total

Admin- Admin
- Number of posts: 282
Registration date: 2007-05-23

HTML code
Html should be set to yes both in general settings
(admin panal > general > forum > message & email > allow html > yes > save)
as in userprofile > preferences
Example Pacman:
(admin panal > general > forum > message & email > allow html > yes > save)
as in userprofile > preferences
Example Pacman:
- Code:
<embed src="http://www.ultimatearcade.com/games.swf?x=pacman" scale="noscale" quality="high" bgcolor="#000000" width="360" height="420" name="games" align="middle" allowscriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
_________________
Inspire!
Inspire!
Inspire!
Admin- Admin
- Number of posts: 282
Registration date: 2007-05-23

Html banner
You can add HTML on the homepage as well by going to admin panel=>General=>Forum=>Configuration and add your code in the "Site description" if you want it to be available on every page of your forum. If you only want the code for your Homepage go to admin panel=>Display=>Homepage=>Generalities and add your code in the "Message content" field.

- Code:
<a target="_top" href="http://mywwesearch.prodege.com/?cmd=sb-register&rb=221439"><img alt="Search & Win" title="Search & Win" border="0" src="http://prodegebanners.sitegrip.com/images/wwe-jeffhardy-468x60.jpg"></a>

_________________
Inspire!
Inspire!
Inspire!
Admin- Admin
- Number of posts: 282
Registration date: 2007-05-23

Limit the width of foto's to 640 px
- Code:
[img(640px,1)]http://www.seriouswheels.com/pics-stuv/Volvo-Extreme-Gravity-Car-Woman-Sitting-1920x1440.jpg[/img]

_________________
Inspire!
Inspire!
Inspire!
Admin- Admin
- Number of posts: 282
Registration date: 2007-05-23

google maps
Last edited by Admin on Mon Feb 16 2009, 23:59; edited 1 time in total
_________________
Inspire!
Inspire!
Inspire!
Admin- Admin
- Number of posts: 282
Registration date: 2007-05-23

fish
- Code:
<embed width="306" height="260" type="application/x-shockwave-flash" src="http://fishgadget.googlecode.com/svn/trunk/fish.swf" wmode="opaque" bgcolor="071A07" flashvars="up_fishColor3=349F00&up_fishColor10=349F00&up_fishColor5=349F00C&up_numFish=10&up_fishColor6=349F00&up_fishName=Darcy&up_backgroundImage=&up_fishColor7=349F00&up_backgroundColor=071A07&up_fishColor4=0F5D99&up_fishColor8=349F00&up_foodColor=92AB88&up_fishColor2=349F00&up_fishColor9=349F00&up_fishColor1=349F00&" />
_________________
Inspire!
Inspire!
Inspire!
Admin- Admin
- Number of posts: 282
Registration date: 2007-05-23

hosting pictures
_________________
Inspire!
Inspire!
Inspire!
Admin- Admin
- Number of posts: 282
Registration date: 2007-05-23

Permissions of this forum:
You cannot reply to topics in this forum
Home


