Zeige Ergebnis 1 bis 5 von 5
Autor Thema
  1. ehemaliger Mitarbeiter Benutzerbild von Guppy
    Userid
    53604
    Registriert seit
    06.2007
    Ort
    <.<
    IGN (GW1)
    1st: Guppy Chk[sp] / Jaina Goettliche[LR] - 2nd: Guppys Kommode [sp]

    Tipps zu Formatierungen/Layout/Forums-Funktionen

    #1
    In Foren wie Wartower.de ist es möglich Beiträge mit bestimmten Layouts und Formatierungen zu versehen. Aus Sicherheitsgründen funktioniert dies allerdings nicht mit HTML, sondern man muss auf den so genannten BulletinBoard(kurz BB)-Code zurückgreifen. Dieser ist ähnlich strukturiert wie HTML, der Hauptunterschied zwischen beiden ist die Benutzung eckiger statt spitzer Klammern. Jeder Code wird mit einem einleitenden Tag erzeugt und durch einen abschließenden beendet. Tags werden immer in eckigen Klammern geschrieben, abschließende beginnen mit einem "Slash" /. Beispiel [Code]*Formatierter Text*[/Code]. Um BB-Code effektiv verwenden zu können, solltet Ihr Euren Beitragseditor auf den Standard-Editor umstellen. Dies funktioniert folgendermaßen: Klickt auf der Forenseite oben rechts auf MeinVB. Nun seht Ihr auf der linken Seite unter "Einstellungen & Optionen" die Möglichkeit "Einstellungen ändern". Scrollt dort nach unten zum Punkt "Verschiedene Einstellungen". Ihr seht 3 Möglichkeiten zur Einstellung des "Beitrags-/Nachrichten-Editors". Viele User verwenden WYSIWYG ("What you see is what you get"). Dieser zeigt sofort bei der Eingabe, wie der spätere Text aussehen wird. Leider lassen sich Formatierungsfehler schlecht beheben, da der Code nicht sichtbar ist. Wählt den "Standard-Editor - Zusätzliche Schaltflächen" für eine günstigere Darstellung. Die über dem Textfeld angebrachten Schaltflächen fügen automatisch die entsprechenden Code-Tags in den Text ein, sobald man sie betätigt. Hier findet Ihr eine Auflistung gängiger BB-Codes mit kurzen Erklärungen. Nachfolgend stehen einige Hinweise zu bestimmten Codes mit Anwendungsbeispielen.

    Tipps zu Formatierungen/Layout/Forums-Funktionen
    • Anker
    • Bilder und Videos
    • Einrückungen
    • Expander
    • Gliederung und Listen
    • gwBBCode
    • Spoiler
    • Textformatierung
    • Zitate

    Anker-Funktion
    Erklärung
    Man kann sich diese Funktion folgendermaßen vorstellen: An einer Stelle im Text wird ein so genannter Anker platziert, ein Fixpunkt und an einer anderen ein Verweis auf ihn. Der Verweis hat die Form eines normalen Hyperlinks. Klickt man auf ihn, springt die Ansicht auf den Anker.
    Funktionsweise
    Sie besteht, wie gesagt, aus 2 Teilen, dem Anker und dem Verweis. Der Anker wird mit dem Befehl *Name des Ankers*" /> festgelegt. Er ist im späteren Text nicht sichtbar, sondern nur den Punkt den man sieht sobald man den Verweis auswählt.
    Der Verweis wird mit *Name des Ankers*[/COLOR]]*Text der Verlinkung* angelegt.
    Anwendung
    Da die Anker unsichtbar im Text liegen, kann man in unterschiedliche Sinnabschnitte gegliederte Posts so aufbereiten, dass der Leser sofort zum von ihm gewünschten Thema springen kann, ohne vorher viel zu scrollen. Dies ist unter anderem sehr nützlich für Gliederungen .
    Beispiel
    Am Ende jedes Abschnitts in diesem Thread findet Ihr einen "Zum Anfang "-Anker, welcher Euch wieder zur Eingangs-Gliederung führt.
    Hinweise
    Die Bezeichnungen der Anker sind frei wählbar, allerdings gibt es beim Opera-Browser einen Bug, der bei Zahlen anstatt zum Anker zu den entsprechenden Posts im Thread (1-15) führt, weshalb Worte wie "Einleitung", "Anfang" oder "Build" besser geeignet sind. Man muss jederzeit auf Groß- und Kleinschreibung achten.
    Zum Anfang


    Bilder und Videos
    Erklärung
    Ein Bild sagt mehr als Tausend Worte. Um Posts mit diesen aussagekräftigen Medien zu untermauern, bedarf es nur einiger weniger Befehle. Zuvor sei allerdings gesagt, dass jedes Bild irgendwo im Internet hochgeladen sein muss.
    Funktionsweise
    Bilder, die auf einem Webspace liegen, werden mit [img]*direkter Link des Bildes*[/img] eingefügt. Selbiges gilt für Youtube-Videos: [youtube]*Video-ID*[/youtube]. Es darf nur die Buchstaben/Zahlen-Kombination nach der URL benutzt werden.

    Vertraut Ihr fremdem Webspace nicht, können Bilder auch direkt ins Forum geladen werden. Scrollt dazu beim Posten unter die Textbox, in der Euer Text steht und klickt auf den Button "Anhänge verwalten". Nun öffnet sich ein Pop-Up-Fenster, in welchem Ihr Eure Dateien uploaden und die Richtlinien für jeden erlaubten Dateityp einsehen könnt. Bilder, die zu groß für das Forenlayout sind, werden automatisch verkleinert und als so genannte Thumbnails angezeigt. Die Dateien werden gewöhnlich ans Ende eures Posts gestellt, Ihr könnt sie aber auch in den fließenden Text einbauen. Dazu benötigt Ihr die so genannte Attachment-ID der Datei und die Befehle [attach]*Attach-ID*[/attach]. Wenn Ihr auf die hochgeladene Datei klickt, erkennt Ihr im Link, welcher zu ihr führt, unter anderem den Abschnitt attachmentid=*Attach-ID*. Kopiert diese und fügt sie in den BB-Code ein.

    Wollt Ihr Smileys verwenden, bietet Euch der Wartower einige zur Auswahl. Diese könnt Ihr ebenfalls als BB-Code in den Text einbauen. Rechts neben Eurem Beitragseditor sind einige häufig verwendete bereits angezeigt. Klickt auf eines und der entsprechende Befehl erscheint im Text. Hier seht Ihr eine Auflistung aller von uns angebotenen. Wollt Ihr, dass sie NICHT als Bild, sondern Textsmiley erscheinen, setzt ein Häkchen unterhalb des Beitragseditors bei "Graphische Smileys deaktiveren".
    Hinweise
    Achtet die Forenregeln! Zu große Bilder, die via [img] eingefügt wurden, könnten das gesamte Layout des Forums in die Breite ziehen, was nicht nur unschön aussieht, sondern auch den Lesefluss stört. Nutzt in diesem Fall entweder kleinere Bilder oder die Möglichkeiten der [attach]-Funktion.
    Zum Anfang


    Einrückungen
    Erklärung
    Einrückungen verschieben den Text weg vom Rand um ihn so optisch von Überschriften abzugrenzen. Für den BB-Code verwendet man die englische Bezeichnung
    *eingerückter Text*
    .
    Beispiel
    Alle Anschnitte dieses Textes sind mit Einrückungen versehen.
    Zum Anfang


    Expander
    Erklärung
    Expander sind eine praktische Möglichkeit, um lange Texte zu verstecken, die nicht für jeden Leser interessant sind, zum Beispiel Hintergrundinformationen oder generelle "Walls of Text", die abschrecken könnten. An Stelle des Textes erscheint ein , auf das man klicken kann, wenn man wissen möchte, was dort steht. Ist es uninteressant, so lässt es sich mit einem Klick auf das wieder verstecken.
    Funktionsweise
    Der Expander wird mit einem
    [COLOR="red"   [COLOR="red"
     
    [COLOR="red"   [COLOR="red"
     
    gesetzt wird. Innerhalb der Expander können weiterhin alle normalen BB-Codes verwendet werden, auch verschachtelte Expander.
    Beispiel   Beispiel
     

    Zum Anfang


    Gliederungen und Listen
    Erklärung
    Gliederungen dienen der Übersicht in längeren Texten. In Verbindung mit Ankern erleichtern sie dem Leser die Navigation und verschaffen ihm die Möglichkeit genau das zu lesen, was ihn gerade interessiert.
    Funktionsweise
    Gliederungen lassen sich am besten mit den
    1. *Parameter*[/COLOR]]
    -Parametern verwirklichen. Diese ordnen alle Einträge der Liste (sie werden mit [*] als solche gekennzeichnet) hinter eingerückten Aufzählungszeichen an. Ihr müsst folgende Parameter eingeben, um die jeweils gewünschten Aufzählungszeichen zu erhalten:
    • Kein Parameter oder eine 0 erstellt Punkte:
      • Diese ändern ihr Aussehen mit steigender Verschachtelungstiefe
    • Ein Buchstabe (außer I) führt zu Buchstaben in alphabetischer Reihenfolge:
      1. Kleinbuchstabe
      1. Großbuchstabe
    • Ein I zu römischen Ziffern in aufsteigender Reihenfolge:
      1. klein
      1. groß
    • Alles weiteren zu aufsteigenden arabischen Zahlen:
      1. 1-9, Sonderzeichen, mehrere Zeichen
    Beispiel
    Die Gliederung am Anfang dieses Posts wurde mit den folgenden Befehlen erstellt:

    [list]
    [*][toanker=anker][B]Anker[/B][/toanker]
    [*][toanker=bilder][B]Bilder und Videos[/B][/toanker]
    [*][toanker=einrückung][B]Einrückungen[/B][/toanker]
    [*][toanker=expander][B]Expander[/B][/toanker]
    [*][toanker=gliederung][B]Gliederung[/B][/toanker]
    [*][toanker=gwbbcode][B]gwBBCode[/B][/toanker]
    [*][toanker=spoiler][B]Spoiler[/B][/toanker]
    [*][toanker=text][B]Textformatierung[/B][/toanker]
    [*][toanker=zitat][B]Zitate[/B][/toanker]
    [/list]
    Zum Anfang


    gwBBCode
    Erklärung
    Eine ausführliche Anleitung zur Verwendung dieses Code findet Ihr hier.
    Hinweise
    Nutzt ihn im Fließtext niemals als Bildchen, sondern immer nur als Text, ein Bild zerreißt die Übersicht, den Fluss des Textes. Nutzt die Bilder an Stellen, wo sich kein Text verschiebt, als Auflockerung und Visualisierung. Solltet Ihr einen Fehler in einer Fertigkeit finden, meldet sie bitte hier. Danke!
    Zum Anfang


    Spoiler
    Erklärung
    Spoiler dienen ähnlich wie Expander zur Versteckung von Text, allerdings mit der Absicht Erklärungen oder Aussagen, die für manche Leute die Spannung gegenüber bestimmten Sachen wie Filmen oder Büchern verderben könnten, unoffensichtlich zu machen. Es erscheint ein leeres Kästchen in der Länge versteckten Textes. Sobald man mit der Maus in dieses klickt, erscheint der Text und verschwindet, sobald man die Taste loslässt.
    Funktionsweise
    Der Text wird innerhalb von -Tags geschrieben. Die meisten gängigen BB-Codes können innerhalb des Kästchens benutzt werden, allerdings werden Bilder (z.B. Smileys) nicht versteckt.
    Spoiler:
    *klick*
    Zum Anfang


    Text-Formatierungen
    Erklärung
    Buchstaben und Wörter können, wie in bekannten Schreibprogrammen, mit speziellem Aussehen formatiert werden, um sie vom restlichen Text abzuheben, zum Beispiel Überschriften oder wichtige Wörter, wie ihr sie hier überall seht. Im folgenden werden die wichtigsten Formatierungen genannt:
    Funktionsweise

    *Text* - Fettschrift (engl. "bold")
    *Text* - Kursivschrift (engl. "italics")
    *Text* - Unterstreicht den Text

    [size="*Größe*"]*Text*[/size] - Schriftgrößen von 1-7, die Standardgröße ist 2

    [color="*Farbe*"]*Text*[/color] - erzeugt verschiedene Schriftfarben, im nachfolgenden Expander zu sehen:

    Schriftfarben   Schriftfarben
     

    [font="*Schriftart*"]*Text*[/font] - Hiermit sind verschiedene Schriftarten möglich, die Ihr im folgenden Expander finden könnt:

    Schriftarten   Schriftarten
     

    *Link*[/COLOR]]*Text der Verlinkung* - Erzeugt einen Hyperlink, beispielsweise Wartower.de.
    Bilder können ebenfalls als Verlinkung dienen.


    Die folgenden 3 Befehle richten den Text zu verschiedenen Seiten hin aus:

    *Linksbündiger Text*
    *Zentrierter Text*
    *Rechtsbündiger Text*
    Hinweise
    Achtet darauf, dass Euer Text nicht zu überladen wirkt. Weniger ist mehr. Benutzt Ihr zu oft zu viele verschiedene Formatierungen, wird es für die Augen anstrengend den Text zu lesen. Versucht ähnliche Themenkomplexe auch ähnlich darzustellen. Überschriften die auf derselben Gliederungsebene stehen, sollten gleich aussehen und sich von anderen Ebenen optisch unterscheiden. Benutzt möglichst Standard-größen/schriftarten/farben. Neben dem Standard "Hellem" Forenstil gibt es noch den "Dunklen". Viele, vor allem dunkle, Farben lassen sich dort schlecht erkennen und umgekehrt. Die unformatierte Standard-Farbe wird im hellen Style schwarz, im dunklen weiß dargestellt. Wollt Ihr euer Design umstellen, findet Ihr unterhalb der Editor-Einstellung eine entsprechende Option.
    Zum Anfang


    Zitate
    Erklärung
    Um den Post von jemandem zu zitieren, klickt auf den -Button am Ende jenes Posts. Automatisch werden
    Zitat:

    Zitat von [COLOR="red"
    *Name des Zitierten*[/COLOR];Nummer seines Posts]*Text des Zitats*

    -Tags gesetzt. Später wird der Text zwischen 2 parallelen Linien mit einem Hinweis, dass es sich um ein Zitat handelt, angezeigt. Mit einem Klick auf das -Icon gelangt Ihr zu dem zitierten Post. Name und Nummer des Postes müssen nicht angegeben werden, allerdings erscheint dieser Anker dann nicht. Der zitierte Text kann auch verändert werden. Ein Beispiel:
    Zitat:

    Zitat von Guppy Beitrag anzeigen
    Dies ist ein Zitat dieses Posts

    Hinweise
    Habt Ihr den Standard-Editor aktiviert, könnt ihr auch den BB-Code des Zitierten sehen. Falls Euch also interessiert wie jemand einen Text formatiert hat klickt auf den Button und seht es auch an
    Zum Anfang
    _______________
    MfG Guppy

    Arroganz ist mein Schild, Zynismus mein Schwert - Vertrauen meine Achillisferse - Neugier, Hingabe und Leidenschaft was mich im Leben hält.
    Die Wahrheit ist das, was wir für uns selbst als "wahr" definieren, auch wenn wir wissen, dass es nicht der Realität entspricht.
    ؟ (nur zum kopieren, falls ich es mal dringend brauche)
    Geändert von anpera (05.07.2013 um 13:59 Uhr)

  2. Maguuma Warrior Benutzerbild von LawLiPop
    Userid
    66843
    Registriert seit
    12.2007
    #2
    Klasse Guide. Da hast du dir echt meinen Respekt verdient!
    _______________
    IGN: Sara Jery oder Deathly Element
    Geändert von LawLiPop (23.12.2010 um 23:47 Uhr)

  3. Minotaur
    Userid
    92943
    Registriert seit
    08.2009
    Ort
    Birkenfeld
    #3
    Prima Guide, Guppy! Speziellen Dank für deine Anmerkung beim Thema gwBBCode Das würde nämlich wirklich stören.

    Ich hab mir das in die Lesezeichen gelegt, damit ich es bei Bedarf nutzen kann.

    Super Arbeit! (Wie man's von dir gewohnt ist - siehe deine anderen Guides!)

  4. Skeleton Sorcerer Benutzerbild von Lestardo
    Userid
    88731
    Registriert seit
    04.2009
    #4
    kann leider meine youtube videos nicht einbinden - woran kann das liegen? rechtschreibfehler ausgeschlossen, da ich ihn per copy & paste eingefügt habe und mehrmals überprüft habe -.-

    http://www.youtube.com/watch?v=RdhxKwHw0io

    vllt kann mir jmd helfen?

    (youtube)RdhxKwHw0io(/youtube)

    selbstverständlich normalerweise mit eckigen klammern

    problem hat sich selbst gelöst o0 vllt musste wartower nur erst den code umsetzen und es hat n paar sekunden gedauert kA^^ bin verwirrt
    _______________
    Geändert von Lestardo (08.03.2011 um 16:38 Uhr)

  5. Ehrenmitglied
    Matschmagier™
    Benutzerbild von DeBussy
    Userid
    23518
    Registriert seit
    04.2006
    IGN (GW1)
    De Bussy
    #5
    [YOUTUBE]RdhxKwHw0io[/YOUTUBE]

    [YOUTUBE]RdhxKwHw0io[/YOUTUBE] - funktioniert bei mir ganz normal.
    _______________
    Dies war ein PRIVATER Fan-Account. Alle Beiträge spiegeln lediglich die Meinung seines Benutzers wieder.
    Der Account ist nicht länger in Gebrauch. Bitte nehmt künftig mit Ramon Domke Kontakt auf.

Alle Zeitangaben in WEZ +2. Es ist jetzt 04:57 Uhr.
Zeige Ergebnis 1 bis 5 von 5
Gehe zu:
Nach oben

Lesezeichen

Forumregeln

  • Es ist dir nicht erlaubt, neue Themen zu verfassen.
  • Es ist dir nicht erlaubt, auf Beiträge zu antworten.
  • Es ist dir nicht erlaubt, Anhänge hochzuladen.
  • Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
  •