Page 1 of 1

Chirbit BBCode

Posted: 23 May 2010, 22:58
by Hikaru_K
Chirbit BBCode

Chirbit is an online free tool that enables you to record, upload and share audio easily

Here are just some of the features that chirbit offers!
* Record audio straight from your browser using a webcam or microphone.
* Upload existing audio files in wav, mp3, m4a or amr formats!
* Upload to your chirbit account using a smart phone with a built in voice memo recorder.
* Geotag your audio posts to let others know where you recorded them! (optional)
* Categorize your chirbits into fun categories like “Joke”, “Rave”, or “My 2 cents”
* Leave private audio messages to your friends.
* Share your chirbits easily on Twitter, Facebook or Google Buzz with one click!
http://www.chirbit.com

In this case, we will share chirbits into our phpBB forum

We will have to edit overall_header.html

Open:

root/styles/prosilver/template/overall_header.html

Find:

Code: Select all

<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
Add after:

Code: Select all

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script> 
<script type="text/javascript" src="http://www.chirbit.com/js/chirbitembed.js"></script>
Save/Close All files.

Now we will create our new BBCode:

BBCode usage

Code: Select all

[chirbit={TEXT}]{IDENTIFIER}[/chirbit]
HTML replacement

Code: Select all

<img src="images/chirbit.png" /> <span chirbit="http://chirb.it/e/{IDENTIFIER}">{TEXT}</span>
Help line

Code: Select all

[chirbit=title of your chirbit]your_chirbit_code_here[/chirbit]
Ohh and Remember, you have to use the code identifier of your chirbit, not the full sharing code

Example in this image (Only copy the highlighted area)

Image

And last, copy the attached image to your images folder of your phpBB root

Example: http://rickstrife.ath.cx/viewtopic.php?f=6&p=7#p7