View source for User:Spinningspark/Coding and formatting

__NEWSECTIONLINK__

==Coding help==
===Javascript===
*[[User:Spinningspark/monobook.js]]
*[[Wikipedia:Catalogue of CSS classes]] includes links to javascript
*[http://www.w3schools.com/js/default.asp W3S Javascript tutorial and reference]
*[https://developer.mozilla.org/en-US/docs/Web/JavaScript MDN Javascript guide and reference]
*[https://git.wikimedia.org/blob/mediawiki%2Fcore.git/6be698da5f6540a034d39aaee96701094df41832/skins%2Fcommon%2Fwikibits.js wikibits.js]
*[[Wikipedia:WikiProject User scripts/Techniques]] namespace references etc
*[[Wikipedia:Gadget]]

===CSS===
*[[User:Spinningspark/monobook.css]]
*[[Help:Cascading style sheets]]
*[http://www.w3schools.com/cssref/default.asp W3S CSS Reference]
*[https://developer.mozilla.org/en-US/docs/Web/CSS MDN CSS Reference]
*[[Wikipedia:Catalogue of CSS classes]]

===Latex===
*[[Help:Displaying a formula]]
*{{tl|NumBlk}}
*{{tl|EquationRef}}
*{{tl|EquationNote}}
*[https://developer.mozilla.org/en-US/docs/Web/MathML MathML reference]

===Mediawiki===
*[[mw:Help:Magic words]]
*[[mw:Help:Extension:ParserFunctions]]
*[[Help:Parser function]]
*[[mw:Extension:Parser function extensions]]
*[[mw:Extension:VariablesExtension]] not available WP
*[[Help:Labeled section transclusion]]
*[https://git.wikimedia.org/tree/mediawiki%2Fcore.git/6be698da5f6540a034d39aaee96701094df41832 Mediawiki core tree]

===HTML===
*[[Help:HTML in wikitext]]
*[http://www.w3schools.com/tags/ref_byfunc.asp HTML tags]
*[http://www.w3schools.com/tags/ref_colornames.asp HTML colour names]
*[http://www.w3schools.com/charsets/ref_utf_punctuation.asp HTML special characters]
*[https://developer.mozilla.org/en-US/docs/Web/HTML MDN HTML guide and reference]

===Tables and pictures===
*[[Help:Table]]
*[[Wikipedia:Picture tutorial]]
*[https://developer.mozilla.org/en-US/docs/Web/SVG MDN SVG guide and reference]

===Email===
* [mailto:permission-en@wikimedia.org permission-en@wikimedia.org]

===Searching===
*[[Help:Search]]
*[https://support.google.com/websearch/answer/136861?p=adv_operators&hl=en Google search operators]
*[http://www.googleguide.com/advanced_operators_reference.html#inurl GoogleGuide search operators]

===Other===
*[http://www.hashemall.com/ Online hash calculator]

==Archives==
See [[Talk:Vacuum tube]] for example with search input in the archive box rather than talk page header. Also has example of indexing.  VAcuum tube uses [[User:MiszaBot]] which is now defunct but [[User:lowercase sigmabot III]] picks up its archiving tasks without the need to change any of the setup.

The above example is for MiszaBot I which has been deactivated.  It's function has been taken over by lowercase sigmabot III which works with the same parameters but [[User:ClueBot III/ArchiveThis|ClueBot III]] seems to be much more sophisticated.  None of this nonsense about not archiving if the datestamp not in right format.  Trying out on [[Talk:Ground loop (electricity)]].

<pre>
{{User:ClueBot III/ArchiveThis
|archiveprefix=Talk:<article>/Archive
|format= %%i
|age=8766
|maxarchsize=100000
|numberstart=1
|archivebox=yes
|box-advert=yes
|minkeepthreads=2
}}
</pre>

* 1 year = 8766 hours
* 2 years = 17532
* 3 years = 26298
* 4 years = 35064
* 5 years = 43830

* {{tl|subst:pin section}} (used to prevent archiving)

==Disambiguation see also==
* {{Lookfrom|Start}}
* {{intitle|Start}}

==Multiple sources==

 <nowiki><ref>Multiple sources: {{ubl|style=margin-left:1em|Gupta, page 113| Voltmer, pages&nbsp;146–147}}</ref></nowiki>

Lorem<ref group=mult>cite 1</ref> ipsum<ref group=mult>Multiple sources: {{ubl|style=margin-left:1em|Gupta, page 113| Voltmer, pages&nbsp;146–147}}</ref> dolores.<ref group=mult>cite 3</ref>

{{reflist|group=mult}}

==Templates==

<code><nowiki><br style="clear:left;"/></nowiki></code>
* {{tl|clear|left}}
* {{tl|Nowrap}}
* {{tl|lookfrom}} (used on dab pages)
* {{tl|intitle}} (used on dab pages)
* {{tl|subst:pin section}} (used to prevent archiving)

<code><nowiki>{{Archive top 
|result = [[File:Symbol support vote.svg|15px]] Promoted to GA
|status = Result }}
{{Archive bottom}}</nowiki></code>
{{Archive top 
|result = [[File:Symbol support vote.svg|15px]] Promoted to GA
|status = Result }}
{{Archive bottom}}

<code><nowiki>{{Discussion top}}
{{Discussion bottom}}</nowiki></code>
{{Discussion top}}
{{Discussion bottom}}

<code><nowiki>{{notice|header=Notice heading|A notice}}</nowiki></code>
{{notice|header=Notice heading|A notice}}

<code><nowiki>{{tmbox|type=notice|text=some text}}</nowiki></code>
{{tmbox|type=notice|text=some text}}

{| class="messagebox standard-talk" style="text-align:center; border:2px solid #CC9999; background-color:#FFEECC;"
|[[Image:Info non-talk.png|50px|Please don't hover over me, it makes me nervous]]
|width="100%"| '''I like to keep conversations together.  If you post on my Talk page, that is where I will answer you, so keep me on your watchlist if you want to see the reply.'''<br />
'''If I post on your Talk page, I will likewise watch for your reply.'''  If you use that other silly system and insist on posting to my Talkpage instead, we can still cope, I am not obsessive about it.
|}

<code><nowiki>{{Warning| Text goes here}}</nowiki></code>
{{Warning| Text goes here}}

<code><nowiki>{{divbox|blue|Box title|Box content|radius=15px}}</nowiki></code>
{{divbox|blue|Box title|Box content|radius=15px}}

==Categories==
<big>'''Don't CAT the Sandbox!!!!'''</big><br />

<nowiki>
[[Category:Puzzles]]</nowiki><br /><nowiki>

</nowiki><br /><nowiki>
To make a link to a category without categorising the page</nowiki><br /><nowiki>
[[:Category:Automotive technologies]]</nowiki><br /><nowiki>

</nowiki><br /><nowiki>
To force a sort order</nowiki><br /><nowiki>
[[Category:Mechanical puzzles|Puzzles, Mechanical]]</nowiki><br /><nowiki>

</nowiki><br /><nowiki>
To force to top of list (Space is lower in ASCII)</nowiki><br /><nowiki>
[[Category:Rubik's Cube| ]]</nowiki><br /><nowiki>

</nowiki>

==Locator Maps==

Locator template (example):

{{Superimpose| base = Indonesia_blank_map.svg
  | base_width = 288px
  | base_caption = Indonesia Locator Map
  | float = Red Dot.svg
  | float_width = 10px
  | float_caption = Ali's fishing platform
  | x = 95
  | y = 80
}}

== Clickable image ==

The entire template is now deprecated.  Use the link= parameter in the file link instead

<pre>
{{Click
|image  = <image to be linked>
|size   = <size of the image> 
|width  = <width of the image> DEPRECATED
|height = <height of the image, optional> DEPRECATED
|link   = <page the image must link to>
|title  = <the label for the image, optional>
|desc   = <location of a description link, optional> 
}}
</pre>

[[:Template:Superimpose2]] for up to 50 superimposed images

==Link==
<span style="color: blue; cursor:wait">Click here to see Pamela Anderson naked</span>

Ha ha, very cute

== Edit help: How to put paragraphs within a single bulleted item? ==

<huge amount of not-so-good intervening suggestions removed>

::: I'd say the best option to use is partial HTML. Have a standard bulleted list, but use <nowiki><p></nowiki> tags on the long item. Example:
:::* Item 1
:::* Item 2
:::* <p>Item 3 with a really long boring block of text that really should be broken into two or more paragraphs but there's no apparant way to do it. 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.</p><p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 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.</p>
:::* Item 4
::: This method keeps the bulleted list while allowing for paragraph breaks. [[User:Pyrospirit|<span style="color: green">Pyrospirit</span>]]&nbsp;([[User talk:Pyrospirit|<span style="color: darkorange">talk</span>]]&nbsp;'''·''' [[Special:Contributions/Pyrospirit|<span style="color: red">contribs</span>]]) 02:40, 2 January 2008 (UTC)

==References==
A great example of use of footnotes/references/bibliography using a footnotes template can be found in [[Niagara Falls Suspension Bridge]]

 <nowiki>{{Ref label|truss|k|none}}</nowiki>
 <nowiki>{{Note label|start|a|none}}</nowiki>

A ''much''<ref group=note>A footnote</ref> better way though<ref group=note>Another footnote</ref>, is;

 <nowiki><ref group=note></nowiki>

===Grouped notes===
{{Reflist|group=note}}

 <nowiki>{{Reflist|group=note}}</nowiki>

OR<ref group=note>A footnote</ref>

<references group=note />

 <nowiki><references group=note /></nowiki>

== Fonts ==
<nowiki>Can be used with <span>, <p> or <font> tags.</nowiki>
{|
|-
|<code>style="font-style:italic;"</code>||<span style="font-style:italic;">Now is <span style="font-style:normal;">the time</span> for all good men to come to the aid of the party</span>
|-
|<code>style="font-style:normal;"</code>||<span style="font-style:normal;">Now is the time for all good men to come to the aid of the party</span>
|-
|<code>style="font-weight:bold;"</code>||<span style="font-weight:bold;">Now is the time for all <span style="font-weight:normal;">good men</span> to come to the aid of the party</span>
|-
|<code>style="font-weight:normal;"</code>||<span style="font-weight:normal;">Now is the time for all good men to come to the aid of the party</span>
|-
|&nbsp; ||
|-
|<code>style="font-family:times;"</code>||<span style="font-family:times;">Now is the time for all good men to come to the aid of the party</span>
|-
|<code>style="font-family:times new roman;"</code>||<span style="font-family:times new roman;">Now is the time for all good men to come to the aid of the party</span>
|-
|<code>style="font-family:courier;"</code>||<span style="font-family:courier;">Now is the time for all good men to come to the aid of the party</span>
|-
|<code>style="font-family:monospace;"</code>||<span style="font-family:monospace;">Now is the time for all good men to come to the aid of the party</span>
|-
|<code>style="font-family:courier new;"</code>||<span style="font-family:courier new;">Now is the time for all good men to come to the aid of the party</span>
|-
|<code>style="font-family:script;"</code>||<span style="font-family:script;">Now is the time for all good men to come to the aid of the party</span>
|-
|&nbsp; ||
|-
|<code>style="font-style:italic;color:red;"</code>||<span style="font-style:italic;color:red;">Now is <span style="font-style:normal;">the time</span> for all good men to come to the aid of the party</span>
|-
|<code>style="font-size:16pt;"</code>||<span style="font-size:16pt;">16 point font</span> 
|}

==Colour match==
{|class=wikitable
!Series colour
!Allotrope colour
|-
|style="background:#FF6666"|alkali metal
|style="background:#FFA9A9"|
|-
|style="background:#FFDEAD"|alkaline earth metal
|style="background:#FFE6C3"|
|-
|style="background:#FFBFFF"|lanthanide
|style="background:#FFE3FF"|
|-
|style="background:#FF99CC"|actinide
|style="background:#FFCEE6"|
|-
|style="background:#FFC0C0"|transition metal
|style="background:#ffd8d7"|
|-
|style="background:#CCCCCC"|poor metal
|style="background:#e1e2e2"|
|-
|style="background:#CCCC99"|metalloid
|style="background:#e2e2bc"|
|-
|style="background:#A0FFA0"|nonmetal
|style="background:#caffca"|
|-
|style="background:#FFFF99"|halogen
|style="background:#ffffc7"|
|-
|style="background:#C0FFFF"|noble gas
|style="background:#e2ffff"|
|}

Code snip for setting heading colours. 

<pre>
<nowiki>
|-<!-- 

ELEMENT PHYSICAL PROPERTIES 

-->
! colspan=2 style="background:<!-- COLOR 1 -->#{{#if:{{{series color|}}}|{{{series color}}}|{{#switch:{{{series}}}
 |alkali metal|alkali metals=FF6666
 |alkaline earth metal|alkaline earth metals=FFDEAD
 |lanthanide|lanthanides=FFBFFF
 |actinide|actinides=FF99CC
 |transition metal|transition metals=FFC0C0
 |poor metal|poor metals=CCCCCC
 |metalloid|metalloids=CCCC99
 |nonmetal|non-metal|nonmetals|non-metals=A0FFA0
 |halogen|halogens=FFFF99
 |noble gas|noble gases=C0FFFF
}}}}; <!-- COLOR 2 -->{{#if:{{{phase color|}}}|color:{{{phase color}}}|color:#{{#switch:{{{phase}}}
 |Gas|gas=008000
 |Liquid|liquid=0000FF
 |Solid|solid=000000
}}}}" | <center>Physical properties</center><!-- 

ALLATROPE 1 PHYSICAL PROPERTIES

 -->
{{#if:{{{allatrope 1|}}}|
{{!}}-
! colspan=2 style="background:<!-- COLOR 1 -->#{{#if:{{{series color|}}}|{{{series color}}}|{{#switch:{{{series}}}
 |alkali metal|alkali metals=FFA9A9
 |alkaline earth metal|alkaline earth metals=FFE6C3
 |lanthanide|lanthanides=FFE3FF
 |actinide|actinides=FFCEE6
 |transition metal|transition metals=ffd8d7
 |poor metal|poor metals=e1e2e2
 |metalloid|metalloids=e2e2bc
 |nonmetal|non-metal|nonmetals|non-metals=caffca
 |halogen|halogens=ffffc7
 |noble gas|noble gases=e2ffff
}}}}; <!-- COLOR 2 -->{{#if:{{{phase color|}}}|color:{{{phase color}}}|color:#{{#switch:{{{phase}}}
 |Gas|gas=008000
 |Liquid|liquid=0000FF
 |Solid|solid=000000
}}}}" {{!}}<center>{{{allatrope 1}}}</center>|}}<!--
--></nowiki>
</pre>