Chirbit BBCode

User submitted BBCodes
Let us see what You have
There is no support here! Only Read Access!
Forum rules
We dont add more BBCodes to our database, but feel free to share and support your own BBCodes here.
Remember that it is not allowed to use {TEXT} inside the html tags!!!
It causes a serious security risk to your board and users.
Like this: <div style="{TEXT}">{TEXT}</div>
Green = OK - Red = forbidden
User avatar
Hikaru_K
BBCoder II
BBCoder II
Posts: 6
Joined: 16 May 2010, 19:09

Chirbit BBCode

Post by Hikaru_K » 23 May 2010, 20:58

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
You do not have the required permissions to view the files attached to this post.
Rick Strife Music
http://rickstrife.ath.cx (phpBB stuff and my BBCodes)