FANDOM


m
 
(38 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{| class="collapsible collapsed plainlinks" border="1" cellpadding="4" style="margin: 0.5em 2em; border-collapse: collapse;"
+
Person's Copyright: {{Self|cc-by-1.2|name=James Bond}}
|| sample photo
+
!
+
User's Copyright, default license: {{Self|user=Neo}}
|-
+
User's Copyright, default permission: {{Permission|user=Retro}}
| colspan=2 | [http://www.flickr.com/photos/heritagefutures/5274674485/in/pool-camerapedia/ http://farm6.static.flickr.com/5282/5274674485_1bdb47e54f_t.jpg]
+
PD: {{PD}}
|}
+
  +
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 12:
 
}}
 
}}
   
:NICE!!!--[[User:GitzoCollector|GitzoCollector]] 15:14, 20 December 2010 (EST)
+
=Collapsible Pictures and explanations -- Sections=
 
{| 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)
+
=Sizing of images-- Formatting help needed, please=
::I pasted in collapsible code you just wrote to the bottom of the page..check out the unexpected effect...it does in both Safari and Firefox--[[User:GitzoCollector|GitzoCollector]] 16:23, 21 December 2010 (EST)
 
 
===Formatting help needed, please===
 
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&nbsp;Six&nbsp;I]] <br>sn #2854 &nbsp;&nbsp;
 
||[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)
::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)
+
::: 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. --[[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&nbsp;Six&nbsp;I]] <br>sn #2854 &nbsp;&nbsp;
 
||[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&nbsp;Six&nbsp;I]] <br>sn #2854 &nbsp;&nbsp;
 
||[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, May 26, 2011

Person's Copyright:

James Bond, the copyright holder of this work, hereby publishes it under the following license:
GFDL 1.2

User's Copyright, default license:

User:Neo, the copyright holder of this work, hereby publishes it under the following license:
GFDL 1.3

User's Copyright, default permission:

User:Retro, the copyright holder of this work, hereby permits its usage in the camerapedia.wikia.com wiki

PD:

This work is in public domain, due to copyright expiry or by the will of the last copyright holder.

My copyright:

I, the copyright holder of this work, hereby publish it under the following license:
© 2011 contributor. All rights reserved.

Collapsible Pictures and explanations -- BoxesEdit

Press me !
Again !
 Blabla

Collapsible Pictures and explanations -- SectionsEdit

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, pleaseEdit

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)
Community content is available under GFDL unless otherwise noted.