Tablefree Imagebit
An Example for a new Tablefree imagebit.
I added borders and backgrounds, here commented out, so that you can see the different containers.
Structure:(names: main ul class is called ppgGal the prefix is used in ALL sub elements to avoid collision with future vbulletin4 class names)
- <i> = is the Outer imagebit container. (the imagebits are grouped in ul with inline li)
width: is thumbsize or wider.. must be a fixed size. I use ( $ppg_options['thumbsize'])+40 as default
height: should be adjusted so that a) the image caption fits in and for favorites the remove favorites text. (it is set to display none in this example)
I also did an extended version with sticky etc..
All elements have colored borders for better comprehension!!!
Extended version
I only use 2 lines (either title and next line by XXX or title and in category. NB: For the moment height is not specified.. works also...) I also added 2 phrases. by and in (by Luciano --- in Paintings)
- Check the source code.. some classes appear twice...
so that the unchangable css is grouped at top.
The config bit is grouped at bottom and can be populated with $stylevars and $strings.
The css should go in a template... so we can populate easy and only call when needed
- As is works in Mozilla, Google Chrome, IE5.5+, Opera and Safari (only tested windows versions) . Netscape 8.1 does NOT vertically center the thumbs (but Netscape does not exist anymore).
Have not tested on Mac.. so if someone has a Mac out there... please feedback!!!!!
For testing.. resize your browser window
That's all for now....
Luc