This — {THUMBDIV(align=>[right|left], width=>[number and px|%], imgid=>, title=>, alt=>, thumbwidth=>[number only], thumbheight=>[number only])}text{THUMBDIV} — goes in the wikitext area, with the parameters for align (meaning float), div width (px or %), img id (from Tiki gallery), title (for mouseover), alt text, thumb image width and height (pixel dimension only, no unit), and caption text specified. (Just now I see the div is only responding to pixel widths, not percentage, so that's something that needs to be fixed.)
{THUMBDIV(align=>right, width=>90px, imgid=>3, title=>Stanley Kubrick, alt=>Stanley Kubrick, thumbwidth=>69, thumbheight=>80)}A portrait of Stanley Kubrick.{THUMBDIV}Originally the plugin used the Monobook "enlarge" icon, but when I realized it would be good to have this plugin available for any theme, I found an image contained in the Tiki installation to use. The magnifying glass is not strictly accurate, though, so it would be good to add the enlarge icon (a new transparent-background version) to Tiki's icon directory.
The style details of what the plugin displays are specified in the theme's CSS. For Tikipedia, this means the Monobook look. To use this plugin nicely with other themes, the Tikipedia THUMBDIV CSS details should be added and adapted to those themes. With nothing special done, there will simply be a floating div with the images and wikitext — not really bad, but can be improved.
This image thumbnail and caption style is based on Mediawiki's Monobook.css thumb display method. (These first two sentences precede the THUMBDIV plugin code on the page.){THUMBDIV(align=>left, width=>170px, imgid=>4, title=>Planetfall screenshot, alt=>Planetfall screenshot, thumbwidth=>160, thumbheight=>120)}The Planetfall theme, adapted from the Mambo/Joomla version.{THUMBDIV}(This is the first sentence after the plugin code.) For some reason the div doesn't clear the CODE plugin display, so either text or ~pp~ tags with empty lines are needed to push down the code box if there aren't enough text lines after the plugin.
I'd prefer to use the Monobook enlarge icon (
) but if the plugin is intended for use with any theme, it needs an image that all Tiki installations have by default.
This page's THUMBDIV display is produced by:
{THUMBDIV(align=>left, width=>100px, imgid=>4, title=>Moreneat schema, alt=>Moreneat CSS Schema, thumbwidth=>61, thumbheight=>80, thumbcaption=>Colorful Schema)}This shows the templates and CSS of the ((Moreneat)) theme.{THUMBDIV}
The tikiedit syntax looks look this:
Inserts a Mediawiki/Wikipedia-look thumbnail that links to a full-size image.:
{THUMBDIV(align=>[right|left], width=>[number and px|%], imgid=>, thumbtitle=>, thumbalt=>, thumbwidth=>[number only], thumbheight=>[number only])}text{THUMBDIV}
Something like this needs to be added to each theme's stylesheet for this plugin to be fully styled, with appropriate colors and/or background images:
/* THUMBDIV plugin: the following 8 selectors
(based on Mediawiki Monobook CSS) */
div.thumb {
margin-bottom: .5em;
width: auto;
}
div.thumb div {
border: 1px solid #788596;
padding: 3px !important;
background-image: url(snow/flakesptn.jpg);
background-repeat: repeat;
font-size: 94%;
text-align: center;
overflow: hidden;
}
div.thumb div a img {
border: 1px solid #788596;
}
div.thumb div div.thumbcaption {
border: none;
text-align: left;
line-height: 1.4em;
padding: .3em 0 .1em 0;
}
div.magnify {
float: right;
border: none !important;
background: none !important;
}
div.magnify a, div.magnify img {
display: block;
border: none !important;
background: none !important;
}
div.tright {
clear: right;
float: right;
padding: .5em 0 .8em 1.4em;
}
div.tleft {
float: left;
margin-right: .5em;
padding: .5em 1.4em .8em 0;
}
Created by Gary. Last Modification: Tuesday, April 18, 2006 21:44:39 JST by Gary.
- wiki page:
Sidebar
About
Zukakakina.com is all about themes and other aspects of the TikiWiki CMS/Groupware project.
Zukakakina.com is maintained from the Cunningham-Lee household in Chiba, Japan.