SongBeamer HTML: Unterschied zwischen den Versionen
| Zeile 7: | Zeile 7: | ||
Ein '''einleitendes Tag''' besteht aus den größer / kleiner Zeichen (<BEFEHL>) die den eigentlichen Befehl umschließen. Es muss jeweils vor und nach den Zeichen stehen, die Sie formatieren möchten. Das Tag wird wieder ausgeleitet, in dem vor dem Befehl ein Schrägstrich </BEFEHL> gestellt wird. | Ein '''einleitendes Tag''' besteht aus den größer / kleiner Zeichen (<BEFEHL>) die den eigentlichen Befehl umschließen. Es muss jeweils vor und nach den Zeichen stehen, die Sie formatieren möchten. Das Tag wird wieder ausgeleitet, in dem vor dem Befehl ein Schrägstrich </BEFEHL> gestellt wird. | ||
| − | In diesem Beispiel ist das Wort <nowiki><b>'''fett'''</b></nowiki> | + | In diesem Beispiel ist das Wort <nowiki><b></nowiki>'''fett'''<nowiki></b></nowiki> fettgeschrieben |
Die einzelnen Tags können verschachtelt werden, um z.B. ein Wort fett, unterstrichen und andersfarbig darzustellen. | Die einzelnen Tags können verschachtelt werden, um z.B. ein Wort fett, unterstrichen und andersfarbig darzustellen. | ||
| Zeile 40: | Zeile 40: | ||
Weiß: $FFFFFF | Weiß: $FFFFFF | ||
| − | Die | + | Jeweils zwei Hexadezimalziffern stehen für eine Farbe, hier in der Reihenfolge blau grün rot. Die rote Farbe wird als Beispiel mit 00 Blauanteil, 00 Grünanteil und FF Rotanteil angegeben. Um Ihre eigenen Farben zu verwenden, benötigen Sie ein Grafikprogramm, z.B. Paint und den Taschenrechner in der Wissenschaftlichen Ansicht. |
| + | Öffnen Sie Paint und wechseln Sie in das Menü '''Farben -> Palette bearbeiten'''. Klicken Sie jetzt auf '''Farben definieren'''. Wählen Sie sich jetzt die Farbe Ihrer Wahl aus. | ||
| − | + | [[Bild:farben.png|framed|none|Farbauswahl in Paint]] | |
| + | |||
| + | In den drei rechten Eingabefeldern sehen sie die Werte für den Rot, Grün und Blauanteil Ihrer gewählten Farbe. Diese Werte sind jedoch Dezimalwerte und müssen mit dem Rechner in hexadezimale Werte umgewandelt werden. Notieren Sie sich deshalb Ihre drei Werte. | ||
| + | |||
| + | Wechseln Sie jetzt in den Rechner in der wissenaschaftlichen Ansicht und klicken auf das Optionsfeld '''Dez'''. Fangen Sie mit dem Blauwert an und geben Sie den dezimalen Wert in das Eingabefeld ein. Klicken Sie jetzt auf das Optionsfeld '''Hex''' und Ihr Wert wird in hexadezimaler Schreibweise dargestellt. Für den dezimalen Wert 242 wird der hexadezimale Wert F2 ausgegeben: | ||
| + | |||
| + | [[Bild:rechner.png|thumb|framed|none|Der Rechner in der wissenschaftlichen Ansicht]] | ||
| + | |||
| + | Verfahren sie mit den verbleibenden zwei Werten genauso und reihen Sie die hexadezimalen Werte in der Reihenfolge blau - grün - rot hintereinander. In unserem Beispiel kommen für die Werte B:242 G:98 R:11 folgende Werte heraus: B: F2 G:62 R:B | ||
| + | Da die Angaben immer zweistellig sein müssen, setzen Sie bei einstelligen Ergebnissen einfach ein Null (0) voranstehend mit dazu. Unser Endergebnis für die Farbe Blau lautet also: F2 62 0B | ||
| + | |||
| + | Und diese Farbe bauen wir jetzt in unseren Text mit ein: | ||
| + | |||
| + | <nowiki><c:$F2620B>...</c></nowiki> | ||
| + | |||
| + | <font color="#0B62F2">Mit diesem riesigen Aufwand ist es uns nun möglich, sämtliche Computerfarben darzustellen. Toll!</font> | ||
Sie können auch die folgenden englischen Farbkonstanten verwenden: | Sie können auch die folgenden englischen Farbkonstanten verwenden: | ||
Version vom 22:12, 15. Apr 2007
auch Einträge finden, die Sie in den Grundfunktionen finden.) |
Mit Hilfe von HTML-Tags können viele weitere Formatierungen im Song genutzt werden. Natürlich muss man diese nicht unbedingt kennen. Fortgeschrittene Anwender werden diese aber sicher zu schätzen wissen.
SongBeamer HTML kann in vielen Eingabefeldern für Text genutzt werden. So können Sie ihre Mitteilungen anders zu gestalten indem sie HTML-Tags einbauen oder durch einen HTML-Tag die Position der Texte auf dem Ausgabebildschirm anders anordnen.
Um z.B. ein Wort in einem Satz fett zu schreiben, muss der Befehl vor dem fett zuschreibenden Wort eingeleitet und nach dem Wort wieder ausgeleitet werden.
Ein einleitendes Tag besteht aus den größer / kleiner Zeichen (<BEFEHL>) die den eigentlichen Befehl umschließen. Es muss jeweils vor und nach den Zeichen stehen, die Sie formatieren möchten. Das Tag wird wieder ausgeleitet, in dem vor dem Befehl ein Schrägstrich </BEFEHL> gestellt wird.
In diesem Beispiel ist das Wort <b>fett</b> fettgeschrieben
Die einzelnen Tags können verschachtelt werden, um z.B. ein Wort fett, unterstrichen und andersfarbig darzustellen.
Formatierunsmöglichkeiten
horizontale Ausrichtung (left = links; center = zentriert, right = rechts)
<align:l|left|e|c|center|r|right|k|keep>
vertikale Ausrichtung (top = oben; middle = mittig; bottom = unten)
<valign:t|top|m|middle|b|bottom>
Fett Das ist Fett
<b>...</b>
Kursiv Das ist Kursiv
<i>...</i>
Unterstrichen Das ist Unterstrichen
<u>...</u>
Farbiger Text Zum Beispiel so: Beispiel
<c:$000000>...</c> oder <c:clRed>Roter Text</c>
Die Farbkonstanten entsprechen Farbwerten von Windows.
Beispiele sind:
Schwarz: $000000 Rot: $0000FF Grün: $00FF00 Blau: $FF0000 Gelb: $00FFFF Weiß: $FFFFFF
Jeweils zwei Hexadezimalziffern stehen für eine Farbe, hier in der Reihenfolge blau grün rot. Die rote Farbe wird als Beispiel mit 00 Blauanteil, 00 Grünanteil und FF Rotanteil angegeben. Um Ihre eigenen Farben zu verwenden, benötigen Sie ein Grafikprogramm, z.B. Paint und den Taschenrechner in der Wissenschaftlichen Ansicht. Öffnen Sie Paint und wechseln Sie in das Menü Farben -> Palette bearbeiten. Klicken Sie jetzt auf Farben definieren. Wählen Sie sich jetzt die Farbe Ihrer Wahl aus.
In den drei rechten Eingabefeldern sehen sie die Werte für den Rot, Grün und Blauanteil Ihrer gewählten Farbe. Diese Werte sind jedoch Dezimalwerte und müssen mit dem Rechner in hexadezimale Werte umgewandelt werden. Notieren Sie sich deshalb Ihre drei Werte.
Wechseln Sie jetzt in den Rechner in der wissenaschaftlichen Ansicht und klicken auf das Optionsfeld Dez. Fangen Sie mit dem Blauwert an und geben Sie den dezimalen Wert in das Eingabefeld ein. Klicken Sie jetzt auf das Optionsfeld Hex und Ihr Wert wird in hexadezimaler Schreibweise dargestellt. Für den dezimalen Wert 242 wird der hexadezimale Wert F2 ausgegeben:
Verfahren sie mit den verbleibenden zwei Werten genauso und reihen Sie die hexadezimalen Werte in der Reihenfolge blau - grün - rot hintereinander. In unserem Beispiel kommen für die Werte B:242 G:98 R:11 folgende Werte heraus: B: F2 G:62 R:B Da die Angaben immer zweistellig sein müssen, setzen Sie bei einstelligen Ergebnissen einfach ein Null (0) voranstehend mit dazu. Unser Endergebnis für die Farbe Blau lautet also: F2 62 0B
Und diese Farbe bauen wir jetzt in unseren Text mit ein:
<c:$F2620B>...</c>
Mit diesem riesigen Aufwand ist es uns nun möglich, sämtliche Computerfarben darzustellen. Toll!
Sie können auch die folgenden englischen Farbkonstanten verwenden: clBlack, clMaroon, clGreen, clOlive, clNavy, clPurple, clTeal, clGray, clSilver, clRed, clLime, clYellow, clBlue, clFuchsia, clAqua, clWhite
Texthöhe x (in Pixeln von 0-1024)
<h:x>...</h>
Textgröße x
<s:x>...</s>
Automatischer Zeilenumbruch
<wordwrap>...</wordwrap>
Neue Zeile
<br>
Neuer Absatz
<p>
Durchstreichen Durchgestrichen
<strike>...</strike>
Tiefgestellt Jetzt ist's unten
<sub>...</sub>
Hochgestellt Und jetzt ist's oben
<super>...</super>
Zeilenabstand 1.0 = Normal
<linespacing:x.x>
Trennstrich (wenn zwei Akkorde zu dicht aufeinander folgen wird hier getrennt)
<->
Anzeigen von Sonderzeichen
<&at> : @ <<> : < <>> : >
Bild im Text
<img:Dateiname.jpg>
Hier müssen Sie aber den vollen Dateipfad angeben.
Beispiel: C:\Dokumente und Einstellungen\User\Desktop\Ankündigung1.png
Absolute X-Position
<posx:x>
- Tipp
Die Tags </h> </c> können auch mit </h:x> aufgerufen werden, wobei x der neue Wert ist. Das hat den Vorteil dass der Tag nicht mehr geschlossen werden muss.
