Thumbnailed images
You know the image box of the new image syntax? No? It looks like this:
Do you like it? No? You would prefer a pink background? A thinner border? Or a thicker one?
Let's have a design contest! Add your proposals to this page, add your name and a name for the design. I'd propose to start voting on March 15. If more than 20 designs are around, the voting should have two phases, a nomination phase and a final vote. The rules of the logo voting shall apply in that case. -- JeLuF 18:30, 28 Feb 2004 (UTC)
The old one
div.thumbnail-none, div.thumbnail-right, div.thumbnail-left {
padding: 2px;
border:1px solid #8888aa;
background:#CCCCCC;
margin: 0.3em 0 0.5em;
font-size: 85%;
text-align: center;
}
div.thumbnail-none p, div.thumbnail-right p, div.thumbnail-left p {
margin-top:3px; margin-bottom:3px;
text-align: left;
}
HTML:
<div class="thumbnail-none" style="width:100px;"> <a href="/wiki/Image:Henry8.jpg" class="internal" title="Henry VIII"> <img border="0" src="/upload/thumb/7/7d/100px-Henry8.jpg" alt="Henry VIII" width="100" height="140"> </a> <a href="/wiki/Image:Henry8.jpg" class="internal" title="Enlarge"> <img border="0" src="/upload/magnify-clip.png" width="26" height="24" align="right" alt="Enlarge"> </a> <p>Henry VIII</p> </div>
By JeLuF
Melkom's one
Henry VIII
bigger image
<div style="width:100px; margin:5px; border:1px solid #ababab; float:left;"> [[image:Henry8.jpg|100px|Henry VIII]] <p style="font-size:smaller; margin:2px;"> Henry VIII<br> [[:image:Henry8.jpg|bigger image]] </p> </div>
From [1], by user Melkom, nominated by JeLuF
James F.'s one
<div style="width:100px; padding: 2px; border:1px solid black; margin:1em; font-size:smaller;"> [[image:Henry8.jpg|100px|Henry VIII]] <div style="text-align:center;"> Henry VIII </div> <div style="text-align:right;"> [[:image:Henry8.jpg|full image]] </div> </div>
Only slightly different to Melkom's one, I see; black border instead of grey, slight padding of the image inside the border, text centered, full image link text right aligned.
James F. (talk) 20:12, 28 Feb 2004 (UTC)
Fabiform's one
Style to suit pictures with light backgrounds better
<div style="width:114px; margin:5px; border:1px solid gray;"> <div style="width:110px; margin:2px; border:1px solid gray;"> [[Image:Nohat-logo-X-hi.png|110px|Henry VIII]]</div> <div style="font-size:smaller; margin:2px; text-align:center;"> An image with a light background<br> <div style="text-align:right;"> [[:Image:Nohat-logo-X-hi.png|full image]]</div> </div> </div>
Another variation on the theme. I've added a boarder around the image to properly separate images with light backgrounds from the caption. I've used grey for the borders as two black borders looked a little dark IMO. Fabiform 21:29, 28 Feb 2004 (UTC)