Difference between revisions of "Sandbox"
m |
m |
||
| Line 3: | Line 3: | ||
<!-- comment --> | <!-- comment --> | ||
| − | + | ||
| − | <span style="background:#e6ffcc;> | + | <span style="background:#e6ffcc;> </span><span style="background:#ffffcc;> </span><span style="background:#ffe6cc;> </span><span style="background:#ffb3b3;> </span> |
| + | <font size="3px"><span style="background:#e6ffcc;> </span><span style="background:#ffffcc;> </span><span style="background:#ffe6cc;> </span><span style="background:#ffb3b3;> </span></font> | ||
== [[#top|^]] Wiki page section with background color highlighting == | == [[#top|^]] Wiki page section with background color highlighting == | ||
Revision as of 17:34, 13 October 2021
2021-10-07 - Starting page for local wiki syntax and formatting experimentation.
Contents
^ Wiki page section with background color highlighting
Following wiki table syntax and example is an effort to make dynamic notes page mark-able in a visual, highlight way to quickly indicate sections having differing attributes. The table cells provide color coding opportunity, given that each table cell may have its background color set to a given color.
Example 1 - table, single row two columns:
| 1 | cell 2 - Wiki table syntax wants one pipe symbol '&pipe;' to begin the first cell of a given table row, and two pipes '&pipe;&pipe;' between adjacent row cells whose formatting follows prior cell formatting. A related task to creating formatted tables involves color selection. W3C Schools has a good HTML color picker on their site. |
Example 2 - table, two rows two columns:
| 1 | cell 2 - Content here in this wiki page section is up-to-date, indicated by green band (table cell) to the left. |
| cell 4 - Alternate colors left of doc sections can indicate parts of the document out-of-date, incomplete or needing other attention and or review. By the way a nice orange color is given by #ffe6cc;. |
^ Wiki table syntax with edit blocks
Example 3 - more a test, how does this table idea work with wiki editable document sections? . . .
| 1 |
^ Wiki document section within tablecell 2 - Content here in this wiki page section is up-to-date, indicated by green band (table cell) to the left. |
^ Wiki document section 2 also within tablecell 4 - Alternate colors left of doc sections can indicate parts of the document out-of-date, incomplete or needing other attention and or review. |
Table with less content for copy and paste ease:
| 1 |
^ Wiki document section within tablecell 2 - |
^ Wiki document section 2 also within tablecell 4 - |
Wiki syntax block for copy-and-paste purposes:
Simple table with no Wiki document sections, just text and user content:
{|- style="cellpadding=30px;"
|-
| style="background:#e6ffcc; valign=top; padding:10px;" | <font color="#ffffff">1</font>
| style="background:#f0f0f0; width:100%; padding:10px;" | *** Your wiki page section content here ***
|}
Wiki table with Wiki document sections
^ Copy and Paste Blocks
{|- style="cellpadding=30px;"
|-
| style="background:#ffffcc; valign=top; padding:10px;" | <font color="#ffffff"></font>
| style="background:#f0f0f0; width:100%; padding:10px;" |
== [[#top|^]] Overview ==
<i>Overview content . . .</i>
|-
| style="background:#f0f0f0; valign=top; padding:10px;" | <font color="#ffffff"></font> <!-- vertical spacing row -->
| style="background:#f0f0f0; width:100%; padding:10px;" |
|-
| style="background:#e6ffcc; valign=top; padding:10px;" | <font color="#ffffff"></font>
| style="background:#f0f0f0; width:100%; padding:10px;" |
== [[#top|^]] Section 2 ==
<i>Section 2 content . . .</i>
|-
| style="background:#f0f0f0; valign=top; padding:10px;" | <font color="#ffffff"></font> <!-- vertical spacing row -->
| style="background:#f0f0f0; width:100%; padding:10px;" |
|-
| style="background:#e6ffcc; valign=top; padding:10px;" | <font color="#ffffff"></font>
| style="background:#f0f0f0; width:100%; padding:10px;" |
== [[#top|^]] Section 3 ==
<i>Section 3 content . . .</i>
|}
^ Mediawiki Sidebar experiments
Note Mediawiki sidebar mark up is interpreted in a manner that flattens or disables in-line CSS and other HTML formatting. Unsure whether there is a work-around for this.
^ References
HTML color pickers:
HTML cell padding attribute and related:
