Template talk:ImageBoxPeeron

From Brickwiki
Jump to: navigation, search

Question

Did anyone contact Peeron and see if they're okay with this? --Venkatesh 11:03, 14 September 2009 (EDT)

Why, does this fall outside of our already approved use? Tedward 16:21, 14 September 2009 (EDT)

Help

Can anyone help me get the formatting to work right on this template? I always wanted the max width of the image to be 180 px but I cannot seem to get the code to work for me. Tedward 15:58, 6 June 2012 (CDT)

Because MediaWiki automatically generates the HTML for external images, it's not simple to fix. One option is to use a mediawiki extension. Another is to define a CSS class for the max-width. I've done the latter. It will take effect after I get the CSS fixed. --ALittleSlow 14:31, 23 June 2012 (CDT)
Awesome, thanks!Tedward 17:05, 23 June 2012 (CDT)
Looks good. My comment would be that the name of the css element should not have the size in pixels in the name, call it something that evokes what it controls. Right now the format of the page is a bit messy though with the overwritten tables, it may need more noinclude tagging? ++Lar: t/c 22:37, 23 June 2012 (CDT)
I agree in principle about pixels in the name, but since the width has to be defined in the CSS, and because we may want to define several different widths, I opted to include it. Maybe relative names would work though, like "ImgMaxWidthMedium", "ImgMaxWidthNarrow", "ImgMaxWidthFull", etc. This CSS solution is kinda kludgy, but the best MediaWiki extension looked kludgy, too. On the plus side, we wouldn't have to dink with the CSS every time we change our preferences. Take a look and tell me which you prefer.
Not sure what you are seeing with the overwritten tables. I see that the template page has <pre> text impeding on the image box (this is an issue with <pre>, which I also have designs on), but Idea book looks nice. --ALittleSlow 10:01, 25 June 2012 (CDT)
You can see the CSS at User:ALittleSlow/monobook.css. Creating the same page with the same content under your user (e.g. User:Tedward/monobook.css) will let you see the effect it has. ---ALittleSlow 10:07, 25 June 2012 (CDT)
Done. To use this, surround your image URL or {{{ImageName}}} with <div class="ImgMaxWidthMedium"> </div>. E.g.
04_47154_disassembly..jpg
. While I was in there, I set HTML <pre> to word-wrap on pages instead of overflowing (usually into an ImageBox). Like so:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Let me know if that broke anything. --ALittleSlow 23:21, 26 June 2012 (CDT)
Personal tools