Changes between Version 2 and Version 3 of ScrollingWithText


Ignore:
Timestamp:
Dec 8, 2019, 1:20:14 PM (4 years ago)
Author:
Andreas Beisemann
Comment:

Text navigation with anchors ready to discuss

Legend:

Unmodified
Added
Removed
Modified
  • ScrollingWithText

    v2 v3  
    1 Einleitung:
    2 Dies ist der Versuch, eine Navigation in grosse Wikiseiten einzubauen und den LINK Englisch Styleguide zu erweitern. Hier wird das Aussehen der Seiten demonstriert und Beispiele gegeben.
    3 
    4 Der Autor dieser Seite ist der Meinung, daß man das Wiki nicht durch zu viele formalistische Seiten (pro Sprache)aufblähen muss. Besser, diese Information nach Kontinent zu ordnen. Das gibt weniger Seiten und   
    5 
    6 Die Navigation erfolgt mittels Klick auf Text, zur Verwendung kommen Anker. Zur Diskussion steht die Frage, wie hervorgehoben diese Anker gestaltet werden.  Man muss auch diskutieren, ob man Templates zur Verfügung stellt, wo diese Funktionalität eingearbeitet ist.
    7 
    8 Fangen wir mal an:
    9 
    10 Erklärung: Ich habe hier eine einzeilige Tabelle mit drei Spalten angelegt, um die ganze Seite abzudecken. Der Text ist dem jeweiligen Rand zugeordnet
    11 
    12 ----
    13 |
    14 {{{#!th "align:left color:blue" hier Text}}}
    15 {{{#!th align: center; color: red" hier auch }}}
    16 {{{#!th align: right; color: blue" und hier ebenfalls }}}
    17 |
    18 ----
    19 
     1[[TracGuideToc]]
     2
     3
     4= Introduction:\\
     5 
     6 This is an attempt to build a navigation in long wiki pages and to extend the [EnglishStyleGuide English style guide]. Here the appearance of the pages is demonstrated and examples given.
     7 Navigation is done by clicking on text, anchors are used. For discussion is the question of how highlighted these anchors are designed. One must also discuss whether to provide templates where this functionality is incorporated.
     8
     9 Let's start:
     10
     11 I've created a one-line table with three columns here to cover the whole page. The text is assigned to the respective border,alternatively centered. The text suitable to the section is displayed invisibly. This is needed as an anchor. I copied the text of this page into an editor and counted 1000 lines. Here in the example 3 navigation blocks are used, alternatively one after each topic block, so that you can jump to the beginning of each topic. In the navigation table, only extra cell(s) needed. The navigation is colored for demonstration purposes only, I personally would make it more reserved. And the **TOC** behind.\\
     12
     13{{{#!table style="margin:auto;width:100%;border:1px solid;frame:hsides;background:#90EE90"
     14  {{{#!tr colspan=3 align=justify
     15    {{{#!th style="border:none;text-align:center;Color:#90EE90;background:none"
     16    To the Top [=#Point1]
     17    }}}
     18    {{{#!th style="border:none;text-align:center;background:none"
     19    [#Point2 Next Section]
     20    }}}
     21    {{{#!th style="border:none;text-align:center;background:none"
     22    [#Point3 To the End]
     23    }}}
     24  }}}
     25}}}
     26\\
    2027= WikiFormatting
    2128
    22 [[TracGuideToc]]
     29
    2330
    2431Wiki markup is a core feature in Trac, tightly integrating all the other parts of Trac into a flexible and unified whole.
     
    495502My reply text
    496503}}}
    497 
     504\\
     505{{{#!table style="margin:auto;width:100%;border:1px solid;frame:hsides;background:#90EE90"
     506  {{{#!tr colspan=3 align=justify
     507    {{{#!th style="border:none;text-align:left;background:none"
     508    [#Point1 To the Top]
     509    }}}
     510    {{{#!th style="border:none;text-align:center;Color:#90EE90;background:none"
     511    [=#Point2 Last Section]
     512    }}}
     513    {{{#!th style="border:none;text-align:right;background:none"
     514    [#Point3 At the End]
     515    }}}
     516  }}}
     517}}}
     518\\
    498519== Tables
    499520=== Simple Tables
     
    9901011}}}
    9911012|----------------------------------
     1013\\
     1014{{{#!table style="margin:auto;width:100%;border:1px solid;frame:hsides;background:#90EE90"
     1015  {{{#!tr colspan=3 align=justify
     1016    {{{#!th style="border:none;text-align:left;background:none"
     1017    [#Point1 To the Top]
     1018    }}}
     1019    {{{#!th style="border:none;text-align:center;background:none"
     1020    [#Point2 Last Section]
     1021    }}}
     1022    {{{#!th style="border:none;text-align:right;Color:#90EE90;background:none"
     1023    [=#Point3 To the End]
     1024    }}}
     1025  }}}
     1026}}}