Vorlagen 2016-01-06

Dokumentation einiger Lib-only Befehle und experimenteller YTML-Erweiterungen.

Tooltips

Es kann ein Text mit Zusatzinfos (hover bzw. mouse-over) versehen werden.

Bilder als Wiki-Links (experimentell)

Hier wird der Link in Doppelklammern mit der image-Syntax kombiniert. Zusätzlicher Text wie bei Vorschaubildern wird bislang nicht unterstützt.

Spoiler

News-Liste (experimentell)

Im <style> kann der Teil frei gestaltet werden, die Einträge kommen zwischen die <KNICK> Tags. Die Syntax mit Sternchen und den drei Bindestrichen muss exakt eingehalten werden.

YTML-Tabelle (experimentell)

Seite	Test
Library	Temp
Beispiel	vorhanden

HTML-Tabelle

Testlink	Link mit Anzeigetext	Kategorien sind immer blau	Meta
Fett	Kursiv	Unterstrichen	Rot

Man beachte dass die Doppelklammern-Links selbst im html-Teil umgewandelt werden.

HTML/CSS Tabelle

Farbauszeichnung

Niedergeschrieben und weitergegeben durch Lanura der Assistentin von Churadia.

Formatierungsbeispiele

• fettschrift
• kursivschrift
• unterstrichen
• durchgestrichen
•  versteckt 

Zitate

Ohne Quellenangaben werden auch keine Anführungszeichen angehängt.

Mehrspaltig (automatisch)

Mehrspaltig (kontrolliert)

Bergkristall (farblos) Hambergit (weiss) Rosenquarz (rosa) Rubin (rot)

Anyolit Achat

Include (experimentell)

Beispielseite

Include Untertitel (experimentell)

Beispielseite

Sammelseiten

• Siehe Sammelseite

Menu

<style>
div#top_menu
{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
}

div#top_menu ul
{
    background:#F93; background:rgba(255,153,51, 0.5);
    height:50px;
    list-style:none;
    margin:20px 0px;
    padding:0;
    -moz--moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
    -moz-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1); -webkit-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1); box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
}

    div#top_menu li
    {
        float:left;
        padding:0px 0px 0px 0px;
        list-style-type:none;
        font-size:16px;
    }
    div#top_menu li a, div#top_menu li b
    {
        color:#000;
        display:block;
        line-height:50px;
        margin:0px;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
    }
    div#top_menu li a:hover, div#top_menu li b:hover
    {
        background:#C60;
        color:#FFFFFF;
        -moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3); box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
    }
    div#top_menu ul li:hover a, div#top_menu ul li:hover b
    {
        background:#C60;
        color:#FFFFFF;
    }
    div#top_menu li ul
    {
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:200px;
        z-index:200;
    }
    div#top_menu li:hover ul
    {
        display:block;        
    }
    div#top_menu li li
    {
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:200px;
        background:#F93;
        /*this is where the rounded corners for the dropdown disappears*/
    }
    div#top_menu li:hover li a, div#top_menu li:hover li b
    {
        background:none;
    }
    div#top_menu li ul a, div#top_menu li ul b
    {
        display:block;
        height:50px;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
    }
    div#top_menu li ul a:hover, div#top_menu li ul li:hover a,
    div#top_menu li ul b:hover, div#top_menu li ul li:hover b
    {
        border:0px;
        color:#FFF;
        background:#C60;
        -moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3); box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
    }
</style>

<div id="top_menu">
<ul>
<li>Raonia</li>
<li>Sonnensysteme
<ul>
<li>Dexotha</li>
<li>Mar-Lavra</li>
<li>Calista</li>
</ul>
</li>
<li>Geschichten
<ul>
<li>Geschichten</li>
<li>Fortsetzungen</li>
<li>Kurzgeschichten</li>
<li>Charaktere</li>
</ul>
</li>
<li>Admin
<ul>
<li>Aufgaben</li>
<li>Ideen</li>
</ul>
</li>
<li>Credits</li>
</ul>
</div>