Difference between revisions of "Camera-wiki.org:Sandbox"

From Camera-wiki.org
Jump to: navigation, search
(Category link test)
(Test with new flickr Image Address URL)
(20 intermediate revisions by 4 users not shown)
Line 6: Line 6:
  
 
To link to another Camera-wiki.org article, you use double square brackets around the page name, like [[Kodachrome]] or [[Ansco Color Clipper]]</nowiki> Which when posted on a  page will look like this: [[Kodachrome]] or [[Ansco Color Clipper]]
 
To link to another Camera-wiki.org article, you use double square brackets around the page name, like [[Kodachrome]] or [[Ansco Color Clipper]]</nowiki> Which when posted on a  page will look like this: [[Kodachrome]] or [[Ansco Color Clipper]]
 +
  
 
{{test
 
{{test
Line 363: Line 364:
 
4 tildes gives : [[User:Hanskerensky|Hanskerensky]] ([[User talk:Hanskerensky|talk]]) 13:35, 14 November 2014 (PST) <br/>
 
4 tildes gives : [[User:Hanskerensky|Hanskerensky]] ([[User talk:Hanskerensky|talk]]) 13:35, 14 November 2014 (PST) <br/>
 
5 tildes gives : 13:35, 14 November 2014 (PST) <br/>
 
5 tildes gives : 13:35, 14 November 2014 (PST) <br/>
 +
 +
 +
= Test with new flickr Image Address URL =
 +
<span style=text-decoration:blink>blinking</span>
 +
<span style="color:#FF0000"> This text will be red </span>
 +
<span style="color:#FFFF00; background:#00C000"> This text will be yellow and on a green background </span>
 +
{{Flickr_image
 +
|image_source= http://www.flickr.com/photos/29504544@N08/17246795176/in/pool-camerawiki/
 +
|image= http://c1.staticflickr.com/9/8804/17246795176_61c7ebf184_n.jpg
 +
|image_align= right
 +
|image_text= Box15 Rolleiflex Shutter Retaining Ring Tool (01)
 +
|image_by= Hans Kerensky
 +
|image_rights=  with permission
 +
}}
 +
11/05/2015 Still not properly handled
 +
{{br}}
 +
----------------------------------------------------------
 +
{{Flickr_image
 +
|image_source= http://www.flickr.com/photos/29504544@N08/17246795176/in/pool-camerawiki/
 +
|image= http://farm9.staticflickr.com/8804/17246795176_61c7ebf184_n.jpg
 +
|image_align=
 +
|image_text= Box15 Rolleiflex Shutter Retaining Ring Tool (01)
 +
|image_by= Hans Kerensky
 +
|image_rights=  with permission
 +
}}
 +
 +
Gotta use the older format src url i guess..
 +
--[[User:Tkmedia|Tkmedia]] ([[User talk:Tkmedia|talk]]) 22:19, 11 May 2015 (CDT)
 +
 +
Actualy I found the formula :<br/>
 +
- delete the "s" in "https"<br/>
 +
- Substitute "farm" for first 2 characters (in this case c1 becomes farm)<br/>
 +
- take single extra number, in this case a /9/, and put after farm (farm becomes farm9)<br/>
 +
- Remove extra number and one slash ( /9/ becomes / )<br/>
 +
Tested on about 6 images by now and works like a charm :-)<br/>
 +
[[User:Hanskerensky|Hanskerensky]] ([[User talk:Hanskerensky|talk]]) 00:12, 12 May 2015 (CDT)<br/>
 +
<br/>
 +
{{Flickr_image
 +
|image_source= http://www.flickr.com/photos/29504544@N08/17246795176/in/pool-camerawiki/
 +
|image= http://farm2.staticflickr.com/8804/17246795176_61c7ebf184_n.jpg
 +
|image_align=
 +
|image_text= Box15 Rolleiflex Shutter Retaining Ring Tool (01)
 +
|image_by= Hans Kerensky
 +
|image_rights=  with permission
 +
}}
 +
By coincidence found out that the number directly after "farm" can be any number between 1 to 9 !!<br/>
  
 
=Category link test=
 
=Category link test=
Line 371: Line 418:
 
* [[:Category:Images by flickr user 13757887@N00|Image Vox]]
 
* [[:Category:Images by flickr user 13757887@N00|Image Vox]]
 
* [[:Category:Images by flickr user 13757887@N00|Image Ross Orr]]
 
* [[:Category:Images by flickr user 13757887@N00|Image Ross Orr]]
 +
 +
<!-- This covers the table of contents and I don't understand the syntax well enough enough to adjust it; so commented out for now --Vox
 
<div style="position: relative;>
 
<div style="position: relative;>
 
<div style="position: absolute; top: 2px; left: 188px; font-size: 44px; color: white; line-height: 66px; z-index: 3; ">'''Camera-wiki.org'''</div>
 
<div style="position: absolute; top: 2px; left: 188px; font-size: 44px; color: white; line-height: 66px; z-index: 3; ">'''Camera-wiki.org'''</div>
 
<div style="position: absolute; top: 0px; left: 0px; z-index: 2;">http://farm6.staticflickr.com/5178/5504570233_1cd5030fae_z.jpg<div>
 
<div style="position: absolute; top: 0px; left: 0px; z-index: 2;">http://farm6.staticflickr.com/5178/5504570233_1cd5030fae_z.jpg<div>
 +
-->
  
= Test with new flickr Image Address URL =
+
{{br}}
 +
= Tests with rows colloms and cells =
 +
{| class="plainlinks" align="center" style="text-align: center;"
 +
|| [http://www.flickr.com/photos/29504544@N08/17246795176/in/pool-camerawiki/ http://farm9.staticflickr.com/8804/17246795176_61c7ebf184_m.jpg] [http://www.flickr.com/photos/29504544@N08/33377044501/in/pool-camerawiki/ http://farm3.staticflickr.com/2906/33377044501_6caf93a207_m.jpg]
 +
|-
 +
|| Box15 Rolleiflex Shutter Retaining Ring Tool (01).<br />Pictures by Hans Kerensky {{with permission}}''
 +
|}
 +
 
 +
Table without borders
 +
{| class="wikitable"
 +
{|style="border-style: solid; border-width: 0px"
 +
|- style="vertical-align:top;"
 +
| style="height:100px; width:100px; text-align:center;" | [http://www.flickr.com/photos/29504544@N08/17246795176/in/pool-camerawiki/ http://farm9.staticflickr.com/8804/17246795176_61c7ebf184_m.jpg]
 +
| style="height:100px; width:100px; text-align:right;" | [http://www.flickr.com/photos/29504544@N08/33377044501/in/pool-camerawiki/ http://farm3.staticflickr.com/2906/33377044501_6caf93a207_m.jpg]
 +
|-
 +
|| Box15 Rolleiflex Shutter Retaining Ring Tool (01).<br />Pictures by Hans Kerensky {{with permission}}''
 +
|| Box15 Rolleiflex Shutter Retaining Ring Tool (01).<br />Pictures by Hans Kerensky {{with permission}}''
 +
|}
 +
|}
  
{{Flickr_image
+
Table with borders
|image_source= http://www.flickr.com/photos/www.flickr.com/photos/29504544@N08/17246795176/in/pool-camerawiki/
+
{| class="wikitable"
|image= http://c1.staticflickr.com/9/8804/17246795176_61c7ebf184_n.jpg
+
|- style="vertical-align:top;"
|image_align= right
+
| style="height:100px; width:100px; text-align:center;" | http://farm9.staticflickr.com/8804/17246795176_61c7ebf184_m.jpg
|image_text= Box15 Rolleiflex Shutter Retaining Ring Tool (01)
+
| style="height:100px; width:100px; text-align:right;" | http://farm3.staticflickr.com/2906/33377044501_6caf93a207_m.jpg
|image_by= Nigel R99
+
|-
|image_rights= with permission
+
|| Box15 Rolleiflex Shutter Retaining Ring Tool (01).<br />Pictures by Hans Kerensky {{with permission}}''
 +
|| Box15 Rolleiflex Shutter Retaining Ring Tool (01).<br />Pictures by Hans Kerensky {{with permission}}''
 +
|}
 +
=FlickrShow=
 +
{{#widget:FlickrShow
 +
|query=72157614924502462
 +
|width=955
 +
|height=833
 
}}
 
}}
11/05/2015 Still not properly handled
 

Revision as of 18:42, 18 December 2017

Basics

Some sample text with words in bold or words in italics for emphasis; and a hyperlink to another website.

To link to another Camera-wiki.org article, you use double square brackets around the page name, like [[Kodachrome]] or [[Ansco Color Clipper]] Which when posted on a page will look like this: Kodachrome or Ansco Color Clipper


Here's a smaller headline

Here's an example of Camera-wiki.org best practices when including images in your article:

The curly brackets set off a Template, which does certain things for you automatically. In this case it shrinks the image credits smaller, and links to another Camera-wiki.org page explaining its image rights.

Help people find your article by adding categories it falls into from this list

The syntax looks like this: [[Category:Disposable cameras]] [[Category:China]]

Now You try it

The coding: fdkljasfdlkj <small> smaller type </small> linking within Camera-wiki to [[Nikon | the Nikon article]] notice the double square brackets, and the vertical "pipe" character separating the link from the highlighted text.

Use single brackets and no pipe in external links, for example [http://www.stiltoncheese.com/ there are no cameras on the Stilton Cheese website].

gives you:
fdkljasfdlkj smaller type linking within Camera-wiki to the Nikon article notice the double square brackets, and the vertical "pipe" character separating the link from the highlighted text.

Use single brackets and no pipe in external links, for example there are no cameras on the Stilton Cheese website.

Testing Testing

Testing

The Frunabulax Meadow was a collapsible glass-plate camera created by an unemployed Mongolian sheepherder in 1927. As the body was constructed entirely of goat-hair felt, collectors consider this to be one of the least practical cameras ever devised. It is certainly one of the smelliest, particularly when wet. The available lenses, if they can be dignified with such a name, were created by a unique process. The juice of a local plum was subjected to long periods of boiling, until the concentrated fructose solidified into a nearly-rigid, somewhat transparent (and tasty) mass. Careful patting by hand into a roughly lenticular form was followed by a period of sun drying. The images resulting from these lumpy blobs artisanal optics yield a hallucinatory horror rarely achieved in with conventional designs of ground and polished glass.

The Frunabulax Meadow is thought to have been produced in a very small run, of only one and half cameras. Definitive records have yet to be found.

Flickr image test

Here is a testbed for my own Flickr image template proposal. --NihonCamera 10:51, 5 May 2011 (PDT)

Test of changed Flickr "staticflickr" URL format:

6354969011_30bdcc2691_m.jpg

Collapsible Pictures and explanations -- Boxes

rebollo_fr: the new work you have been doing has added new functionality to the Camerawiki site on a scale of magnitudes better!!! --GitzoCollector 17:11, 21 December 2010 (EST)


Press me !
Again !
 Blabla
NICE!!!--GitzoCollector 15:14, 20 December 2010 (EST)


This was a pain to code, but works very nicely...:


VERY useful.. --GitzoCollector 17:11, 21 December 2010 (EST)

Collapsible Pictures and explanations -- Sections

great option....love it.... but it comes out all centered! something in the underlying, enabling code? and can we have it that it defaults to 'closed' when the page is opened? --GitzoCollector 16:41, 21 December 2010 (EST)
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

Hi guys...
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...)
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! --GitzoCollector 17:04, 19 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). --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?... --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. --Lbstone 09:18, 29 December 2010 (EST)
Thanks Brandon, I can see that if the image stretch/compression is a huge step, but in the example I showed it would be minor... cropping differently just adds 'chaff' image..need to think about it....--GitzoCollector 04:12, 4 January 2011 (EST)

References

Just testing aout another approach to references. Now nicely grouped.
A reference to the first can be made this way : [1] A reference to the second can be made this way : [2]
And of course, you can address the same references multiple times in your text like this : [1] and [2]


Note however that there will be no tooltips at the reference call . . .

  1. 1.0 1.1 This is Sandbox Reference nr.1
  2. 2.0 2.1 And this is Sandbox Reference nr.2

playing with tildes

3 tildes gives : Hanskerensky (talk)
4 tildes gives : Hanskerensky (talk) 13:35, 14 November 2014 (PST)
5 tildes gives : 13:35, 14 November 2014 (PST)


Test with new flickr Image Address URL

blinking This text will be red This text will be yellow and on a green background

11/05/2015 Still not properly handled


Gotta use the older format src url i guess.. --Tkmedia (talk) 22:19, 11 May 2015 (CDT)

Actualy I found the formula :
- delete the "s" in "https"
- Substitute "farm" for first 2 characters (in this case c1 becomes farm)
- take single extra number, in this case a /9/, and put after farm (farm becomes farm9)
- Remove extra number and one slash ( /9/ becomes / )
Tested on about 6 images by now and works like a charm :-)
Hanskerensky (talk) 00:12, 12 May 2015 (CDT)

By coincidence found out that the number directly after "farm" can be any number between 1 to 9 !!

Category link test

Sample references to the same category:



Tests with rows colloms and cells

Table without borders

17246795176_61c7ebf184_m.jpg 33377044501_6caf93a207_m.jpg
Box15 Rolleiflex Shutter Retaining Ring Tool (01).
Pictures by Hans Kerensky (Image rights)
Box15 Rolleiflex Shutter Retaining Ring Tool (01).
Pictures by Hans Kerensky (Image rights)

Table with borders

17246795176_61c7ebf184_m.jpg 33377044501_6caf93a207_m.jpg
Box15 Rolleiflex Shutter Retaining Ring Tool (01).
Pictures by Hans Kerensky (Image rights)
Box15 Rolleiflex Shutter Retaining Ring Tool (01).
Pictures by Hans Kerensky (Image rights)

FlickrShow

Gratis Boton Facebook like generador
Powered by flickr embed.