[Show/Hide Left Column]
[Show/Hide Right Column]

More details on THUMBDIV Tiki CMS > Wiki plugins Tiki CMS > Themes > Tikipedia
Print

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 ( Image) 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.

Theme: Tikipedia

tools

Print

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.

Shoutbox

Gary, 20:42 JST, Tue, July 20, 2010: Testing again with Eastern NA time zone.
Gary, 20:13 JST, Tue, July 20, 2010: Testing the time stamp.
Gary, 21:11 JST, Mon, July 12, 2010: The Twentyten theme (Tiki implementation of the new Wordpress default theme) is still a work in progress, so there are some details to fix still.
Gary, 21:42 JST, Tue, June 22, 2010: Site updated to Tiki 5.0 (SVN revision 27729).
Gary, 14:43 JST, Wed, Feb. 10, 2010: sniperwork, I removed your shout. If you want to make a wiki page explaining how the site you linked to relates to Tiki, that's fine.