No edit summary |
mNo edit summary |
||
| (39 intermediate revisions by 6 users not shown) | |||
| Line 1: | Line 1: | ||
| + | Person's Copyright: {{Self|cc-by-1.2|name=James Bond}} |
||
| − | {| class="collapsible collapsed plainlinks" border="1" cellpadding="4" style="margin: 0.5em 2em; border-collapse: collapse;" |
||
| + | |||
| − | || sample photo |
||
| + | User's Copyright, default license: {{Self|user=Neo}} |
||
| − | ! |
||
| + | User's Copyright, default permission: {{Permission|user=Retro}} |
||
| − | |- |
||
| + | PD: {{PD}} |
||
| − | | colspan=2 | [http://www.flickr.com/photos/heritagefutures/5274674485/in/pool-camerapedia/ http://farm6.static.flickr.com/5282/5274674485_1bdb47e54f_t.jpg] |
||
| + | |||
| − | |} |
||
| + | My copyright: {{Self|(C)|year=2011}} |
||
| + | |||
| + | =Collapsible Pictures and explanations -- Boxes= |
||
| + | |||
| + | |||
{{dropimage|align=center|width=120px|Press me !| |
{{dropimage|align=center|width=120px|Press me !| |
||
| Line 12: | Line 17: | ||
}} |
}} |
||
| + | =Collapsible Pictures and explanations -- Sections= |
||
| − | :NICE!!!--[[User:GitzoCollector|GitzoCollector]] 15:14, 20 December 2010 (EST) |
||
| − | |||
| − | {| class="collapsible collapsed" border="1" style="border-collapse: collapse;" |
||
| − | || Click for interesting information |
||
| − | ! |
||
| − | |- |
||
| − | | colspan=2 | |
||
| − | |||
| − | {| class="collapsible collapsed" border="1" style="border-collapse: collapse;" |
||
| − | || Click for less interesting information |
||
| − | ! |
||
| − | |- |
||
| − | | colspan=2 | Blabla |
||
| − | |||
| − | |} |
||
| − | |||
| − | |} |
||
<div class="NavFrame"> |
<div class="NavFrame"> |
||
<div class="NavHead">[... This is the title of your collapsible content ...]</div> |
<div class="NavHead">[... This is the title of your collapsible content ...]</div> |
||
| − | <div class="NavContent"> |
+ | <div class="NavContent" align="left"> |
What are those ugly dots? I get it! |
What are those ugly dots? I get it! |
||
</div> |
</div> |
||
</div> |
</div> |
||
| + | ::The "NavFrame" class is supposed to be centered by default, to provide navigation boxes at the bottom of the pages. You can override the setting with <nowiki>align="left"</nowiki> inside the <nowiki><div></nowiki> tabs (see example below). --[[User:Rebollo fr|rebollo_fr]] 06:10, 3 January 2011 (EST) |
||
| ⚫ | |||
| − | :reboll_fr...did you change something in the base code? yesterday, when I clicked on my image examples below, the new submenu opened right next to it, and the page stayed stable on te sceeen...which is of course what I want. Now it does it too, but the page automatically redisplays from the top, and I have to scroll down again.. some when I close the windowthat's really counterproductive... maybe you did a minor tweak somewhere and this was the unexpected, and hitherto undetected side effect? --[[User:GitzoCollector|GitzoCollector]] 16:20, 21 December 2010 (EST) |
||
| − | ::I pasted in collapsible code you just wrote to the bottom of the page..check out the unexpected effect...--[[User:GitzoCollector|GitzoCollector]] 16:23, 21 December 2010 (EST) |
||
| − | |||
| ⚫ | |||
| − | Hi guys...<br>I am struggling with some wiki coding (I know how to control all of this in html, but not in wiki...). In that table row, I want the oblong image to be of the '''same height''' as the two square images. Ideas? It looks so untidy right now (and the table will have a series of rows like this...)<br> |
||
| − | If so, can yo adjust the code in the first row in sand box here? And I can then glean the underlying logic from there... (I looked at the wikipedia table pages but got no where when it came to image size control... |
||
| − | Thanks! --[[User:GitzoCollector|GitzoCollector]] 17:04, 19 December 2010 (EST) |
||
| − | |||
| − | |||
| − | |||
| − | <center> |
||
| − | {|class=plainlinks align="center" style="text-align: center;" |
||
| − | ||[[Mamiya Six I|Mamiya Six I]] <br>sn #2854 |
||
| − | ||[http://www.flickr.com/photos/heritagefutures/5273942764/in/pool-camerapedia/ http://farm2.static.flickr.com/1425/5273942764_3d6530bff8.jpg]<br/>'' Rangefinder Technology of the Mamiya Six.<br/><small>Images by Dirk HR Spennemann. {{with permission}}</small> |
||
| − | ||[http://www.flickr.com/photos/heritagefutures/5273924858/in/pool-camerapedia/ http://farm6.static.flickr.com/5003/5273924858_305bcbb2f4_m.jpg] |
||
| − | ||[http://www.flickr.com/photos/heritagefutures/5274674485/in/pool-camerapedia/ http://farm6.static.flickr.com/5282/5274674485_1bdb47e54f_m.jpg] |
||
| − | |||
| − | |} |
||
| − | </center> |
||
| − | |||
:The problem is not really with the wiki, but with Flickr image hosting. Because the different sizes available through Flickr are determined by the picture's longer edge, any difference in the aspect ratio of the image will be visible when you put the images side by side. This is something quite annoying; sometimes I have to fight to overcome this by computing the ideal aspect ratio then cropping the image. In that particular page, I think you have to frame the longer picture differently (less cropping at the top and bottom) until it coincides with the height of the smaller images (it can be computed beforehand of course). --[[User:Rebollo fr|rebollo_fr]] 06:37, 20 December 2010 (EST) |
:The problem is not really with the wiki, but with Flickr image hosting. Because the different sizes available through Flickr are determined by the picture's longer edge, any difference in the aspect ratio of the image will be visible when you put the images side by side. This is something quite annoying; sometimes I have to fight to overcome this by computing the ideal aspect ratio then cropping the image. In that particular page, I think you have to frame the longer picture differently (less cropping at the top and bottom) until it coincides with the height of the smaller images (it can be computed beforehand of course). --[[User:Rebollo fr|rebollo_fr]] 06:37, 20 December 2010 (EST) |
||
| + | ::: The MediaWiki software probably allows you to change the style of the image, giving you access to the width and height dimensions. I'm not sure that it's worth the effort, though. |
||
| − | ::In html (as well as in Wikipedia) you can add tags that control the image dimensions and scale it accordingly. So I can set the height to 240 (which is the size of the square's sides, and the image will adjust automatically. There should be a tag option in this Wiki coding as well, just what does it look like?... --[[User:GitzoCollector|GitzoCollector]] 15:12, 20 December 2010 (EST) |
||
| + | ::: Once you figure out how to change the dimensions, it will get awkward quickly. The particular image that you want to make larger would look blurry or blocky, if you tried to increase it's height. (When you take a small image and try to stretch it larger, you run into problems with upsampling.) On the other hand, you could take a larger image and use html to make the dimensions smaller, but that also leads to problems. |
||
| − | |||
| + | ::: The best bet is to find an image that has a native size that's right for your purposes. Rebollo talked about cropping to get the right size. That's probably the least complicated fix. --[[User:Lbstone|Lbstone]] 09:18, 29 December 2010 (EST) |
||
| − | |||
| − | |||
| − | ===Nicer option=== |
||
| − | Much better way this! thanks rebollo_fr for the collapsible box... but does not overcome the above issue for some other problems.... |
||
| − | |||
| − | <center> |
||
| − | {|class=plainlinks align="center" style="text-align: center;" |
||
| − | ||[[Mamiya Six I|Mamiya Six I]] <br>sn #2854 |
||
| − | ||[http://www.flickr.com/photos/heritagefutures/5273942764/in/pool-camerapedia/ http://farm2.static.flickr.com/1425/5273942764_3d6530bff8.jpg] |
||
| − | || |
||
| − | <!-- CONTENTS OF COLLAPSIBLE BOX START HERE --> |
||
| − | {| class="collapsible collapsed plainlinks" border="1" cellpadding="4" style="margin: 0.5em 2em; border-collapse: collapse;" |
||
| − | || Additional <br>Images |
||
| − | ! |
||
| − | |- |
||
| − | | colspan=2 | [http://www.flickr.com/photos/heritagefutures/5273924858/in/pool-camerapedia/ http://farm6.static.flickr.com/5003/5273924858_305bcbb2f4_m.jpg]<br>[http://www.flickr.com/photos/heritagefutures/5274674485/in/pool-camerapedia/ http://farm6.static.flickr.com/5282/5274674485_1bdb47e54f_m.jpg] |
||
| − | |[http://www.flickr.com/photos/heritagefutures/5274674485/in/pool-camerapedia/ http://farm6.static.flickr.com/5282/5274674485_1bdb47e54f_m.jpg]<br> [http://www.flickr.com/photos/heritagefutures/5273924858/in/pool-camerapedia/ http://farm6.static.flickr.com/5003/5273924858_305bcbb2f4_m.jpg] |
||
| − | |} |
||
| − | <!-- I KNOW THAT THE colspan=2 stops the top line from spreading across, but I actually like the little tab-like appearance it gives--> |
||
| − | <!-- CONTENTS OF COLLAPSIBLE BOX END HERE --> |
||
| − | |- |
||
| − | ||[[Mamiya Six I|Mamiya Six I]] <br>sn #2854 |
||
| − | ||[http://www.flickr.com/photos/heritagefutures/5273942764/in/pool-camerapedia/ http://farm2.static.flickr.com/1425/5273942764_3d6530bff8.jpg]<br/>'' Rangefinder Technology of the Mamiya Six.<br/><small>Images by Dirk HR Spennemann. {{with permission}}</small> |
||
| − | | | |
||
| − | |||
| − | {| class="collapsible collapsed plainlinks" border="1" cellpadding="4" style="margin: 0.5em 2em; border-collapse: collapse;" |
||
| − | || sample photo |
||
| − | ! |
||
| − | |- |
||
| − | | colspan=3 | [http://www.flickr.com/photos/heritagefutures/5273924858/in/pool-camerapedia/ http://farm6.static.flickr.com/5003/5273924858_305bcbb2f4_m.jpg] |
||
| − | |[http://www.flickr.com/photos/heritagefutures/5274674485/in/pool-camerapedia/ http://farm6.static.flickr.com/5282/5274674485_1bdb47e54f_m.jpg] |
||
| − | |[http://www.flickr.com/photos/heritagefutures/5274674485/in/pool-camerapedia/ http://farm6.static.flickr.com/5003/5273924858_305bcbb2f4_m.jpg] |
||
| − | |} |
||
| − | |} |
||
| − | </center> |
||
| − | --[[User:GitzoCollector|GitzoCollector]] 20:16, 20 December 2010 (EST) |
||
| − | |||
| − | |||
| − | |||
| − | {| class="collapsible collapsed" border="1" style="border-collapse: collapse;" |
||
| − | || TRY here and you see what I mean... |
||
| − | ! |
||
| − | |- |
||
| − | | colspan=2 | |
||
| − | |||
| − | {| class="collapsible collapsed" border="1" style="border-collapse: collapse;" |
||
| − | || Click for less interesting information |
||
| − | ! |
||
| − | |- |
||
| − | | colspan=2 | Blabla |
||
| − | |||
| − | |} |
||
| − | |||
| − | |} |
||
Latest revision as of 08:55, 26 May 2011
Person's Copyright:
User's Copyright, default license:
User's Copyright, default permission:
PD:
My copyright:
Collapsible Pictures and explanations -- Boxes[]
|
Collapsible Pictures and explanations -- Sections[]
[... This is the title of your collapsible content ...]
What are those ugly dots? I get it!
- The "NavFrame" class is supposed to be centered by default, to provide navigation boxes at the bottom of the pages. You can override the setting with align="left" inside the <div> tabs (see example below). --rebollo_fr 06:10, 3 January 2011 (EST)
Sizing of images-- Formatting help needed, please[]
- The problem is not really with the wiki, but with Flickr image hosting. Because the different sizes available through Flickr are determined by the picture's longer edge, any difference in the aspect ratio of the image will be visible when you put the images side by side. This is something quite annoying; sometimes I have to fight to overcome this by computing the ideal aspect ratio then cropping the image. In that particular page, I think you have to frame the longer picture differently (less cropping at the top and bottom) until it coincides with the height of the smaller images (it can be computed beforehand of course). --rebollo_fr 06:37, 20 December 2010 (EST)
- The MediaWiki software probably allows you to change the style of the image, giving you access to the width and height dimensions. I'm not sure that it's worth the effort, though.
- Once you figure out how to change the dimensions, it will get awkward quickly. The particular image that you want to make larger would look blurry or blocky, if you tried to increase it's height. (When you take a small image and try to stretch it larger, you run into problems with upsampling.) On the other hand, you could take a larger image and use html to make the dimensions smaller, but that also leads to problems.
- The best bet is to find an image that has a native size that's right for your purposes. Rebollo talked about cropping to get the right size. That's probably the least complicated fix. --Lbstone 09:18, 29 December 2010 (EST)