FLOAT bbcode

[Coder1]

I just added a custom BBCODE tag to my site, which I'm glad to share. This code will cause a selected image (or any element, really) to use a float style.

See it in action: http://www.tgreer.com/printforum/sho...?t=215&garpg=4

The image is floated left.

The code: [FLOAT=left]what you're floating[/FLOAT]

<div style="float:{option}; padding-left:12px; padding-right:12px;">{param}</div>

And an icon you can use:

I hardcoded the padding, because as far as I know you can't pass two options into a BBCODE. Adjust to fit.

[Peggy]

interesting...

[Joeychgo]

Whats floating? I must be missing something...

[Peggy]

whew! I'm glad I'm not the only one, lol

[Coder1]

Refers to the CSS "float" style. As it is now, if you include an image, it will simply display as a block, on its own, with any text being above or below it in the message. If you follow the link I provided, you'll see that the image is "floated" to the left of the text, because of the bbcode:

[FLOAT=left][IMG]myimage.gif[/IMG][/FLOAT]

I needed it to provide a sleeker more "realistic" look to my articles, which have sidebar images. Another example from the same article.

Think of it as putting your image in one "column", your paragraph in another.

[John]

I also added some BBCodes that use imgleft and imgright to show a left aligned and right aligned image on a page

<div align="left"><img align="left" src="{param}" hspace="3" alt=""/></div>

Here's an example of an entry on my site that uses both in a thread...

http://www.themouthpiece.com/vb/showthread.php?t=19731

[Coder1]

Excellent - same idea, different technique. I'm in the habit of using CSS wherever I can.

[Biggles LLB]

I also added some BBCodes that use imgleft and imgright to show a left aligned and right aligned image on a page

<div align="left"><img align="left" src="{param}" hspace="3" alt=""/></div>

Here's an example of an entry on my site that uses both in a thread...

http://www.themouthpiece.com/vb/showthread.php?t=19731

Hi John

I don't understand most of the technical stuff on that linked page, but I sure enjoyed reading your interview with Steve Hackett. And one of my youngsters, Jodie, who is a saxophonist/keyboard player/budding composer, currently doing a BTEC National Diploma in Music Technology has read it. She loved it and wants to show her class at Bridwater College MT section. If that's OK with you, of course?

Cheers

Biggles

[John]

Most certainly it is Biggles... I'd be delighted for her to use it wherever she can. I also have an interview planned with Rick Wakeman (ex Yes) sometime soon. Just waiting to hear back from his management company.

[Peggy]

I also added some BBCodes that use imgleft and imgright to show a left aligned and right aligned image on a page

<div align="left"><img align="left" src="{param}" hspace="3" alt=""/></div>

Here's an example of an entry on my site that uses both in a thread...

http://www.themouthpiece.com/vb/showthread.php?t=19731

nicely done... I've been using the same layout in html on websites for years. You can see it here on my photography website: Personally Yours Photography

(it's not finished and some links don't work)