Custom BBCodes [Deprecated]

[davaguco]

To the moderators: I'm not sure where to post this - if this is wrong, feel free to move it to a more appropriate section.

I know that there's a custom BBCode table tutorial out there, but I thought I'd share my take on it anyway.

Custom BBCode
BBCode usage lines

Code: Select all

[table]{TEXT}[/table]
[trow]{TEXT}[/trow]
[theader]{TEXT}[/theader]
[tmultiheader={NUMBER}]{TEXT}[/tmultiheader]
[tcell]{TEXT}[/tcell]
[tmulticell={NUMBER}]{TEXT}[/tmulticell]

HTML replacement lines

Code: Select all

<table class="customtable">{TEXT}</table>
<tr>{TEXT}</tr>
<th>{TEXT}</th>
<th colspan="{NUMBER}">{TEXT}</th>
<td>{TEXT}</td>
<td colspan="{NUMBER}">{TEXT}</td>

Suggested help lines (optional)

Code: Select all

Creates a table
Table row (only for use inside a [table])
Table header (only for use inside a [trow])
Table header, spanning over multiple columns (only for use inside a [trow])
Table cell (only for use inside a [trow])
Table cell, spanning over multiple columns (only for use inside a [trow])

CSS for style sheet (optional)

Code: Select all

table.customtable {
  border-collapse: collapse;
}

table.customtable td, table.customtable th {
  border: 1px solid #000000;
}

table.customtable td[colspan], table.customtable th[colspan] {
  text-align: center;
}

Sample usage
BBCode

Code: Select all

[table]
  [trow]
    [tmultiheader=4]Table example[/tmultiheader]
  [/trow]
  [trow]
    [theader]Table header 1[/theader]
    [tcell]Table cell 1[/tcell]
    [tcell]Table cell 2[/tcell]
    [tcell]Table cell 3[/tcell]
  [/trow]
  [trow]
    [theader]Table header 2[/theader]
    [tmulticell=2]Table cell 4[/tmulticell]
    [tcell]Table cell 5[/tcell]
  [/trow]
[/table]

Visual rendering

Code: Select all

+------------------------------------------------------------+
|                       Table example                        |
+---------------+--------------+--------------+--------------+
|Table header 1 | Table cell 1 | Table cell 2 | Table cell 3 |
+---------------+--------------+--------------+--------------+
|Table header 2 |         Table cell 4        | Table cell 5 |
+---------------+-----------------------------+--------------+

Notes
You might want to style the tables further, above I have only included the style for centering cells spanning more than one cell width (this won't work with IE6, though, but you can add an additional class and CSS declaration to take care of that), as well as added a border (I made it black in the example, change to suit your forum's style).

I didn't include the THEAD and TBODY elements, since few users would know how to use them properly anyway. I didn't use TR, TH and TD for the BBCode, as I figure the names I've used would be easier to understand for the users who is not familiar with HTML. Also, this allows for easier coding of cells spanning more than one cell width (the other solution I've seen made the COLSPAN-declaration mandatory for all cells, resulting in a lot of verbose output (i.e. TD COLSPAN="1").

Feel free to use this BBCode on your forum.

I cant make this work on my forum, it says something about an invalid form being used for my BBCode.

[bpx]

I have enabled the [flash] bbcode. How can I post .swf with peram name?
example:

Code: Select all

<param name=bgcolor value=#DFEEF5>

[319]

BBCOdes

[bpx]

Er, how exactly with BBCodes?

thanks for help

[MarcioFs]

Hi all,


I need a help

In my old forum (phpbb2.x), before migration to olympus, when a put one image into a post, using

I know that I can create bbcode, for that, but, my question is:

How can I change defaul [img] tag , to do this as a default tag?

In old forum, the defaul tag without a box and buttom was [img2].

Is there a mod to do this? or not?

Sorry for my english.

Thansk for all.

[killer-kurt]

There i was looking at another forum looking at a mod to do the alignment for text and images. Then! i come across all this LOL thanks for that!

[ThunderCrew]

After reading every single post for 11 pages, looking for some useful codes to use or to learn from,
I myself got tired of reading the many "you tube isnt working posts". Number 1 it will work IF you
use the proper coding and proper url specific text as described by the many replies.

NOW, for my 2 cents there is not really any need to add the youtube bbcode. As youtube videos
are converted to flash I merley embed the video url into a flash tag VIA the installed bbcode flash in phpbb3
like so

Code: Select all

[flash=400,400]http://www.youtube.com/v/tgsHV9FEJdU&rel=1[/flash]

and VIOLA it works
same as the youtube custom bbcode tag Simply by grabbing the movie value url from the given embed code.

Ok back to page number 12 of my reading.

P.S. I have not tried it with google video etc because I've never tried those other sites.
But, if they are similar may work the same

[ThunderCrew]

How can i make a BBCode where the post si so long that it is usefull with a text saying Read More?

Spoiler to show and hide a large post inside a quote style box

BBCode usage box

Code: Select all

[spoiler]{TEXT}[/spoiler]

HTML replacement box

Code: Select all

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><b>READ MORE:</b> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

You want to be sure that there are no spaces in the HTML replacement text.

Help line box

Code: Select all

Show and Hide a large post

Kudos very nice

[ThunderCrew]

Hello. I'm new here. I have read through all 28 pages but this thread can be a bit confusing, especially with all the different versions of one code. So sorry if I am asking something that seems obvious to someone else.

I would like a code for something similar to the spoiler box where it says "show" and "hide" EXCEPT instead of it saying "spoiler", I want it to say "NOT WORK SAFE". This would be helpful for when people want to post mature content without linking off-site. Is there such a code in existence or is there one that can be easily modified?

Also, am I to understand that there are currently no codes for superscript and subscript or tables?

(and just as a bonus, does anyone remember if there was anything that was like a block quote with a different color background - to save me from having to dig back through 28 pages?)

Thanks for any and all help!!

Didnt see a reply to this one, so I'll do it ,since its simple
Just change the word in the code for spoiler from show hide to what you want.
IE: in the line of code look for "SHOW" edit it to "MATURE" or whatever you want.

PS as far as the rest of your question they are in this thread backlogged some pages.
I just read through 28 pages so far.

[chengdu]

i have added the youtube code as instructed but cannot work......

[CadiZ]

Hi all, I have implemented different video embedded on phpbb3, I come across a problem I would like to get help with. If the google video has a positive number, there is no problem, but if it shows a negative one, the video won't display. This is the code:

BBCode usage:
[Googlevideo]{NUMBER}[/Googlevideo]

HTML replacement:
<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.sw ... BER}&hl=en" flashvars=""></embed>

Help line:
Usage [Googlevideo]Numbers[/Googlevideo]

Thank you in advance.

[Sr X]

i want a bbcode (valid with w3c xhtml 1.0 Strict) to align the images and floating, wrap the text around the image.

i have found tow differents bbcodes to this, what is the better? or what is the better way to this? thanks.

BBCode:

Code: Select all

[fimg={IDENTIFIER}]{URL}[/fimg]

HTML Replacement:

Code: Select all

<img src="{URL}" alt="{URL}" style="float: {IDENTIFIER}" />

This way i can use [fimg=left]http://image.png[/fimg] to float the image to the left
This way i can use [fimg=right]http://image.png[/fimg] to float the image to the right

Wrap Image

Code: Select all

[imgwrap={TEXT1}]{TEXT2}[/imgwrap]

Code: Select all

<div style="float:{TEXT1};margin: 2px 2px 6px 6px;"><img src="{TEXT2}"></div>

Code: Select all

Wrap Image: [imgwrap=left|right]URL[/imgwrap]

[sweetthdevil]

Great, i personally took the number 2...

[libralion]

After reading every single post for 11 pages, looking for some useful codes to use or to learn from,
I myself got tired of reading the many "you tube isnt working posts". Number 1 it will work IF you
use the proper coding and proper url specific text as described by the many replies.

NOW, for my 2 cents there is not really any need to add the youtube bbcode. As youtube videos
are converted to flash I merley embed the video url into a flash tag VIA the installed bbcode flash in phpbb3
like so

Code: Select all

[flash=400,400]http://www.youtube.com/v/tgsHV9FEJdU&rel=1[/flash]

and VIOLA it works
same as the youtube custom bbcode tag Simply by grabbing the movie value url from the given embed code.

Ok back to page number 12 of my reading.

P.S. I have not tried it with google video etc because I've never tried those other sites.
But, if they are similar may work the same

Hi Thundercrew,

I had troubles with the BBcode for youtube and photobucket also. Some links did work and others didnot. I tried your flashcode and indeed it works like a charm. Thanks! The strange thing however is, that if you use the default phpBB3 flashcode it doesnot work. You have to add the 400,400 part in the beginning and can change that of course to whatever format you want.
What I also found is that this flashcode of you works with photobucket files. The normal photobucket code also gave me problems with some files. If you choose the embedcode with Photobucket and take out the http bit and paste that between the flashcode from above it works.
So I am gonna use this code from now on and see if all files can be played through it.
Is there anywhere that you can change the default Flashcode? Then I can add the 400, 400 part and everybody on my forum can use this code.

Johanna

[CadiZ]

Hi all, I have implemented different video embedded on phpbb3, I come across a problem I would like to get help with. If the google video has a positive number, there is no problem, but if it shows a negative one, the video won't display. This is the code:

BBCode usage:
[Googlevideo]{NUMBER}[/Googlevideo]

HTML replacement:
<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.sw ... BER}&hl=en" flashvars=""></embed>

Help line:
Usage [Googlevideo]Numbers[/Googlevideo]

Thank you in advance.

Ok, I have sorted it out now just replace the variable NUMBER by SIMPLETEXT, reason being:

{SIMPLETEXT} Characters from the latin alphabet (A-Z), numbers, spaces, commas, dots, minus, plus, hyphen and underscore

{NUMBER} Any series of digits

Well, the minus sign seems not to be accepted by NUMBER but is by SIMPLETEXT, so let it be it.