Hi,
I'm trying to introduce some custom BBCodes on this board in order to facilitate the layout & presentation of various kind of data (text, pictures, video clips) in your posts. Keep checking this post from time to time.


Here's a starter: A new BBCode called PICFRAME - which is an alternative for the lousy IMG tag. This allows embedding of extremely large pictures in your posts without distorting the page. The image appears within a small iFrame with both vertical & horizontal scrollbars. Initially the image will appear in reduced dimension - clicking on it will expand it inside the iFrame and the scrollbars come up letting you view the whole picture by scrolling. This also takes three options: left, right & center and aligns the image accordingly on your page.

See example below:
[PICFRAME=center]http://i138.exs.cx/img138/2492/sunset43cb.jpg[/PICFRAME]

Another Custom BBCode that I put in just now. It's called HIGHLIGHT and that's what it does - it highlights a part of your text with any desired color. The tag takes the color name as an option and the text to be highlighted should be enclosed within matching <tag></tag> pair.

See example below
This is Yellow HighLighted Text !!
This is Green HighLighted Text !!

Am back with one more BBCode named NOTE - this is is for exclusive use of the Mods & Admins. Members shouldn't use this BBCode under any circumstances. Use this one to embed short notices in the posts that you moderate/edit - it'll make your reason for moderation stand out well enough for people to take notice. This tag takes your username as it's option and the text enclosed within the tags as the content of the notice.

See example:

All right - another new BBCode for streaming video. Just include the link inside the VIDEO tags and the clip will load and start playing automatically.




This post has been edited by microscopic^earthling: Mar 21 2005, 09:36 AM

Cool stuff

For the picframe tag though, while it is much better to have it in an iframe rather than hogging up the whole thread, I've seen a better one called the <screenshot></screenshot> tag. I'm not sure if you make these tags by yourself, but the screenshot tags works similar to picframe except it is not in an iframe. It just shrinks the image so that it fits in a 600x400 window or something, and then when you click on it it opens a new page to display the whole image.

It is much easier to click on a link to an image, than to try and scroll around a tiny iframe to see what the image is. Just my opinion.

Cheers
ignition

Can you NOT have the streaming video one? For example when I clicked this page I put it in a new tab, and all of a sudden my video player opens and starts playing a clip I've never seen before and I'm left wondering, What in the world happened?? There has to be some kind of warning for the streaming video one, or it could be misused like the streaming music one. Only this one goes one step further and actually opens up my video player. O_o. Maybe like how the quicktime movies can load but you have to press the play button to activate it?

[warn=wwheeler]This is a nice feature for us to use. Thanks M^E[/warn]

Why it no work for me???

::cries all the way home::

This post has been edited by wwheeler: Mar 20 2005, 10:57 AM

Wwheeler it's not warn as tag but note

Sorry for the confusion. I'd renamed the tag to NOTE instead of WARN but forgot to update the description of the bbcode. So it appeared as warn to all of you. Corrected. Any other suggestions ??? I'm working on the streaming video and picframe again - trying to figure out if they can be presented in a more compact and better way..

    We have a new TABL tag that when used in conjunction with the TABROW & TABCOL tags can help you create a table and format data accordingly in your posts. It follows the general syntax of html table tags, i.e. your data has to be arranged in this format:

[ tabl ] [ tabrow ] [ tabcol ] Text1 [ /tabcol ] [ tabcol ] Text2 [ /tabcol ] [ /tabrow ] [ /tabl ] . That'll give you the following output:

Text1

Text2

Remeber, these three tags have to be used together. None of them, alone, can achieve any of the desired effects. This is still not fully functional. More modifications on the way. Will notify upon final release.

Following vujsa's idea, am renaming the TABROW and TABCOL tags to simply TROW & TCOL - that'll save up on the amount of typing to do..


Another new tag is HR used for inserting a horizontal rule/separator across your page. This tag takes the standard HTML <HR> options. Example: Line1 [ HR = noshade ] [ /HR ] Line2

This gives the following effect:
Line1 [HR=noshade][/HR]Line2

All the best & have fun playing with it.