Difference between revisions of "Template:Test"
imported>Aeric |
imported>Aeric (→New) |
||
(18 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
== Links to Namespace Pages== | |||
:[[HelpDesk:Welcome]] - Std link | |||
:[[HelpDesk:Welcome|Welcome]] - Link w/final vertical bar | |||
== Left Right and Center Text on Same Line == | |||
It needs to work when the page is resized.<br> | |||
http://stackoverflow.com/questions/525961/css-same-line-aligning | |||
<table border="1" class="tight-rows"> | |||
<tr> | |||
<td style="text-align:left; width:33%; "> | |||
[[Lab #2| Back to Lab #2]] | |||
</td> | |||
<td style="text-align:center; width:34%; "> | |||
[[...|Up to Lab Index]] | |||
</td> | |||
<td style=" text-align:right; width:33%; "> | |||
<nowiki>{{#ifexist: Lab #4 | [[Lab #4 | Forward to Lab #4]] | }}</nowiki> | |||
</td> | |||
</tr> | |||
</table> | |||
==Experiment with variablized links== | |||
Here is the result of an inserted [{{EclipsePluginLink}} eclipse plugin]. | |||
==Experiment with tight table rows== | ==Experiment with tight table rows== | ||
===Old=== | ===Old=== | ||
Line 8: | Line 33: | ||
[[Objects]]<br> | [[Objects]]<br> | ||
[[Indexes]]<br> | [[Indexes]]<br> | ||
[[Record | [[Record Locator]]<br> | ||
[[Reports]]<br> | [[Reports]]<br> | ||
[[Database Views]] | [[Database Views]] | ||
Line 32: | Line 57: | ||
| Rapidly access records. Ensure uniqueness. | | Rapidly access records. Ensure uniqueness. | ||
|- | |- | ||
| [[Record | | [[Record Locator]] | ||
| Help users identify records they're searching for. | | Help users identify records they're searching for. | ||
|- | |- | ||
Line 49: | Line 74: | ||
:* Applied to the table, they determine where the borders appear within a larger "box". | :* Applied to the table, they determine where the borders appear within a larger "box". | ||
:* To apply to individual cells, the border properties need to be specified on each cell | :* To apply to individual cells, the border properties need to be specified on each cell | ||
:* The CSS rule below does that | :* The CSS rule below does that.<br>It applies only to <tt><nowiki><td></nowiki></tt>elements in tables that specify <tt>class="tight-rows"</tt>: | ||
::{| | ::{| | ||
| <pre> | | <pre> | ||
Line 110: | Line 135: | ||
</td> | </td> | ||
</tr> | </tr> | ||
</table><noinclude> | </table> | ||
The trick, obviously, is to find the CSS that GeSHI uses, and to figure out a way to automate the numbering. (Both tough, but the latter is the hardest.) | |||
<noinclude> | |||
---- | ---- |
Latest revision as of 19:57, 26 August 2013
Links to Namespace Pages
- HelpDesk:Welcome - Std link
- Welcome - Link w/final vertical bar
Left Right and Center Text on Same Line
It needs to work when the page is resized.
http://stackoverflow.com/questions/525961/css-same-line-aligning
{{#ifexist: Lab #4 | [[Lab #4 | Forward to Lab #4]] | }} |
Experiment with variablized links
Here is the result of an inserted [ eclipse plugin].
Experiment with tight table rows
Old
Data | ||
Store data in a powerful "database on steroids". |
New
Data | |||||||||||
|
Tight Table Rows
Looking for the magical formula to create rows with no space between them.
- The 4 padding/margin values = top, right, bottom, left
- Some browsers respond to margin, others to padding, so both need to be specified
- Applied to the table, they determine where the borders appear within a larger "box".
- To apply to individual cells, the border properties need to be specified on each cell
- The CSS rule below does that.
It applies only to <td>elements in tables that specify class="tight-rows":
table.tight-rows td { padding:0 5px 0 5px; margin:0 5px 0 5px; }
stuff stuff more more
Horizontal and Vertical Bars
LJ Horizontal ruler:
ATT Ruler:
CSS-styled Ruler:
Normal Ruler:
stuff
foo
barAnd more stuff:
Link Tests
Test a link to an embedded internal anchor: #end
Test a link that transcludes the host URL from Template:DOCHOST.
Add Line Numbers to Source Code Listings
But make it possible to copy the source code without the line numbers...
<pre> </pre> |
line 1 of code
line 2 of code
line 3 of code
{{{1}}}
|
The trick, obviously, is to find the CSS that GeSHI uses, and to figure out a way to automate the numbering. (Both tough, but the latter is the hardest.)
This template adds line-numbers to code listings, while making it possible to copy the code without the numbers.
TODO: IN CodeJS, ESCAPE ALL <'s (replace with <)
- Usage
{{Code | {language} | code line 1 code line 2 etc. }}
where:
- {language} = java, html, xml
How it works:
- Create an array called lines, where \n is the delimiter
- Create a table with 2 cells
- Generate numbers, one per line, in first cell (output "i", then increment it)
- Put code in second cell, where it can be copied
<a name="end"/>