• Herzlich Willkommen!

    Nach der Schließung von inDiablo.de wurden die Inhalte und eure Accounts in dieses Forum konvertiert. Ihr könnt euch hier mit eurem alten Account weiterhin einloggen, müsst euch dafür allerdings über die "Passwort vergessen" Funktion ein neues Passwort setzen lassen.

    Solltet ihr keinen Zugriff mehr auf die mit eurem Account verknüpfte Emailadresse haben, so könnt ihr euch unter Angabe eures Accountnamens, eurer alten Emailadresse sowie eurer gewünschten neuen Emailadresse an einen Administrator wenden.

[Guide] Guides, selbst gemacht (für Anfänger)

vauge

Well-known member
Registriert
23 Dezember 2006
Beiträge
1.278
Punkte Reaktionen
0
:hy: Noch in Bearbeitung (siehe unten: ToDo-Liste). So funktioniert z.B. noch nahezu kein Link!

[color=32CD32][Gui[color=54C629]de] G[/color][color=76BF21]uide[/color][color=98B919]s, s[/color][color=BAB210]elbs[/color][color=DCAB08]t gem[/color][color=FFA500]acht[/color]
[color=FFA500]¯¯¯¯[/color][color=DCAB08]¯¯¯[/color][color=BAB210]¯¯¯¯[/color][color=98B919]¯¯¯[/color][color=76BF21]¯¯¯¯[/color][color=54C629]¯¯¯[/color][color=32CD32]¯¯¯¯[/color]
[/color]
0. Inhaltsverzeichnis
  1. Was sind Guides?

       1. Definitionen
       2. Wofür brauche ich Guides?

  2. Was für gestalterische Möglichkeiten habe ich? (Teil I)

       1. [b], [i] und [u]
       2. [color=Farbe]
       3. [font=Schriftart]
       4. [size=Schriftgröße]
       5. Sonstiges: [Unique], [Set], [center]

  3. Was für gestalterische Möglichkeiten habe ich? (Teil II)

       1. [IMG]Bildname[/IMG]
       2. [URL=www.google.de]Linkname[/URL]
       3. Sonstiges: Codes, Php und Quotes

  4. Wie baue ich einen Guide auf?

       1. Überschrift & Unterüberschrift
       2. Inhaltsverzeichniss
       3. Tabellen & Zitate
       4. Normaler Text und Links
       5. Bilder
       6. Schlussworte
       7. Beispiele: Guides lesen

  5. Nützliche Links

       1. Signaturenguide - Wissenswertes über Signaturen
       2. RGB-Codes: Funktionen und Anwendungen
       3. Farbüberläufe, automatisch generiert
       4. Umrechnung: Ziffer -> nbsp
http://planetdiablo.eu/forum/images/profile.gif Hinweis: Grüne, unterstrichene Texte sind Links. Per Klick auf diese Texte springst Du zum entsprechenden Kapitel.
 
1. Was sind Guides?
  • 1. Definitionen

    Was versteht man eigentlich unter einem Guide? Das Wörterbuch sagt uns...
    Code: 
    guide		das Handbuch
guide	 	der Leitfaden
guide	 	das Lineal
guide	 	die Orientierungshilfe	
guide	 	der Reiseführer	
guide	 	die Richtschnur	
guide	 	der Richtwert
    Nun, die Bezeichnungen "Leitfaden", "Handbuch" oder "Orientierungshilfe" treffen es recht gut.
    Im Prinzip ist ein Guide ein Handbuch, welches einen bestimmten Charaktertyp, eine bestimmte Verwendung eines Items o.ä., oder, in unserem Falle, die Erstellung eines Guides erklärt. Dabei befasst der Guideersteller sich meist intensiv mit einem Thema, und informiert nachher interessierte Leser in einem Handbuch über seine entdeckungen.

    http://planetdiablo.eu/forum/images/profile.gif Hinweis: Im Guide werde ich gar nicht oder nur sehr kurz auf die Inhalte eines Guides eingehen. Dieser Guide befasst sich viel mehr mit dem Layout eines Guides. Und wo wir gerade beim Thema Layout sind: Der allgemeinste, vielleicht aber auch wichtigste Tipp: Korrekte Rechtschreibung. Es macht dem Leser viel mehr Spaß, einen Guide zu lesen, wenn Groß- und Kleinschreibung sowie der neueste Stand der deutschen Rechtschreibung im Großen und Ganzen beachtet wurde.

    Die Inhalte solch eines Guides sind meißtens neue Entdeckungen, neue Charakterideen, oder Tipps, nach denen sehr häufig gefragt wird.

    ¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
    http://planetdiablo.eu/forum/images/icons/icon3.gif Merksatz: Guides sind digitale Handbücher, die von Usern geschrieben wurden, die sich mit einer bestimmten Materie auskennen.

    ¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]

    2. Wofür brauche ich Guides?

    Eigentlich sollte sich diese Frage nach aufmerksamem Lesen des obigen Kapitels bereits geklärt haben.
    Da diese Frage jedoch schon fast obligatorisch ist, und bei all meinen bisherigen Guides gestellt wurde, soll sie auch hier nicht fehlen:
    Der Schreiber braucht seine Guides für virtuelles Ansehen :clown:, Zeitvertreib, als Beweis seines "Könnens", weil sie ihm Spaß machen, oder einfach als "Übung".
    Der Leser braucht Guides, um sich über Themen zu informieren, die ihn interessieren. Und damit hast Du Kapitel 1 auch schon erfolgreich hinter dir.

    http://planetdiablo.eu/forum/images/profile.gif Hinweis: Es ist dir vielleicht schon aufgefallen, neben den roten "Hinweisen" gibt es auch noch "Merksätze". Diese findest Du am Ende der meisten Kapitel. Darin wird das gelernte auf knappeste Weise zusammengefasst. Später gibt es auch noch "Übungen". Diese helfen Dir, das Gelernte anzuwenden.
 
2. Was für gestalterische Möglichkeiten habe ich? (Teil I)
  • 1. [b], [i] und [u]

    Endlich wird es interessant!
    Aber bevor wir loslegen können, muss leider erst eine kleine Einführung kommen:

    Wenn man Text formatieren (im weitesten Sinne: "ändern") will, so geschieht das mit dem sogenannten "vB Code".
    Die drei einfachsten Möglichkeiten, einen Text mittels vB Code zu ändern, ist, ihn "fett", "unterstrichen" oder "kursiv" darzustellen.

    Wir nehmen uns also das Textstück: "Hallo Welt!", und wollen dieses Stück fett, unterstrichen und kursiv darstellen. Öffne deinen Browser ein weiteres Mal, mache irgendwo einen neuen Post, und gebe dort das hier ein:

    [b]Hallo Welt![/b]

    Klicke dann auf "Vorschau", das Ergebnis:

    Hallo Welt!

    Der Text ist fett. "b" erzeugt einen fetten Text. Wenn ein Text also formatiert werden soll, müssen vor und nach dem Text jeweils [Formatierungsart] und [/Formatierungsart] stehen.
    Wir merken uns:
    Code: 
    [b]Code		Ergebnis	Bezeichnung[/b]
[[i][/i]b]Text...[/b]	[b]Text...[/b]		Bold
[[i][/i]i]Text...[/i]	[i]Text...[/i]		Italic
[[i][/i]u]Text...[/u]	[u]Text...[/u]		Underline
    http://planetdiablo.eu/forum/images/profile.gif Hinweis: Natürlich lassen sich b, i und u auch kombinieren. So wird der Text [b][i][u]Text[/u][/i][/b] zum Beispiel als Text dargestellt.

    ¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
    http://planetdiablo.eu/forum/images/icons/icon3.gif Merksatz: Wird ein Text formatiert, so geschieht das in der Form [Formatierungsart]Text[/Formatierungsart]. Bisher wissen wir, dass b den Text fett, u den Text unterstrichen und i den Text kursiv macht.

    ¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]

    2. [color=Farbe]

    Du hast es im Laufe dieses Guides sicher bemerkt, Texte lassen sich auch farbig darstellen. Das geschieht durch "color". Wie bei "b", "i" oder "u" sieht der Code wie folgt aus:

    [color]Text[/color]

    Irgendwoher muss der Browser nun aber die Information nehmen, was für eine Farbe verwendet werden soll. Deshalb wird im [color] noch zusätzlich die Information der Farbe abgespeichert. Das sieht dann so aus:

    [color=red]Text[/color] = Text

    Normale Farbbezeichnungen sind zum Beispiel: orange, red, green, blue, white, black, purple, yellow, dark-blue, orange-red [...].
    Eine Liste all dieser Farben gibt es hier

    Mehr zu Farben findest Du im Kapitel 5.2 Nützliche Links - RGB-Codes.

    3. [font=Schriftart]

    Hier gibt es eigentlich nichts zu sagen. Funktioniert genau wie der Color-Tag, bloss dass nach dem Gleichheitszeichen "=" die Schriftart definiert wird. Ein simples Beispiel:

    [font=courier]Text in Courier[/font] = Text in Courier

    4. [size=Schriftgröße]

    Auch hier gibt es kaum etwas zu sagen. Die Schriftgröße ist eine Zahl zwischen 1 und 8, wobei neben den natürlichen Zahlen (1, 2, 3, 4, 5, 6, 7, 8) auch noch halbe Zahlen (0,5, 1,5, 2,5, 3,5 [...]) verwendet werden können.
    Normalerweiße wird so formatiert:
    Code: 
    [b]Texttyp[/b]			[b]Schriftgröße[/b]
Notizen / Hinweise	1
Normaler Text 		2 (Standarteinstellung)
Überschriften		5 - 8
Unterübers.		3 - 5
    Sonstiges: [Unique], [Set], [Center]

    Wie "b", "i" und "u", also ohne ein Gleichheitszeichen zur exakteren Wertübergabe, funktionieren "Unique", "Set" und "Center".

    Probieren wir die Wirkung einfach einmal aus:

    [unique]Magierfaust[/unique]
    [set]Sanders Riprap[/set]
    [center]Und nochmals Text...[/center]

    Das Ergebnis:

    Magierfaust
    Sanders Riprap
    Und nochmals Text...​

    Klicke einmal auf Unique und einmal auf Set. Dann sollte alles selbsterklärend sein: Unique gibt dem Text die Farbe eines Uniques (in Diablo II LoD) und ist gleichzeitig ein Link auf das entsprechende Unique, Set funktioniert identisch, allerdings mit Setitems, und Center richtet einen Text zentral aus.
    Besonders center ist häufig zu gebrauchen.
 
3. Was für gestalterische Möglichkeiten habe ich? (Teil II)
  • 1. [IMG]Bildname[/IMG]

    Auch dieses Kapitel erklärt sich fast von selbst: Das Einfügen von Bildern. Dazu ist der IMG-Tag zuständig. Allerdings wird zwischen [IMG] und [/IMG] keineswegs Text, sondern die Link-Adresse des Bildes geschrieben.

    Probieren wir das einmal mit dem Smiley ":p". Dieser hat die Adresse http://planetdiablo.eu/forum/images/smilies/tongue.gif.

    Das heisst:

    [IMG]http://planetdiablo.eu/forum/images/smilies/tongue.gif[/IMG] = http://planetdiablo.eu/forum/images/smilies/tongue.gif

    Auf diese Art und Weise kann jedes beliebige, sich im Internet befindende Bild eingebaut werden.

    [URL=www.google.de]Linkname[/URL]

    Ein wenig komplizierter ist der URL-Tag. Zunächst schauen wir einmal, was zwischen [URL] und [/URL] geschrieben wird. Dazu ein Test:

    [URL]Text[/URL] = Text

    Es erzeugt also einen Link mit dem Namen "Text". Aber wieder: Woher weiss der Browser, auf welche Seite verlinkt werden soll? Dazu dient erneut das Gleichheitszeichen "=", indem innerhalb des [URL]-Tags mit "=Linkadresse" die Linkadresse definiert wird. Also:

    [URL=www.google.de]Text[/URL] = Text.

    Klick einmal auf den Link: Du gelangst zur Seite www.google.de.

    3. Sonstiges: code, php und quote

    Code, php und quote haben eines gemeinsam: Sie werden nicht für einzelne Wörter, sondern für ganze Textblöcke genommen. Php ist für uns völlig unwichtig, uns interessiert nicht, warum vB Codes wirken, wie sie wirken, sondern dass sie wirken, wie sie wirken :clown:
    Bleiben also code und quote. Quote wird für Zitate verwendet, spielt also in Guides auch keine große Rolle. Trotzdem ein Beispiel:

    [QUOTE]Text1.
    Text2.
    Text3.[/QUOTE]

    =
    Text1.
    Text2.
    Text3.
    Zum Vergrößern anklicken....
    Als letztes bleibt noch "Code". Der Code sieht ähnlich aus wie der Quote, hat aber diverse Unterschiede:
    1. Über der Linie steht Code und nicht Quote :p
    2. Der Text innerhalb eines Codes ist in der Schriftart Courier
    3. Innerhalb von Codes wird der Tabulator akzeptiert (mehr dazu in Kapitel 4.3 - Tabellen).
    Auch noch ein Beispiel für den Code:

    [CODE]Text1.
    Text2.
    Text3. [/CODE]

    =
    Code: 
    Text1.
Text2.
Text3.
 
4. Wie baue ich einen Guide auf?

1. Überschrift & Unterüberschrift

http://planetdiablo.eu/forum/images/profile.gif Hinweis: Vielleicht noch kurz ein allgemeines Wort: Der eigentliche Guide beginnt erst jetzt. Alles bisherige waren mehr oder weniger Grundlagen. Insofern: Wenn dir alles, was bis jetzt erwähnt wurde, bekannt war: Nicht wundern! Um die eigentliche Formatierung geht es erst jetzt.

Was Überschriften und Unterüberschriften sind, ist klar. Zunächst widmen wir uns der Hauptüberschrift. In Kapitel 2 haben wir verschiedene Möglichkeiten festgestellt, diese Überschrift zu gestalten.
In diesem Guide zum Beispiel ist die Hauptüberschrift "b" und in Size 7. Der Farbverlauf wurde mit Hilfe von mfb's Excel-Sheet für Farbüberläufe erstellt (siehe: Nützliche Links).
Die Überschrift eines Guides ist immer das dominanteste, wichtigste und hervorstechendste.
Das heisst, kein Text im ganzen Guide ist so groß wie die Überschrift. Wenn du über ein Grafikprogramm verfügst, kannst du natürlich auch künsterlische Überschriften machen, wie zum Beispiel in meinem Zealassinen-Guide.

Eine der schwierigsten Fragen: Kommt eine Überschrift in den "center"-Tag oder nicht?
Unmittelbar nach der Überschrift folgt idR das Inhaltsverzeichnis, deshalb hängen Inhaltsverzeichnis und Überschrift bezüglich des Center-Tags voneinander ab.
So sieht die Überschrift zum Beispiel ein etwas alleine im Raum aus, wenn sie im Center, aber das Inhaltsverzeichnis links ist:

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Überschrift​

Inhaltsverzeichnis:
Kapitel
Kapitel
Kapitel
Kapitel

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]

Wesentlich besser sieht es da ohne Center aus...

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Überschrift

Inhaltsverzeichnis:
Kapitel
Kapitel
Kapitel
Kapitel

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]

... oder gar, wenn alles im Cener steht:

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]​
Überschrift​


Inhaltsverzeichnis:
Kapitel
Kapitel
Kapitel
Kapitel​
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]​
Prinzipiell entstehen bei center-Tags häufig Gebilde wie im 1. Beispiel. Wenn der Text nach dem Center entweder bis ans Zeilenende geht, oder auch im Center steht, ist das Center (meiner Meinung nach) schöner als eine rechtsbündige Ausrichtung. Steht der Text unter der Überschrift allerdings nicht im Center und geht höchstens bis zur Hälfte der Zeile, so würde ich den Center-Tag bei der Überschrift weglassen.
Überschrift gibt es nur eine, das heisst, hier gibt es nur die Möglichkeiten: Center, oder kein Center.
Unterüberschriften gibt es allerdings mehrere. Ganz wichtig, hier: Entweder stehen alle Unterüberschriften im Center, oder keine.
Das bringt uns auch schon zum nächsten Thema, den Unterüberschriften: In diesem Guide wurden sie mit "u", "b", "size=3" und "color=limegreen" dargestellt.

Sie sollten immer mindestens eine Zeile Abstand zum Text unterhalb, und 1 - 2 Zeilen Abstand zum Text oberhalb haben.

Dabei kann es ganz unterschiedlich viele Unterüberschriften geben. Je untergeordneter eine Unterüberschrift ist, desto kleiner und unauffälliger soll sie werden. Ein Beispiel:

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Überschrift

Kapitel 1

Kapitel 1.a

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText

Kapitel 1.b

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText

Kapitel 2

Kapitel 2.a

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText

Kapitel2.a.1

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText

Kapitel 2.a.2

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]

Durch unterschiedliche Größen wird hier sofort klar, wann ein neues Kapitel, wann ein neues Unterkapitel und wann ein neues Unter-Unterkapitel beginnt.

2. Inhaltsverzeichnis

Im Inhaltsverzeichnis muss wieder genau das beachtet werden, was gerade besprochen wurde.
Je untergeordneter eine Überschrift ist, desto kleiner ist sie. Für obiges Beispiel wäre ein Inhaltsverzeichnis:


¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Inhaltsverzeichnis

Kapitel 1
  Kapitel 1.a
  Kapitel 1.b

Kapitel 2
  Kapitel 2.a
    Kapitel2.a.1
    Kapitel 2.a.2

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]

http://planetdiablo.eu/forum/images/profile.gif Hinweis: Der Browser kann mehrere Leerzeichen nacheinander nicht darstellen. Aus 10 Leerzeichen wird also ein einziges! Um das zu Umgehen, können Leerzeichen auch als   geschrieben werden. "  " entspricht also "  "!

Wenn nun jedes Überkapitel in einem neuen Post erstellt wurde, so kann auf "Kapitel 1" und "Kapitel 2" auch noch ein Link zu den jeweiligen Posts gesetzt werden (wie es in diesem Guide zum Beispiel gemacht wurde).

3. Tabellen & Zitate

Handeln wir zunächst schnell die Zitate ab: Diese werden eigentlich nur gebraucht, wenn sie eine Aussage zitieren und ihre eigene Meinung dazu schreiben wollen. Dazu brauchen wir wie gewohnt den QUOTE-Tag. Wenn Du willst, kannst du im QUOTE-Tag in der ersten Zeile auch noch den Autor des Zitates hinschreiben. Ein Beispiel, wie es in einem Guide stehen könnte:

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Zitat von vauge
Der Smiley :p ist übrigens besser als alle anderen Smileys!!!
Zum Vergrößern anklicken....
Das ist ein Irrtum, auch wenn viele Leute dieser Meinung sind.
Im Folgenden werden wir uns näher mit Smileys befassen [...]

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]

Zugegebenermaßen, das war ein unglaublich blödes Beispiel. Aber ich hoffe, der Sinn von Quotes ist klar geworden.

Also: Nächstes Thema, Tabellen. Du erinnerst dich hoffentlich noch an den CODE-Tag aus Kapitel 3? Der wird hier gebraucht.

Als Hinweis wurde gerade vorhin erwähnt, dass alle Browser nur ein Leerzeichen anzeigen können. 10 Leerzeichen werden also als 1 Leerzeichen dargestellt. Nicht so im CODE-Tag.

tab.gif


Das ist der Tabulator. Er erzeugt einen immer gleich bleibenden Abstand, und auch er ist nur im CODE-Tag möglich. Damit lassen sich Tabellen ganz einfach erstellen:

Code: 
[b]Arg1[/b]	[b]Arg2[/b]
Farbe:	Rot
Seiten:	92
Form: 	Viereck
Man sieht: Obwohl "Farbe", "Seiten" und "Form" alle unterschiedlich lange Begriffe sind, sind "Rot", "92" und "Viereck" auf selber Höhe. Das schafft der Tabulator.
So können auch kompliziertere Tabellen als die obige erstellt werden.

4. Normaler Text und Links

Ein ganz kurzes Kapitel, schließlich ist das alles schon bekannt.
Normaler Text wird einfach überhaupt nicht formatiert. Meistens. Eine Ausnahme gibt es. den "LIST"-Tag.
Der List-Tag verschiebt einen Text um ~ 10 Leerzeilen nach Rechts. So kann Text aus Designgründen eingerückt werden (so wurde es auch in diesem Guide gemacht).

Text ohne List:

Das ist ein Text.
Das ist ein Text.
Das ist ein Text.

Text mit List:
  • Das ist ein Text.
    Das ist ein Text.
    Das ist ein Text.
List wird, wie "b", "i" und "u", einfach um den Text herum gesetzt, also z.B. [list]Text[/list].

Auch Links sind bekannt. Sie werden hier nur wegen einer kleinen Besonderheit noch einmal erwähnt: Wenn Du Links farbig machen willst, so muss der [COLOR]-Tag nach dem [URL]-Tag kommen!

5. Bilder

Was das Uploaden und die Größeneinstellungen von Bildern angeht, so gibt es im Hilfe-Forum wunderbare Threads.
Allerdings muss eine Sache beachtet werden: Bilder, die einfach irgendwie in der Landschaft hängen, sehen besch... eiden aus. Deshalb:
1. Benutze Google! Suche dir einen schönen Rahmen, und baue diesen Rahmen um das Bild herum. Das wirkt viel professioneller.
2. Überlege dir bei jedem Bild, es in einen center-Tag zu packen.
Das kann manchmal viel besser aussehen.

6. Schlussworte

Ich bin kein Fan von großen Reden. Umso schwerer fällt es mir bei meinen Guides, Schlussworte zu verfassen.
In den meisten Schlussworten wird einfach einigen Leuten gedankt, die bei der Erstellung des Guides geholfen haben. Dabei wird jede Person als Unterüberschrift dargestellt.
Also kommen wir nochmals auf das Beispiel von vorhin (4.1 - Unterüberschriften) zurück:

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Überschrift

Kapitel 1

Kapitel 1.a

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText

Kapitel 1.b

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText

Kapitel 2

Kapitel 2.a

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText

Kapitel2.a.1

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText

Kapitel 2.a.2

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText

// Dieser Teil ist neu:

Kapitel 3: Danksagung

Username

Ich danke "Username", weil er dies und jenes getan hat.

Username 2

Ich danke "Username 2", weil er dies und jenes getan hat.

Username 3

Ich danke "Username 3", weil er dies und jenes getan hat.

[...]

¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]

7. Beispiele: Guides lesen

Ein Tipp, um Guidegestaltung zu lernen: Klickt bei irgendwelchen Guides auf "Zitieren". Dadurch könnt ihr euch den Quelltext anschauen.
Durch studieren eben dieses Quelltextes lernt man am besten, wie man seinen Guide später gestalten möchte.
 
5. Nützliche Links
  • 1. Signaturenguide - Wissenswertes über Signaturen

    Ein weiterer Guide aus meiner Feder. Hat eigentlich relativ wenig mit Guides zu tun, aber auch hier wird intensiv auf unterschiedliche Formatierungen eingegangen. Zusätzlich werden dort "Alt-Codes" und "RGB-Codes" erklärt, die auch in Guides wichtige Rollen spielen können.

    2. RGB-Codes: Funktionen und Anwendungen

    Ein Auszug aus oben genanntem Signaturguide. Mittels RGB-Codes lassen sich Farbübergänge generieren und Farben genau bestimmen.

    3. Farbüberläufe, automatisch generiert

    Ein Excel-Sheet zur Generierung von Farbüberläufen. Vorraussetzung: Das Kapitel RGB-Codes aus dem Signaturenguide.

    4. Umrechnung: Ziffer -> nbsp

    Eigentlich nur für Signaturen zu gebrauchen, aber manchmal vielleicht auch in Guides nützlich. Eine Erklärung zu dieser Umrechnung und ihrer Verwendung folgt im 2. Post.
 
Still to do:
  1. Den List-Tag hinzufügen
  2. Mehr Hinweise einbauen
  3. Merksätze einbauen
  4. Übungen einbauen
 
Sodele:

a) Ich finde du gehst überhaupt nicht so richtig darauf ein, wie Guides nun geschrieben werden.

- Welches Fachwissen ist wichtig.
- Wie stark soll ich auf die Erklärungen eingehen. ( War bei derr Zeal Geschichte ein gewaltiges hin und her. Erklären wie Zeal funktioniert ? usw )

- Was ist unötig ? FHR Tabellen verlinken oder einfügen? Skills beschreiben ? Alle die ich brauche? Auch Übergangskills ?

- Soll ich gewisse Dinge nochmals erklären
- Länge ?
- Textbrei ?
- Neutral geschrieben ?
- In welcher Person geschrieben?
- Unterschied zwischen Guide und Skizze?
- Welche Farben ? ( Das ist wirklich wichtig, auch je nach Bildschirm )
- Auflösung ( Gab bei mir probleme, da ich 1600er benutze.
- guide interne Verlinkung
- Wie viele Posts nun den ? ( alles in wenige Posts oder zur verlinkung in mehrere ? )

- Wie Hinweise im Guide gut sichtbar unterbringen.
- rechnungen reinmachen ?
- Beispiele rreinbringen ?
- Worauf im Ausrüstungskapitel eingehen ?
- Bilder ? Wieviele, Wie groß ?
- Welche Struktur, welche Aufbau Reihenfolge ?






------------------

Überschrift und Inhaltsverzeichnis im Center Tag:

Inhaltsverzeichnis im Center ist eine Todsünde. Man erkennt kaum noch, was Hauptkapitel ist und was unterkapitel.
Umgehen kannman dies durch ein Bild, NACH der Überschrift.

Selbst gemachte Überschriften als Bild einfügen ist schlecht.

Wenn dann klar und ordentlich. Die von deinem zeal Guide find ich z.B grauenhaft ^^.

Danksagung sollte man kleiner halten. Bzw so machen, dass die wichtigsten wirklich gleich erkannt werden. Eine große liest sich eh niemand durch.

Du schreibst beim Aufbau nur: Kapitel xy usw
Aber nirgendwo, wie man den Beginnen sollte. Was am Anfang hin sollte und was am Ende. Wieso kommt der Söldner nicht zuerst ?

Soll ich bei der Zeal Melee die Waffe als erstes bringen und auf Zeal eingehen oder soll ich dies erst bei der Ausrüstung erledigen.
Hinweise auf Unterschiede, wo, wann, wie was besser geeignet ist.

Hier gibt es auch schon so etwas in der Art.

Ein Tipp, um Guidegestaltung zu lernen: Klickt bei irgendwelchen Guides (vorzugsweise meinen ) auf "Zitieren". Dadurch könnt ihr euch den Quelltext anschauen.
Zum Vergrößern anklicken....

;) also bitte :p WENN dann nimmst du Duglum's Guides als beispiel. Die sind WELTKLASSE formatiert. Übersichtlich, klar, Logisch Deutlich. Gibt auch jedesmal ein perfektes Lob.


So ich würde dir etwas Vorschlagen:

Du hast einiges an Arbeit vor dir, weil was hier zur Zeit ist, ist keine Anleitung wie ich Guides schreibe, oder wie ich sie Aufbaue ;).

Du erklärst die Post Commands. Das könntest du mal in einen extra Thread packen.
Die ganze Sache. Links, Bilder, List, Center usw. Aber das steht ja zum Teil schon im Signaturen Thread drin.

ODER
Du machst dir nun wirklich arbeit und fangst mal an, die Liste von oben abzuarbeiten ;).

Du gehst ja eigentlich bei dir eh nur auf die Formatierung ein und das nicht mal wirklich auf Guides bezogen ;). Wie gesagt, mach mal nen thread fürs Hilfe Forum mit den Posting Commands und den Möglichkeiten, die diese bieten.


bzw:
Bis 04.07.07 nicht da!

Geht nicht :p
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben