. .

Documentation (Alpha)

This is a work in progress. I try to show some of the enhanced typo shortcuts i added. Most likely for now, there won't be much that works, but I should be able to fix that soon.

Some of this you might already know, because it is Spip standard behaviour, but it doesn’t hurt to have all this in one place.

In Spip you can use curly brackets to emphasize text to be displayed as italic or bold. You can also do both italic and bold : {italic}   {{bold}}   { {{italic and bold}} }

You have to keep the space between the brackets when you do italic and bold or else you get a section headline. It is also important to close the tag first that you opend last. So it is:

correct: { {{Kursiv und fett}} }
wrong: { {{Kursiv und fett} }}

Three curly brackets give you a {{{subheadline}}}. Within the Datatrade Website this triggers a column change too.

So whenever you add a sub headline you will find yourself in a new column – the exception of that is the Hardware Section.

A sub headline

In the text you get a couple small extra characters

2 minus sign give you a en-dash --: –

3 minus sign give you a em-dash ---: —

4 minus signs give you a seperating line: ----


A standard button youo can do (for now) with three percent-signs: %%%Button%%%

Button


Tabs

You can do an extra subdivision with tabs. For that you use dollar signs:

$$$Tab 1 title$$
Text in the first tab. Wheeee we have tabs!
$$Tab 2 title$$
Text in the second tab
$$Tab3 title$$
Text in the third tab
$$$

And this is how it looks like:

Tab 1 title

Text in the first tab. Wheeee we have tabs!

Tab 2 title

Text in the second tab We start with the left floating picture than you get with this tag. This works but it is not stlyed correctly yet. This is something I will get get around to and I am only mentioning it here right now so this text will be longer and you see how it wraps around the picture. It is also advisable to have the text long enough between pictures because it simple looks weird when the main text has to float around a picture on the right aswell as one on the left.

Tab3 title

Text in the third tab

Be aware that this is not styled right now, so it will work now but it will look much nicer when I am done.

Pictures

You can add pictures to your article. You already could do that, but now I finally fixed the behaviour with some of the options, so you can use pictures in all different ways now.

A floating picture must get a width assigned that is smaller than the 100% default. You do that by adding a value like 20% as the Image title. If you already have a proper image title you precede that with 20%|.

25%We start with the left floating picture than you get with this <img878|left> tag. This works but it is not stlyed correctly yet. This is something I will get get around to and I am only mentioning it here right now so this text will be longer and you see how it wraps around the picture. It is also advisable to have the text long enough between pictures because it simple looks weird when the main text has to float around a picture on the right aswell as one on the left.

25%A picture on the right you get with the tag <img878|right>. While this works as it should we still need some text to show the wrapping around the picture.

Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext.

Jetzt kommt ein Bild das zentriert im Textfluss gesetzt ist mit: <img878|center>.

25%Wie man sieht beginnt der Text erst darunter. Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext .

Die Bildgröße wird schon im Bild als Titel angegeben in Prozent. Hier: 20% Damit ist das Bild genau 20% der Breite der Textspalte in der das Bild eingefügt wird. Wird das Browserfenster skaliert und die Spaltenbreite verändert sich wird das Bild angepasst. (Sollte jedenfalls - im IE funktioniert das vielleicht nicht, das wird dann aber wieder)


Dokumente

Dokumente sind in SPIP vielfältiger. Bindet man aber ein Bild als Dokument ein, dann wird es genau wie die anderen Bilder skaliert aber es bekommt außerdem eine Bildunterschrift. Die wird direkt beim Dokument eingegeben in das Beschreibungsfeld.

100%

Dokumente werden ansonsten wie Bilder in den Artikel eingefügt. Dieses hier ist links im Textfluß mit <doc879|left>. Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext. Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext.

100%

Dieses hier ist recht im Textfluß mit <doc879|right>. Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext. Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext.

100%

Und dieses hier sitzt zentriert mit <doc879|center>. Wie bei den Bilderan auch ist der Text dann darunter.

Die Bildgröße wird schon beim Dokument als Titel angegeben in Prozent. Hier: 20% Damit ist das Bild genau 20% der Breite der Textspalte in der das Bild eingefügt wird. Wird das Browserfenster skaliert und die Spaltenbreite verändert sich wird das Bild angepasst. (Sollte jedenfalls - im IE funktioniert das vielleicht nicht, das wird dann aber wieder)

Die Beschreibung, die unter dem Dokument angezeigt wird ist auch beim Dokument angegeben im Feld: Beschreibung.

Formulare

Formulare gibt es, die beschreibe ich bald ausführlich.

Ein Beispiel:


Folgendes kommt in Kürze

Diese Sachen hier sind vorgesehen aber noch nicht eingebaut.

Dies ist ein Absatz mit der Auszeichnung: Info

Dies ist ein Absatz mit der Auszeichnung: Erfolg

Dies ist ein Absatz mit der Auszeichnung: Warnung

Dies ist ein Absatz mit der Auszeichnung: Fehler

Aufzählungen

Aufzählungen gibt es, aber da bin ich mir noch nicht sicher, wie die exakt gemacht werden. Also folgt die Beschreibung davon noch ausführlich.

Eine Aufzählung so: -* Punkt 1

  • Punkt 1
  • Punkt 2 mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text
  • Punkt 3
    • Unterpunkt 1
      • Unter-Unterpunkt 1
    • Unterpunkt 2 mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text
    • Unterpunkt 3
  • Punkt 4

Eine numerierte Aufzählung so: -# Punkt 1

  1. Punkt 1
  2. Punkt 2 mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text
  3. Punkt 3
    1. Unterpunkt 1
      1. Unter-Unterpunkt 1
    2. Unterpunkt 2 mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text
    3. Unterpunkt 3
  4. Punkt 4

und noch eine Aufzählung so: - Punkt 1. Diese Art der Aufzählungen geht wohl gerade nicht. Da muss ich mal gucken warum - aber eigentlich will ich die wahrscheinlich auch gar nicht haben...
100% Punkt 1
100% Punkt 2 mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text
100% Punkt 3
– Unterpunkt 1
– - Unter-Unterpunkt 1
– Unterpunkt 2 mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text mit ein bisschen Text
– Unterpunkt 3
100% Punkt 4


Tabellen

Tabellen gehen so:

| Titel 1 | Titel 2 | Titel 3 |
| Ein Text | Zwei Texte, die sind länger | 3 Texte -- das liest doch keiner |
Titel 1 Titel 2 Titel 3
Ein Text Zwei Texte, die sind länger 3 Texte – das liest doch keiner

Fußnoten

Fußnoten gehen auch. Das beschreibe ich später. Warum? [1]


Fazit

Das ist noch alles wirr und nicht so hilfreich, aber ich bin dran :)

Datatrade > — layout informations > Documentation > Documentation (Alpha)