BBcode & Html examples

Go down

BBcode & Html examples

Post by Admin on Sun May 27 2007, 21:07

Post here examples of Bcode and Html


Last edited by Admin on Thu Oct 30 2008, 19:37; edited 2 times in total
avatar
Admin
Admin

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

View user profile http://inspire.societyforum.net

Back to top Go down

Bcode

Post by Admin on Sun Jun 10 2007, 04:03

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/


Last edited by Admin on Thu Oct 30 2008, 19:37; edited 1 time in total
avatar
Admin
Admin

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

View user profile http://inspire.societyforum.net

Back to top Go down

Bcode general

Post by Admin on Sun Jun 10 2007, 04:06

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

Code:
[b]Editboard[/b]
Results : Editboard

Code:
[i]Editboard[/i]
Results : Editboard

Code:
[u]Editboard[/u]
Results : Editboard

Code:
[strike]Editboard[/strike]
Results : Editboard

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 : Editboard

To make your text scroll vertically
Code:
[updown]Editboard[/updown]
Results : Editboard

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 :

  1. pear
  2. grape
  3. banana



To make an ordered list with letters
Code:
[list=a]
[*]pear
[*]grape
[*]banana
[/list]

Results

  1. pear
  2. grape
  3. 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://illiweb.com/fa/pbucket.gif[/img]
Results :

To make a clickable image
Code:
[url=http://help.editboard.com][img]http://illiweb.com/fa/pbucket.gif[/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, 19:37; edited 1 time in total
avatar
Admin
Admin

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

View user profile http://inspire.societyforum.net

Back to top Go down

HTML code

Post by Admin on Thu Oct 30 2008, 19:35

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:
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!
avatar
Admin
Admin

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

View user profile http://inspire.societyforum.net

Back to top Go down

Html banner

Post by Admin on Thu Oct 30 2008, 19:47

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>

Search & Win

_________________
Inspire! Inspire!
avatar
Admin
Admin

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

View user profile http://inspire.societyforum.net

Back to top Go down

Limit the width of foto's to 640 px

Post by Admin on Mon Nov 10 2008, 23:10

Code:
[img(640px,1)]http://www.seriouswheels.com/pics-stuv/Volvo-Extreme-Gravity-Car-Woman-Sitting-1920x1440.jpg[/img]

_________________
Inspire! Inspire!
avatar
Admin
Admin

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

View user profile http://inspire.societyforum.net

Back to top Go down

google maps

Post by Admin on Sun Jan 04 2009, 02:21

Googlemaps gives links with html code for webpages, p.e.:


Grotere kaart weergeven


Last edited by Admin on Tue Feb 17 2009, 01:59; edited 1 time in total

_________________
Inspire! Inspire!
avatar
Admin
Admin

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

View user profile http://inspire.societyforum.net

Back to top Go down

fish

Post by Admin on Fri Jan 09 2009, 03:12

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!
avatar
Admin
Admin

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

View user profile http://inspire.societyforum.net

Back to top Go down

hosting pictures

Post by Admin on Tue Feb 17 2009, 00:01

Help with hosting pictures you find here

hosting your pictures

_________________
Inspire! Inspire!
avatar
Admin
Admin

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

View user profile http://inspire.societyforum.net

Back to top Go down

Re: BBcode & Html examples

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top

- Similar topics

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