[Solved]editing bbcode box

[storm_eagle22]

How do i edit the bbcode part of the posting body. Like the buttons above posting that have like google, site search, and stuff. Basically i want to add a button that makes the [mp3] and [/mp3] tags.

[tmotley]

After tinkering with the Advanced BBCode Box recently, bbcode stuff is in numerous places.

What exactly do you want the mp3 tags to do? Automatically play the mp3 file? Not sure I'd like an mp3 to autoplay when I open a topic. If you only want it to play on clicking, wouldn't url tags serve the same function? Putting a link to an mp3 in web tags isn't very pretty but pops up the 'do you want to open or save' box in Firefox.

You could also search for 'add bbcode button' over at the archives.

If you want to dive into something pretty 'fun' you can give Advanced BBCode a try. I know Jason Sanborn is on vacation but his stuff allows for fairly straightforward button adding...

[storm_eagle22]

basically i installed jcfplayer which plays the file between the tags in an embedded flash mp3 player. Is there a way i can change the bbcode box so thre is a button and when it is clicked it prompts for where the file source is, and then inserts in [mp3]file[/mp3]?

[Jason Sanborn]

I'm not familiar with jcfplayer, but if you know the required tags, and the structure of the bbcode.php and bbcode.tpl files, you should be able to add that functionality. Maybe check phpbb.com and phpbbhacks.com to see if someone already created a BBCode to handle it, then modify their code to work with Integramod (usually pretty straight forward).

[storm_eagle22]

Wow, your mod works great. I've sucessfully added the button, thanks to your wonderful tutorial. I have two question though, is it possible to add a button to one of the existing toolbars, or do i have to put it on a new one. Also, is there way I can change the color of advanced bbcode box, as it doesn't match with the dark grew color of my forum, thank you!

[Jason Sanborn]

You can add it to any row you want, the layout for each row is pretty much the same as that for the added row. You can move, remove, or add where ever you want.

You can create your own buttons if you want as well. In the docs folder of the Advanced BBCode Box ZIP File is a TIF file that contains alpha transparent images of the Office 2003 buttons, and you can create your own background image to place them on.

For the white box, you can use CSS to change the color of the box.

[storm_eagle22]

Thanks for the help, but unfortunately I am not familiar with CSS. Could you please teach me how to change it's color, thanks!

[Jason Sanborn]

What you want to do is open the CSS file for your chosen template (Example: templates/fisubice/fisubice.css). Open that file and look for:

textarea.post

There will be other items on that line, but you want to find the following word in that line:

background

Background will be followed by a colon and a value, this is the hexdecimal color or color name (such as #FFFFFF or white).

You'll want to change the color to a more appropriate color for your site. If background doesn't exist on that line, or if you can't find textarea.post, add the following to the bottom of the CSS file:

textarea.post {background:white;}

Change "white" to whatever color name or hex color value that you want.

Likewise, if you need to change the font color, you would use the following:

textarea.post {color:black;}

Change "black" to whatever color you want. I hope this helps.

For more detailed help on CSS, check out http://www.w3schools.com/
They offer great tutorials on their site.

[storm_eagle22]

Thank you! But what I meant was changing the color of the advanced bbcode box mod, thank you!

[Jason Sanborn]

The bars: You would have to create new images for them. There is a TIF file included in the docs folder of the Mod download that contains alpha transparent button images from Office 2003.

The input box: You would use the CSS styles.

[storm_eagle22]

Yes the bars. Is there a image for those i can just overlay a color in photoshop on?

[Jason Sanborn]

Sort of. You would actually have to recreate every button to do that. Just go into mods/bbcode_box/images to see all the images there that would have to be updated.

In addition, in the ZIP file, there is a folder docs/buttons in which you can use to recreate the buttons. Sorry that there isn't an easier way.

[storm_eagle22]

Aww, that sucks. Thanks for the info though! I'll try converting when i have some free time..