Jappycodes

Aus Jappy Wiki
Wechseln zu: Navigation, Suche
! Dieser Artikel bezieht sich noch auf die Jappyversion vor der Umstellung im Herbst 2011.
Einige Darstellungen können von dem abweichen, wie Jappy jetzt in Version 4 aussieht. Die Informationen werden in Kürze aktualisiert.
Aktuelle Informationen zur Umstellung

Bitte entferne diesen Baustein erst, wenn der Artikel vollständig, korrigiert oder überarbeitet ist.
Shy.gif Was man wissen sollte:

Jappycodes dienen der Textgestaltung. Sie sind an den BBCode angelehnt, enthalten aber weniger Möglichkeiten. Ein Jappycode besteht jeweils aus zwei zusammenhängenden Tags.
Tag → engl. für Etikett, Anhänger, Marke, Auszeichner → steht also für die Auszeichnung/Markierung eines Datenbestandes/einer Datei mit zusätzlichen Informationen.
Diese Tags erkennt man an den eckigen Klammern.

Beispiel für einleitenden Tag: [img]
Beispiel für abschließenden Tag: [/img]
Die Groß- und Kleinschreibung wird bei Tags in Jappy nicht unterschieden. [img] ist gleich [IMG], [iMg], [iMG], [Img] usw.

Inhaltsverzeichnis

Textgestaltung

Texte lassen sich mit folgenden Tags formatieren:

[list]Auflistung[/list] erzeugt
  • Eine Auflistung

    [B]fetten Text[/B] erzeugt fetten Text
    [U]unterstrichenen Text[/U] erzeugt unterstrichenen Text
    [I]kursiven Text[/I] erzeugt kursiven Text
    [CENTER]Text zentrieren[/CENTER] erzeugt
    Text zentrieren

    [RIGHT]Text rechts ausrichten[/RIGHT] erzeugt

    Text rechts ausrichten



    Auch die Größe der Schrift lässt sich verändern:

    [size=9]Beispieltext[/size] erzeugt Beispiel
    [size=10]Beispieltext[/size] erzeugt Beispiel
    [size=12]Beispieltext[/size] erzeugt Beispiel
    [size=14]Beispieltext[/size] erzeugt Beispiel
    [size=16]Beispieltext[/size] erzeugt Beispiel
    [size=18]Beispieltext[/size] erzeugt Beispiel
    [size=20]Beispieltext[/size] erzeugt Beispiel
    [size=24]Beispieltext[/size] erzeugt Beispiel
    [size=30]Beispieltext[/size] erzeugt Beispiel
    [size=40]Beispieltext[/size] erzeugt Beispiel

    Wenn du einen Text formatierst, kannst du ihn grundsätzlich in jeder Farbe anzeigen lassen. Hierzu benötigst du nur den Hexadezimalcode deiner Farbe.(z.B. #000000)
    Folgende Farben sind für Texte bereits vorgesehen:

    [color=#000099]Beispieltext[/color] erzeugt dunkelblau
    [color=#0033ff]Beispieltext[/color] erzeugt blau
    [color=#3399ff]Beispieltext[/color] erzeugt hellblau
    [color=#0099cc]Beispieltext[/color] erzeugt türkis
    [color=#00ffcc]Beispieltext[/color] erzeugt helltürkis
    [color=#009900]Beispieltext[/color] erzeugt grün
    [color=#66cc33]Beispieltext[/color] erzeugt hellgrün
    [color=#990000]Beispieltext[/color] erzeugt dunkelrot
    [color=#ff0000]Beispieltext[/color] erzeugt rot
    [color=#ff3300]Beispieltext[/color] erzeugt dunkelorange
    [color=#ff9900]Beispieltext[/color] erzeugt orange
    [color=#ffff00]Beispieltext[/color] erzeugt gelb
    [color=#990099]Beispieltext[/color] erzeugt lila
    [color=#ff66cc]Beispieltext[/color] erzeugt rosa
    [color=#663300]Beispieltext[/color] erzeugt braun
    [color=#999999]Beispieltext[/color] erzeugt grau
    [color=#cccccc]Beispieltext[/color] erzeugt hellgrau

    Man kann auch eine Hintergrundfarben für Texte anlegen:

    [bgcolor=#000099]Beispieltext[/bgcolor] erzeugt dunkelblau
    [bgcolor=#0033ff]Beispieltext[/bgcolor] erzeugt blau
    [bgcolor=#3399ff]Beispieltext[/bgcolor] erzeugt hellblau
    [bgcolor=#0099cc]Beispieltext[/bgcolor] erzeugt türkis
    [bgcolor=#00ffcc]Beispieltext[/bgcolor] erzeugt helltürkis
    [bgcolor=#009900]Beispieltext[/bgcolor] erzeugt grün
    [bgcolor=#66cc33]Beispieltext[/bgcolor] erzeugt hellgrün
    [bgcolor=#990000]Beispieltext[/bgcolor] erzeugt dunkelrot
    [bgcolor=#ff0000]Beispieltext[/bgcolor] erzeugt rot
    [bgcolor=#ff3300]Beispieltext[/bgcolor] erzeugt dunkelorange
    [bgcolor=#ff9900]Beispieltext[/bgcolor] erzeugt orange
    [bgcolor=#ffff00]Beispieltext[/bgcolor] erzeugt gelb
    [bgcolor=#990099]Beispieltext[/bgcolor] erzeugt lila
    [bgcolor=#ff66cc]Beispieltext[/bgcolor] erzeugt rosa
    [bgcolor=#663300]Beispieltext[/bgcolor] erzeugt braun
    [bgcolor=#999999]Beispieltext[/bgcolor] erzeugt grau
    [bgcolor=#cccccc]Beispieltext[/bgcolor] erzeugt hellgrau

    Wiki bastel licht.gifTIPP / HINWEIS Wer möchte, findet HIER viele weitere schöne Farbcodes zum Einbinden in den color- und bgcolor-Tag Smile.gif

    Bilder

    Bilder bindet man mit [img] und [/img] ein. Die URL des Bildes steht zwischen den Tags.

    Beispiel: [img]http://s2.jappy.tv/i/p/pokal_ggb.gif[/img] erzeugt Pokal ggb-1-.gif

    Damit ein Bild auch für andere sichtbar ist, muss es aus dem Internet heraus abrufbar sein. (Merkmal: "http://" steht vor der Bildadresse)

    Zu diesem Thema gibt es ein ausführliches Jappy-Wiki Tutorial: Bilder einfügen

    Es gibt verschiedene Anbieter, die einem kostenlosen Webspace zum Hochladen von Bildern anbieten. Hier eine Auswahl:

    http://www.hostarea.de
    http://www.imageshack.us
    http://www.funpic.de
    http://www.instantgallery.de
    http://www.rapidshare.de
    http://www.666kb.de. (*)
    http://www.250kb.de
    http://www.bilder-hosting.de
    http://tinypic.com
    http://www.directupload.net/

    Wie ihr das Bild dann hochladet, wird euch dort erklärt. Die Lagerzeiten eurer Bilder auf diesen Seiten sind sehr unterschiedlich, bitte darauf achten.
    *) 666kb.de hat eine Bandbreitenbegrenzung eingeführt, die dazu führt, dass Bilder bei manchen Seiten mit viel Traffic (z.B. Jappy) zeitweise oder permanent nicht angezeigt werden. Wähle einfach einen anderen Anbieter.

    Wiki bastel licht.gifTIPP / HINWEIS Wichtig ist, dass du die Jappy-Regeln für Bilder beachtest!

    Ebenso solltest du die Hinweise bezgl. Traffik beachten!!

    Videos

    Man kann -nur- auf seiner persönlichen Seite Videos einbinden, die bei www.youtube.com hochgeladen sind. Das geht mit den Tags [youtube] und [/youtube]. Zwischen den beiden Tags muss man lediglich die Video-ID angeben, nicht die gesamte URL!

    Beispiel: http://youtube.com/watch?v=S97HkgMcXyU
    Die ID ist dann S97HkgMcXyU und der Tag ist entsprechend [youtube]S97HkgMcXyU[/youtube]
    

    Hinweis: Dieser Tag ist nur für die pers. Seite freigegeben.

    Zu diesem Thema gibt es ein ausführliches Jappy-Wiki Tutorial: Video


    Links

    Einen Link erzeugt man mit [url=] und [/url]. Die URL muss dabei hinter das Gleichheitszeichen im eröffnenden Tag. Der Anzeigetext kommt zwischen die Tags.
    Beispiel:
    [url=http://www.jappy.de/infos/impressum]Impressum[/url] erzeugt einen Link zum Impressum. In Jappy werden Links blau und unterstrichen angezeigt.
    Du kannst die Links auch andersfarbig anzeigen lassen, indem du VOR dem Text, welcher den LINK angezeigen soll (im Beispiel das Wort "Impressum"), den Jappycode für die Farbe einträgst (End-Tag aber nicht vergessen).
    Beispiel:
    [URL=http://www.jappy.de/infos/impressum][rot]Impressum[/rot][/URL]
    erzeugt dann das anklickbare Wort Forum in rot.
    Auf die gleiche Weise kannst du mit [IMG] [/IMG] Bilder zum Anklicken einfügen.
    Beispiel:
    [URL=http://www.jappy.de][IMG]http://s1.jappy.tv/i/g/g_schokoriegel.gif[/IMG][/URL]
    würde den G schokoriegel.gif als anklickbaren Link zu Jappy.de anzeigen.

    Wiki bastel licht.gifTIPP / HINWEIS Bitte die Regeln zu Links beachten!
    Der Linkurl bitte immer das www. hinzufügen. http://www.jappy.de. Ansonsten wird die Url nicht korrekt angezeigt.


    Links zur Wiki

    Einen Link von Jappy aus in diese Wiki erzeugt man mit [wiki] und [/wiki]. Zwischen die Tags kommt der Artikelname, also z.B.: [wiki]Link[/wiki]Link
    Beispiel wie solche Links dann bei Jappy aussehen könnten:

    Jappy-wiki-wiki-link.jpg

    Der kleine Wikingerhelm wird dann automatisch generiert.

    Wiki bastel licht.gifTIPP / HINWEIS
    • Beachte die Groß- und Kleinschreibung. [wiki]Aktuelle Ereignisse[/wiki] ist der Artikel Aktuelle Ereignisse, [wiki]Aktuelle ereignisse[/wiki] nicht.
    • Es ist egal, ob man ein Leerzeichen oder den Unterstrich setzt: [wiki]Aktuelle Ereignisse[/wiki] ist gleich [wiki]Aktuelle_Ereignisse[/wiki].

    Zitate

    Ein Zitat erzeugt man mit [QUOTE=] und [/QUOTE]. Der Name des Zitierten muss dabei hinter das Gleichheitszeichen im eröffnenden Tag.

    Beispiel 1

    Zitieren kannst du überall, in Mails, Gästebüchern, Begrüßungstext, persönlichen Seiten: hier ein Beispiel, wenn du den Code von Hand eintragen musst oder möchtest:
    Zitieren2.jpg
    das Ergebnis sieht dann so aus:
    Zitieren.jpg

    Beispiel 2

    hier die Möglichkeit zu zitieren über den Button zitieren:
    Zitieren3.jpg

    praktische Beispiele, wie du diese Codes verwenden kannst

    Bild einfügen

    Jappycodes2.jpg

    versch. Arten, wie du Links einbinden kannst

    Jappycodes3.jpg

    Ticker Jappycodes

    Im Ticker sind nur folgende Jappycodes anwendbar: [b], [i], [url], [center] und [right] sind möglich, sowie [quote] und [list]

    • Tickerjappycodes.JPG
    • ein Zeilenumbruch mit dem Tag <br> oder der ENTERtaste ist nicht möglich.
  • Meine Werkzeuge