Ah, good news, the ability to add floating content (that is, content that is on either the left or right, with other content wrapping around it, like the images on most Wikipedia pages) has been implemented, using
this mod (with some slight modifications so it would work on SMF 2.0.1). I've been bothered by the lack of this ability for quite some time, using very rudimentary tables to try and simulate the effects of float (though that doesn't resize well with the window, float does).
To float text, simply use the BBCode
[float=left] and
[float=right]. See below for examples. And for those of you who don't like actually typing the BBCode by hand, there's buttons next to the font option box.
[big]Simple left float[/big][float=left][img]http://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Times_Square_1-2.JPG/320px-Times_Square_1-2.JPG[/img][/float]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat mauris vitae dolor ultrices aliquet. Mauris sed augue eget purus consectetur convallis eu nec est. Nullam a nulla ligula, eget suscipit massa. Etiam facilisis rutrum tellus vel tristique. Donec rhoncus dui in mauris aliquam eget luctus ipsum feugiat. Donec justo felis, suscipit in mollis nec, aliquet vel augue. Mauris consectetur hendrerit augue a ullamcorper. Vivamus a ligula velit. Vivamus eget libero et tellus fermentum ultrices.
In et mi massa, non tincidunt elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent luctus purus eu justo laoreet eu dapibus justo faucibus. Integer faucibus enim at quam tempus quis convallis velit molestie. Fusce volutpat, leo id mattis porta, lectus erat vestibulum ante, in dignissim quam ipsum eu justo. Vestibulum lobortis, nibh vel gravida dictum, eros velit viverra diam, eu pharetra augue nibh sed ante. Mauris nec quam quis ante consequat lobortis.
Donec vel dictum justo. Aliquam erat volutpat. Quisque ipsum nisi, luctus consequat volutpat quis, elementum sed lacus. Quisque cursus fringilla condimentum. Ut consectetur semper lectus, eu lacinia mauris tempor at. Proin sed nibh nec odio dignissim sodales. Integer consequat mi ac purus lacinia a posuere odio mattis. Vivamus lacinia eleifend libero, id hendrerit dui elementum nec. Donec eget nibh quam. Maecenas massa massa, blandit at ultricies ut, vestibulum scelerisque lacus. Quisque malesuada tellus ut tortor consequat pellentesque ac vitae erat. Maecenas at augue purus. Vivamus tincidunt, sapien a blandit egestas, arcu nunc euismod lacus, et vehicula felis ante vel nisl.
Etiam justo lorem, adipiscing non lobortis nec, luctus semper nisl. Suspendisse convallis metus non leo tincidunt eu molestie lectus gravida. Quisque rhoncus, augue a scelerisque sodales, leo nisl mattis dolor, eu facilisis velit nisl porta lorem. Suspendisse aliquam, magna eu venenatis porta, massa est congue massa, in facilisis nunc mi sit amet nisi. Nunc iaculis bibendum mauris, dignissim euismod justo pretium at. Suspendisse tempor quam eget tellus volutpat tristique. Vivamus velit nibh, pellentesque id rutrum eu, luctus at libero. Donec tortor quam, tincidunt eu sodales ut, interdum consectetur felis.
Sed sodales, nisl sit amet tristique condimentum, felis turpis lobortis lorem, eget hendrerit felis sem vel dolor. Morbi metus massa, elementum at tempor at, elementum vel nibh. Quisque hendrerit mattis ligula a dignissim. Nulla malesuada tristique arcu ac aliquet. Ut in eros nibh, in vestibulum nunc. Cras massa magna, venenatis sed mattis eu, ultrices vel neque. Vivamus tempus hendrerit vehicula. Pellentesque scelerisque fermentum tempus.
[big]Right float with caption[/big][float=right][img]http://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Times_Square_1-2.JPG/320px-Times_Square_1-2.JPG[/img]
[b]Figure 1[/b][/float]
Figure 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat mauris vitae dolor ultrices aliquet. Mauris sed augue eget purus consectetur convallis eu nec est. Nullam a nulla ligula, eget suscipit massa. Etiam facilisis rutrum tellus vel tristique. Donec rhoncus dui in mauris aliquam eget luctus ipsum feugiat. Donec justo felis, suscipit in mollis nec, aliquet vel augue. Mauris consectetur hendrerit augue a ullamcorper. Vivamus a ligula velit. Vivamus eget libero et tellus fermentum ultrices.
In et mi massa, non tincidunt elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent luctus purus eu justo laoreet eu dapibus justo faucibus. Integer faucibus enim at quam tempus quis convallis velit molestie. Fusce volutpat, leo id mattis porta, lectus erat vestibulum ante, in dignissim quam ipsum eu justo. Vestibulum lobortis, nibh vel gravida dictum, eros velit viverra diam, eu pharetra augue nibh sed ante. Mauris nec quam quis ante consequat lobortis.
Donec vel dictum justo. Aliquam erat volutpat. Quisque ipsum nisi, luctus consequat volutpat quis, elementum sed lacus. Quisque cursus fringilla condimentum. Ut consectetur semper lectus, eu lacinia mauris tempor at. Proin sed nibh nec odio dignissim sodales. Integer consequat mi ac purus lacinia a posuere odio mattis. Vivamus lacinia eleifend libero, id hendrerit dui elementum nec. Donec eget nibh quam. Maecenas massa massa, blandit at ultricies ut, vestibulum scelerisque lacus. Quisque malesuada tellus ut tortor consequat pellentesque ac vitae erat. Maecenas at augue purus. Vivamus tincidunt, sapien a blandit egestas, arcu nunc euismod lacus, et vehicula felis ante vel nisl.
Etiam justo lorem, adipiscing non lobortis nec, luctus semper nisl. Suspendisse convallis metus non leo tincidunt eu molestie lectus gravida. Quisque rhoncus, augue a scelerisque sodales, leo nisl mattis dolor, eu facilisis velit nisl porta lorem. Suspendisse aliquam, magna eu venenatis porta, massa est congue massa, in facilisis nunc mi sit amet nisi. Nunc iaculis bibendum mauris, dignissim euismod justo pretium at. Suspendisse tempor quam eget tellus volutpat tristique. Vivamus velit nibh, pellentesque id rutrum eu, luctus at libero. Donec tortor quam, tincidunt eu sodales ut, interdum consectetur felis.
Sed sodales, nisl sit amet tristique condimentum, felis turpis lobortis lorem, eget hendrerit felis sem vel dolor. Morbi metus massa, elementum at tempor at, elementum vel nibh. Quisque hendrerit mattis ligula a dignissim. Nulla malesuada tristique arcu ac aliquet. Ut in eros nibh, in vestibulum nunc. Cras massa magna, venenatis sed mattis eu, ultrices vel neque. Vivamus tempus hendrerit vehicula. Pellentesque scelerisque fermentum tempus.
[big]Limitations[/big]Actually, they seem to be very limited at the moment. For example, the center tag broke my initial attempt at the above example (which was to center the caption). Likewise, I was unable to float a table (which is weird, since the float tag simply create a div HTML element with the float:left|right property). I'll be working on trying to fix that. In the meantime, I hope to (manually) add some more advanced tags as well, such as an anchor (which you could use to give a link to a certain location on a page, eg, [anchor=faq]blah blah blah[/anchor] would allow you to go to that part of the page by appending
#faq to the link (which could be useful for long posts), as well as header tags and expanding the table tags to allow an optional style attribute (or possibly a separate tag). As it stands, [table] just creates a table without borders, which is really not very good for readability. It should look something more like Wikipedia's tables. Of course, such BBCode tags would be largely for "advanced users".
This is what float with a table
should have looked like:
Name | Health |
---|
Evil Chicken of DOOM | 9001 |
Furret | Random number... uh, 4 |
However, this example is only possible with the [html] tag, which is, of course, disabled for regular posters (it's quite a massive security risk -- disabling tags doesn't seem to affect admins). This is most likely a problem with the way BBCode tags are read in general, and may require some deeper digging. There was another BBCode error with code tags in spoiler tags being compressed, but I'm unable to replicate it at the moment.
PS: There's no justify tag either.