Hinweis: Dieses Feature funktionieren nur in der PC-App vollständig. Für Nutzer anderer Clients wird statt einem Button ein unformatierter Link angezeigt.

Buttons

Im Chat können auch Buttons dargestellt werden. Ein Button wird mit dem KCode °>{button}$PROPERTIES<°erstellt und enthält Eigenschaften ($PROPERTIES) mit denen verschiedene Attribute des Buttons definiert werden.

Die Eigenschaften Zeichenen sich meist durch ein NameValue-Pair aus was den jeweiligen Eigenschaftennamen sowie deren Wert (Value) beinhalten. Bis auf zwei erforderliche Standardparameter werden Eigenschaften mit |Name|Value getrennt.

Das erste Beispiel zeigt einen Button mit dem Erforderlichen Text sowie eine eindeutige ID. Beide Felder können auch leer sein.

°>{button}Doppelt D|0<°
°>{button}David & Daniel|<°

Befehl setzen

Der Button hat derzeit noch keine Funktion. Diese können wir zum Beispiel mit dem NameValue-Pair |call|$COMMAND setzen. $COMMAND kann ein Chatbefehl sein oder auch eine http:// bzw. https:// URL.

°>{button}James küssen|0|call|/kiss James<°
°>{button}James küssen||call|/kiss James<°

Aktivieren / Deaktivieren

Es gibt auch Fälle in dem man einen Button deaktivieren möchte, damit der Nutzer diesen nicht anklicken kann. Hierfür kann mit |enabled|0 oder |enabled|1 der Button-Status verändert werden.

°>{button}Deaktiviert||enabled|0<°

Icon

Mit dem NameValue-Pair |icon|$IMAGE kann ein Icon vor dem Text gesetzt werden. Standardmäßig wird hier der pics/ Ordner von Knuddels genutzt. Möchte man ein eigenes Bild von der App nutzen so kann mittels ../ eine URL genutzt werden.

°>{button}Hallo Smiley||icon|../http://apps1.knuddels.biz/app/....../icon.png<°
°>{button}Hallo Smiley||icon|sm_00.gif<°

Größe

Ein Button kann mit |width|$WIDTH und |height|$HEIGHT von der Größe verändert werden.

°>{button}großer Button||width|200|height|30<°
°>{button}kleiner Button||width|110|height|18<°

Textschatten

Durch |textshadow|1 kann ein Textschatten aktiviert werden.

°>{button}Textschatten||textborder|1<°

Farben / Stile

Man kann einen Button auch von der Farbe sowie vom Stil ändern. Hierfür gibt es die Eigenschaft |color|$STYLE. $STYLE kann verschiedene Werte besitzen.

Möchte man eine eigene Farbe definieren, so geschieht dies durch die Gradient (Farbverlauf). Dieser wird mit RGB-Werten versehen und definiert die Farbe von oben, der mitte sowie unten. Die RGB-Farbwerte werden durch das Zeichen ~ getrennt.

// Beispiel anhand eines komplett roten Buttons mit den Werten "255,0,0~255,0,0~255,0,0"
°>{button}roter Button||color|255,0,0~255,0,0~255,0,0<°

Um den Farbverlauf noch einmal genauer zu erläutern haben wir dir hier ein Regenbogen-Button erstellt. Der Wert lautet 255,0,0~0,255,0~0,0,255 und ist wie folgt aufgebaut:

• Farbe oben 255,0,0
• Trennzeichen ~
• Farbe mitte 0,255,0
• Trennzeichen ~
• Farbe unten 0,0,255

Das Ergebnis lässt sich sehen, und vielleicht baust du damit ja eine tolle Regenbogen-App

°>{button}Regenbogen||color|255,0,0~0,255,0~0,0,255<°

Anstelle einer Gradient kann aber auch eine vordefinierte Farbe verwendet werden. Knuddels stellt hierzu folgende Stile zur verfügung: