53 replies to this topic

[miCRoSCoPiC^eaRthLinG]

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/i.../sunset43cb.jpg[/PICFRAME]

[miCRoSCoPiC^eaRthLinG]

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 !!

[miCRoSCoPiC^eaRthLinG]

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:

Notice from microscopic^earthling:

Your post was placed in the wrong forum and the title was entirely irrelevant to the context. Title edited and topic moved.

[miCRoSCoPiC^eaRthLinG]

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.

Notice from microscopic^earthling:

Video tag has been removed temporarily, as it was causing unintended popups/browser freeze in certain cases. Will be re-enabled after I manage to fix the problem.

Edited by microscopic^earthling, 21 March 2005 - 09:36 AM.

[ignition]

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

[chiiyo]

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?

[szupie]

Notice from testrserse:

This thing looks pretty nice...

[wwheeler]

[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::

Edited by wwheeler, 20 March 2005 - 10:57 AM.

[moonwitch]

Notice from Moonwitch:

uhm ya

Wwheeler it's not warn as tag but note

[note=ModName]Message[/note]

[miCRoSCoPiC^eaRthLinG]

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

---

Line2

All the best & have fun playing with it.

[miCRoSCoPiC^eaRthLinG]

Time for introduction of a new tag - CONSOLE. This is to be used for including commands & outputs that you commonly see in a shell (*nix & dos). This will make life a lot easier by emphasizing on these commands/outputs and making them stand out in your posts. As it is with the other tags, you'll have to use an opening and closing tag and include the contents in between. Here's an example.

[ CONSOLE ]
[root@getafix root]# ifconfig eth0
eth0 Link encap:Ethernet HWaddr 00:0D:88:39:D2:69
inet addr:10.19.168.5 Bcast:10.19.168.255 Mask:255.255.255.0
inet6 addr: fe80::20d:88ff:fe39:d269/64 Scope:Link
.......
...............
[ /CONSOLE ]
will show:

terminal@console

[root@getafix root]# ifconfig eth0
eth0      Link encap:Ethernet  HWaddr 00:0D:88:39:D2:69
          inet addr:10.19.168.5  Bcast:10.19.168.255  Mask:255.255.255.0
          inet6 addr: fe80::20d:88ff:fe39:d269/64 Scope:Link
          UP BROADCAST RUNNING MULTICAST  MTU:1500  Metric:1
          RX packets:6587 errors:0 dropped:0 overruns:0 frame:0
          TX packets:12936 errors:0 dropped:0 overruns:0 carrier:0
          collisions:0 txqueuelen:1000
          RX bytes:1650710 (1.5 Mb)  TX bytes:2043205 (1.9 Mb)
          Interrupt:225 Base address:0xb800

Have fun

[szupie]

Wow, the console burns my eyes...

terminal@console

lalala

./eggdrop wtf codes

wtf

omfg

jfk

---

Notice from szupie:

I don't know what "Your mom goes to college" means.

Text1

Text2

[ tabl ] [ tabrow ] [ tabcol ] Text1 [ /tabcol ] [ tabcol ] Text2 [ /tabcol ] [ /tabrow ] [ /tabl ]

Is the table thing on?

[SingleDaddyof2]

Very nice work m^e! I saw a couple of custom bbcodes on another site that might be kinda cool here. How 'bout "floatright" and "floatleft"? These can be used to make text display around your left- or right-justified text.

Also is there any way to implement [spellcheck] and [grammarcheck] for those days when I don't feel like posting properly?

[szupie]

Heh, I always have the urge to correct someone's grammar and spelling on their posts. If you want me to, I can correct yours if you allow me!

[miCRoSCoPiC^eaRthLinG]

Keep suggesting guys.. I'm trying my best. I'll see what all I can come up with. The above example looks a little messed up.. have to correct it.

[vizskywalker]

Hey M^E, ow about modifying the

tag so it takes an argument as to the kind of code.  Then change the image in the code box border to reflect this instead of always being "<?ph" as the beginning of php code.  For example: [CODE = html]<html></html>

would replace the "<?ph" image with "<htm" or something.

Uhm, yeah, sorry about that messed up post. Basically, what I was trying to say was modify the CODE tag, just pretend that the code box isn't there and that where it begins is the word CODE and the CODE box actually begins right before "<html>". Man I miss the edit button.

[miCRoSCoPiC^eaRthLinG]

Sorry vizsky - that ain't happenin' Coz the CODE BBCode isn't editable - it's one of the prebuilt codes in IPB. But hold on - there's a new one I put in today. It's the MARQUEE - good old marquee.. It takes left, right, up & down and options to make the text scroll in a suitable direction.

I've limited the text scroll area width - as it was expanding in a very undesirable way and distorting the page. But I haven't specified any height params, so you can put in as many lines of text as you want and the box will expand to fit it in. Keep in mind that this one takes a little time to start off - I mean the scroll action wouldn't start till the whole page load is completed.

Examples:

[MARQUEE=right]Left to Right Scrolling Text[/MARQUEE]

[MARQUEE=left]
Right to Left Scrolling Text.
With multiple lines of text.
I quite like this one
[/MARQUEE]

[vizskywalker]

Is there no way to overide the CODE tag? Could you make another tag like CODEX or something? And also, for the tutorial you made on creating custom tags (yes this particular qustion should probably be hosted there, but I felt both of these questons could be answered here and it would help prevent numerous short posts), if we made a custom tag, and submitted it for approval, could it make it to the astahost forum? And I really like the new tag, te problem is it is inconsistent, when loading the post, it doesn't appear, and the site hangs in the loading process with the status bar saying "Transferring data from view.atdmt.com...". But when replying the marquee scrolls very quickly. Is it possible to fix this dilemma?

EDIT (as requested by vizskywalker 3/30/05): Never mind, the site doesn't hang when loading the post, it just takes a reeeeaaaaalllllyyyyyy long time. But it is still instantaneous for the reply. And for the post reading (not the reply) th marquee is choppy.

[miCRoSCoPiC^eaRthLinG]

Yaa - I know about that choppy effect. Since I'm using firefox - it doesn't take too long for me to load - but as I pointed out in the post, the marquee doesn't start till the whole page with all the posts & graphics has loaded. I wonder why though - I guess it's got something to do with the way marquee code works.

If you guys can come up with some real cool BBCodes (I hope the tut. I wrote will guide you on the right path) - there shouldn't be any problems incorporating them into the board. Infact, if you guys can study the codes I put it - and come up with improved versions of them - that's even better.

Have fun BBCoding

[vizskywalker]

How can we see the code you put in? I'd love to take a look and see if I can make any improvements. I guess that means I ought to read the tutorial instead of skimming it.