Tutorials

von **Yoshi**Di Apr 19, 2016 7:00 pm

Tutorials

Kleine Hilfeleistung gefällig? Hier findest du ein paar Tipps und Tricks, die dir die Benutzung des Forums erleichtern können. Die Tutorials werden in sporadischen Zeitabständen erweitert. Die Schwierigkeit ist jeweils in eckigen Klammern rechts vom Namen in "⧱" angegeben; ein "⧱" bedeutet, dass keine Vorkenntnisse vorhanden sein müssen, während Tutorials mit bis zu 5 ⧱ bereits ein umfassenderes Verständnis von HTML5 und CSS3 voraussetzen.

1. Farbcode in einen HTML-Tag verpacken [⧱]

2. "Richtiges" HTML verwenden [⧱⧱]

3. Beiträge retten [⧱]

4. Avatare bestmöglich darstellen [⧱]

5. Richtig Bildquellen angeben [⧱]

6.1 E-Mails & Benachrichtigungen [⧱]

6.2 Toolbar-Benachrichtigungen [⧱]

7 Postcodes speichern und benutzen [⧱]

Falls ihr hier ein Tutorial vermisst, Verbesserungsvorschläge habt oder gerne die Anleitung zu etwas forumspezifischem haben wollt, PN an mich.

von **Yoshi**Di Apr 19, 2016 7:39 pm

#1 Farbcode in einen HTML-Tag verpacken [⧱]

Damit man nicht jedes Mal den vollen Farbnamen neu schreiben muss, kann man sich die Farbe auch im CSS definieren. Dazu kopiert ihr folgenden Code und passt den gecapslockten Inhalt an:

Code:: <style>SHORTCUT { color: FARBE }</style>

Anwenden könnt ihr euren Code anschliessend in euren Posts folgendermassen:

Code:: "<Shortcut>Direkte Rede.</Shortcut>"

Für "Shortcut" verwendet ihr irgendein beliebiges Wort oder Buchstabenkombination, es muss lediglich dasselbe wie im ersten Code SHORTCUT sein. Den Code selbst setzt ihr in einen Beitrag ein; es spielt dabei keine Rolle, ob dies am Anfang oder am Ende geschieht. Einmal in einen Beitrag eingefügt, "wirkt" der Code auf einer ganzen Forumseite, sprich: All eure Beiträge in einer Threadseite können die von euch erstellte Elementeigenschaft benutzen.

von **Yoshi**Mi Apr 20, 2016 3:41 pm

#2 "Richtiges" HTML verwenden [⧱⧱]

Einigen mag es sicherlich gewiss aufgefallen sein: Der forumieren-Editor ist ziemlich eigen, was HTML-Zeilenumbrüche anbelangt, weswegen eine übersichtliche Strukturierung des Codes kaum möglich ist. Dieses Tutorial zeigt eine Lösung auf, die jedoch eher unpraktisch für Posts ist, aber zumindest bei Steckbriefen und Themen wie Relations helfen kann. Manch einer wird den iframe-Tag womöglich bereits kennen, für andere kann dieses Tutorial trotzdem noch ganz nützlich sein.

Um HTML in einen Beitrag mit dem iframe einbinden zu können, muss euer HTML-Code zunächst irgendwo extern hochgeladen werden. Ihr könnt dafür einen freien Webspacehoster wie beispielsweise bplaced nutzen und könnt eure HTML Dateien dann jeweils lokal bearbeiten und anschliessend mittels eines FTP Programms hochladen, was dann auch hier in eurem eingebundenen Beitrag aktualisiert wird. (Sollte das Bedürfnis nach solch einem Tutorial bestehen, einfach mich kontaktieren.) Alternativ könnt ihr euren HTML Code aber auch mir per PN in einem Code-Tag zusenden und ich werde eine Forum-HTML-Seite erstellen, durch die ihr eure Datei verlinken könnt. Das Problem hierbei wäre die Wartung; ihr müsstet immer zuerst einen Admin kontaktieren und ihm die aktuelle Version zusenden, damit der Code geupdatet wird. Für Steckbriefe steht jedoch nur diese Option zur Verfügung.

Ist eure HTML-Datei im Netz hochgeladen, könnt ihr diese folgendermassen in einen Beitrag einbinden:

Code:: <iframe src="LINKZUMHTML" frameborder="0" scrolling="no" id="uframe"></iframe>

Um die Höhe des Frames anzupassen, habt ihr zwei Möglichkeiten:

1. Mittels CSS. Dazu fügt ihr anstelle des Codes oberhalb folgenden Code ein:

Code:: <iframe src="LINKZUMHTML" frameborder="0" scrolling="no" id="uframe" style="position: static; height: HÖHE;"></iframe>

2. Zeilenumbrüche. Nachdem ihr den iframe-Code eingefügt habt, wird der Frame so hoch, wie euer Beitrag, sprich: Fügt so lange leere Zeilen ein, bis die gewünschte Höhe erreicht ist.

von **Yoshi**Mi Apr 20, 2016 3:41 pm

#3 Beiträge retten [⧱]

Es kann passieren, dass einem manchmal ein Beitrag noch vor dem Posten versehentlich gelöscht wird (zum Beispiel durch Aktualisieren der Seite) und man dann alles noch einmal schreiben muss. Damit euch das in Zukunft nicht mehr passiert, verweise ich auf das praktische Add-On Lazarus, das eure Beiträge rettet, sollten sie verloren gegangen sein.
Hinweis: Dies funktioniert nur mit Beiträgen, die nach der Installation von Lazarus geschrieben worden sind.

Die Benutzung ist relativ simpel:
1. Installiert Lazarus. (Chrome | Firefox)

2. Sollte ein Beitrag verloren gegangen sein, navigiert zurück zum Editortextfeld (wo ihr den Beitrag eintippt) und dann könnt ihr euren Beitrag entweder per Rechtsklick (Firefox-Version) oder mittels eines Klicks oben rechts (SCREEN Chrome) wiederherstellen. Eure Beiträge sind dann jeweils dort aufgelistet und ihr könnt den verlorengegangenen auswählen.

Lazarus lässt sich zum Beispiel auch prima dazu nutzen, vorherige RPG Posts in den Editor einzufügen, sodass ein Zitieren zum Benutzen des eigenen Postdesigns nicht notwendig ist.

von **Yoshi**So Mai 22, 2016 8:27 pm

#4 Avatare bestmöglich darstellen [⧱]

Avatare können auf fünf verschiedene Arten eingefügt werden:

Avatar mit "Face your Manga" gestalten
Avatar vom eigenen Computer hochladen
Avatar von einer URL hochladen
Externen Avatar verlinken

Ich gehe auf jede Methode kurz ein und erkläre, warum man am besten einen Avatar extern verlinken sollte, falls man keinen von "Face your Manga" verwendet.

Avatar mit "Face your Manga" gestalten
Den Avatar hier selbst zu gestalten hat vor allem einen entscheidenden Vorteil: Ihr werdet auf keinen Fall Copyrightbeschwerden erhalten, da der Avatar von euch gemacht wurde und forumieren mit den Machern von "Face your Manga" eine Art Partnerschaft besitzt. Avatar gestalten und dann auf den grünen Button "Upload your profile" klicken; erledigt!

Avatar vom eigenen Computer hochladen oder Avatar von einer URL hochladen
Diese beiden Methoden wurden zusammengefasst, da sie im Endeffekt dasselbe bewirken: Der Avatar wird quasi im Forum gespeichert. Daher kann die Datei nicht allzu gross sein und die Breite des Avatars wird automatisch an die eingestellte Breite für Avatare des Forums angepasst. Diese beiden Methoden sind nicht zu empfehlen, da es bei den Bildern zu Qualitätsverlust führen kann.

Externen Avatar verlinken
Empfohlene Methode. Fügt den Link des Avatarbildes in das entsprechende Feld ein. Bei dieser Methode gibt es nur einen Haken: forumieren passt die Grösse des Bildes nicht automatisch an, also muss das Bild bereits den in den Regeln festgelegten Maßen entsprechen.

von GastSa Nov 19, 2016 10:49 pm

#5 Richtig Bildquellen angeben [⧱]

Gerne nutzt man für seine Bilder in Steckbriefen oder aber für Avatare und Signaturen, Fanarts von seiner gewählten Avatarperson. Einige benennen dafür auch gerne die Künstler dieser Bilder, allerdings sollte man stets bedenken, dass Seiten wie Zerochan, Pinterest, WeHeartIt oder Photobucket keine legitimen Quellen sind. Auf benannten Seiten laden Dritte die Bilder hoch, um sie zu verbreiten. Meist ist dies von den Künstlern nicht einmal gewünscht.

Die Quelle - und damit den originalen Künstler - herauszufinden, ist aber gar nicht so schwierig. Dafür gibt es einige Hilfsseiten, wie etwa:
• Saucenao
• Tineye
• Google Bilder

Die Suche per Saucenao ist ziemlich einfach. Dazu ladet ihr das Bild bei saucenao hoch. Die Seite gleicht das hochgeladene Bild ab und spuckt in den meisten Fällen dann auch ein Ergebnis samt Verlinkung zum Künstler aus. Vor allem, wenn das Original von pixiv stammt, ist saucenao sehr hilfreich.

Sollte Saucenao kein Ergebnis ausspucken, könnt ihr es immer noch über Tineye oder Google Bilder versuchen. Dazu ladet ihr erneut das Bild bei Tineye oder Google Reverse Image Search hoch. Grundsätzlich funktionieren Tineye und Google Reverse Image Search genauso wie Saucenao. Allerdings ist Saucenao in den meisten Fällen bei der Angabe des Künstlers weitaus präziser. Tineye und Google spucken ebenfalls Seiten aus, die das gesuchte Bild nur verwenden. Man bekommt also mehrere Quellen vorgelegt.
In dem Fall lohnt es sich, die Quellen einmal genauer anzusehen und zu differenzieren, ob das Bild nur von jemandem gerepostet oder gerebloggt wurde. Auch die Verwendung mehrerer Bildsuchseiten können helfen, Aufschluss darüber zu geben, von wem das Bild stammt.

Wie in den Beispielbildern ersichtlich, stammt das Bild, das ich zur Veranschaulichung verwendet habe, vom Pixivuser ekm, der auch auf Tumblr als ekmkmekmkm oder auf Twitter als @ekmkm vertreten ist. Diese drei Seiten wären also legitime Quellen, da sie dem Künstler gehören; also direkt ersichtlich ist, wer der Urheber dieses Bildes ist.
Auf Seiten wie Zerochan oder Pinterest ist dies nicht sofort ersichtlich, weshalb sie als Angabe des Künstlers nicht herangezogen werden sollten. Es wäre schlicht eine falsche Angabe.

Zerochan ist eine sehr beliebte Quelle für Bilder und gerade Zerochan macht es in vielen Fällen auch einfach, den richtigen Künstler anzugeben, da in den Tags oftmals der Name des Künstlers oder sogar seine Pixiv ID angegeben sind, wie hier im Beispiel zu sehen. Es ist ein Leichtes den genannten Namen oder die ID in die Google Suche zu kopieren und damit auf die richtige Seite des Künstlers zu kommen.

Bedenkt bitte, dass die User, die auf Zerochan oder den anderen oben benannten Seiten, Bilder hochladen, in den meisten Fällen nicht die Künstler der Bilder sind - sie verbreiten sie lediglich weiter.

von GastDo Jan 19, 2017 11:11 pm

#6.1 E-Mails & Benachrichtigungen [⧱]

Für jeden Account, den man im Forum anlegt, benötigt man eine E-Mail Adresse. Wenn ein Account mit einer E-Mail Adresse existiert, kann kein zweiter Account mit derselben Adresse erstellt werden. Das kann problematisch sein, wenn man mehrere Charaktere spielen möchte und damit mehrere Accounts anlegen muss.
Tatsächlich lassen sich die E-Mail Adressen von Accounts aber auf bereits bestehende E-Mail Adressen umschreiben. Habt ihr euren Hauptaccount beispielsweise auf der E-Mail Adresse muster@muster.de und euren Zweitaccount auf der Adresse sample@sample.com, könnt ihr einen Administrator darum bitten, die E-Mail Adresse eures Zweitaccounts auf die des Hauptaccounts umzuschreiben, sodass beide eurer Accounts auf der Adresse muster@muster.de laufen.
Dies können jedoch nur Administratoren über den Adminbereich tun. Eine kurze PN an ein Teammitglied mit der Nachricht, auf welche Adresse ihr eure Accounts umschreiben lassen wollt, genügt also schon.

Beim Registrieren im Forum gibt es ein paar Voreinstellungen, die manchem User eventuell sauer aufstößen könnten, da sie dafür sorgen, dass man vom Forum regelrecht mit Mails voll gespammt wird. Die Einstellungen lassen sich jedoch relativ einfach vornehmen.

Im Profil unter Einstellungen findet ihr folgende Option:

Standardmäßig steht die Option auf Ja und bedeutet, dass der Haken bei den Beitragsoptionen; sprich immer wenn ihr eine Antwort verfasst oder ein Thema eröffnet; angekreuzt ist:

Dadurch erhaltet ihr jedes Mal, wenn jemand in dem Thema, in dem ihr einen Beitrag verfasst habt, antwortet, eine Benachrichtigung per E-Mail.

Ihr findet im Profil unter Benachrichtigungen auch weitere Optionen, über die ihr euch per E-Mail benachrichtigen lassen könnt. Etwa, wenn ihr eine Private Nachricht oder Freundschaftsanfragen erhaltet. Auch hier sind die Voreinstellungen dementsprechend, dass man eine Benachrichtigung wünscht, kann die Haken aber auch jederzeit rausnehmen, um es zu beenden.

Grundsätzlich empfiehlt es sich also, wenn man keine E-Mail Benachrichtigungen wünscht, zunächst einmal entsprechende Einstellungen im Profil vorzunehmen und die Benachrichtigung auf Nein zu stellen bzw. die entsprechenden Häkchen herauszunehmen.

Eine E-Mail Benachrichtigung; sofern ihr regelmäßig eure E-Mails überprüft; kann jedoch auch große Vorteile haben. Ins Besondere bei Arenakämpfen oder wenn ihr nicht allzu häufig ins Forum schaut, kann es sinnvoll sein, entsprechende Themen, in denen ihr postet, zu abonnieren.

Dies könnt ihr auf zwei Arten tun:
1. Ihr setzt den entsprechenden Haken in den oben dargestellten Beitragsoptionen. »Screenshot«
2. Ihr klickt auf den Link "Antworten zu diesem Thema beobachten" zwischen der Seitenanzahl der Threads und der Expressantwort. »Screenshot«

Möchtet ihr ein Thema nicht mehr beobachten, könnt ihr das Abo auch ganz schnell wieder löschen. Ebenfalls auf zwei Arten:
1. Ihr geht ins Profil auf Beobachtete Themen und löscht eure Beobachtungen darüber. »Screenshot«
2. Ihr klickt den selben Link an, wie auch schon zum Themen beobachten. »Screenshot«

Ihr könntet auch jeden Beitrag einzeln editieren und den entsprechenden Haken herausnehmen, dies empfiehlt sich jedoch nicht, da es, je nach Anzahl der Posts, sehr lange dauern kann und sehr umständlich ist.

von GastDo Nov 30, 2017 11:11 pm

#6.2 Toolbar-Benachrichtigungen [⧱]

Anknüpfend an die Benachrichtigungen über E-Mail, gibt es auch die Möglichkeit, sich über die sogenannte Toolbar benachrichtigen zu lassen. Die Toolbar des Forums findet ihr am linken Bildschirmrand zwischen den Navigationspfeilen. Sie sieht wie folgt aus:

Die Glocke dient hier als Toolbar, die über neue Freundschaftsanfragen, Beiträge, PNs und Ähnliches benachrichtigen kann. Sollte es etwas Neues geben, wird das Glockensymbol wie folgt rot und zeigt an, dass es noch neue Benachrichtigungen gibt:

Zudem ploppt ebenfalls eine Nachricht auf, die Meldung darüber gibt:

Ihr könnt die Benachrichtigungen abrufen, indem ihr auf das Glockensymbol klickt:

Nachrichten, die noch nicht über das Benachrichtigungsmenü abgerufen wurden, werden fett markiert und zeigen an, dass sie neu sind. Mit einem Klick auf die Links gelangt ihr sofort zu eurem Posteingang oder dem beobachtetem Thema und markiert damit auch automatisch die Benachrichtigung als gelesen.

Benachrichtigungen können mittels des roten X neben der angezeigten Nachricht, gelöscht werden. Eine weitere Möglichkeit wäre, sie über das Profil zu löschen, zu finden unter Benachrichtigungen:

Hier findet ihr auch die Option, zu entscheiden, auf welchem Wege ihr über neue Nachrichten und Antworten in beobachteten Themen, benachrichtigt werden wollt. Ihr könnt euch per E-Mail oder über diese Toolbar benachrichtigen lassen:

Ihr könnt frei entscheiden, ob ihr benachrichtigt werden möchtet und auf welchem Weg dies geschehen soll. Eine Benachrichtigung über Toolbar ist vor allem interessant, wenn man einen Überblick darüber behalten möchte, wo der Schreibpartner bereits geantwortet hat.
Ins Besondere für Liga-Mitglieder oder Herausforderer ist die Möglichkeit, die eigenen Arenakampfthemen zu beobachten und benachrichtigt zu werden, wenn eine Antwort geschrieben wurde, sinnvoll und kann dabei helfen, keine Fristen zu verpassen.

Themen zu beobachten funktioniert in diesem Fall genauso wie in 6.1 beschrieben. Es müssen lediglich die entsprechenden Einstellungen wie im Bild vorgenommen werden.

von **Yoshi**Mo März 25, 2019 3:09 pm

#7 Eigene Postcodes speichern [⧱⧱]

Das Tool um eure Postdesigns/codes zu speichern und benutzen, findet ihr auf der rechten Seite des Beitrageditors:

Grundsätzliches

Wie auch schon der Accountwechsler und Rechner speichert dieses Tool eure Daten lokal im Browser. Wenn ihr also eure Browser-Daten löscht, PC oder Browser wechselt, werdet ihr eure bisherigen Codes nicht verwenden können.

Codes hinzufügen

Wenn ihr das Tool zum ersten Mal nutzt oder einen anderen Browser oder gar PC verwendet, werdet ihr diese Ansicht sehen:

Klickt auf

um einen Code hinzufügen.
Jetzt solltet ihr die folgende Ansicht haben:

Unter "Code Name" könnt ihr dem Code einen Namen geben. Unter diesem wird der Code dann auch anschliessend auf der Liste angezeigt. In diesem Feld könnt ihr ruhig auch BB-Code oder HTML benutzen (so habe ich zum Beispiel das Typ:Null im ersten Bild eingefügt).
Zum Beispiel mit

Code:: <editor_button>B</editor_button>

fügt ihr einen Editorbutton im Style des forumieren Editors ein.

B

Unter Code folgt der Code, der nach dem Klick des Buttons/Texts in Editor eingefügt werden soll (ähnlich wie zum Beispiel der Steckbriefbutton "Stecks" oben links vom Editor).
Wichtig: Wenn ihr einen Editor Code erstellt, muss er folgendes Format besitzen:

Code:: <htmltagsgehenauch>[tags]BOWTEXT[/tags]</htmltagsgehenauch/>

BOWTEXT wird vom Programm erkannt, sodass die Markierfunktion richtig ausgeführt wird und das Programm weiss, was es vor und was nach dem markierten Text kommt.

Zu guter Letzt könnt ihr noch zwischen Editor Code und Post Code wählen. Editor Code ist Code, der wie der bisherige Editor funktioniert:
1) Ihr markiert Text, dann klickt ihr auf den Button. Die Tags werden um den Text herum eingefügt. (nützlich, wenn man das Sprechen des Charakters zum Beispiel mit Farbe versehen hat)
z.B

Code:: Post bliblablub. [b]markierter Text[/b] blibablbaub, hier ist noch mehr vom Post.

2) Ihr klickt auf den Button ohne Markierung, die Tags, werden ans Ende des Editors angefügt.

Code:: Hier ist ein Post, bliblablub. [b][/b]

Post-Code funktioniert fast exakt wie zum Beispiel der Stecks-Button. Ihr klickt auf diesen Code und er wird im Editor dort eingefügt, wo sich euer Cursor gerade befindet.

Codes benutzen

Um einen von euch gespeicherten Code im Editor einzufügen, müsst ihr auf den Code Namen klicken. Ich habe in meinem Beispiel die verschiedenen Code Namen jetzt mal rot unterstrichen:

Andere Features

Das Bleistift-Icon lässt euch eure gespeicherten Codes editieren. Es öffnet sich wieder der Editor, dieses Mal aber nur mit dem Code Namen und dem Code Feld. Euer bisheriger Name und Code wird bereits eingefügt sein.

Das Pfeil-Icon ist für die (ziemlich verbuggte) Drag and Drop Funktion. Solltet ihr die Reihenfolge der Code-Namen-Liste ändern wollen, könnt ihr die Codes hoch- und runterziehen.

Das Minus-Icon löscht den jeweiligen Code.

von Gesponserte Inhalte

Tutorials

Farbcode in einen HTML-Tag verpacken

Re: Tutorials

Re: Tutorials

Re: Tutorials

Re: Tutorials

Re: Tutorials

Re: Tutorials

Re: Tutorials

Re: Tutorials