Forumhilfe "Spoiler" - SanHans

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Forumhilfe "Spoiler" - SanHans

    Guten Tag, Vio-Community, in diesem Beitrag möchte ich euch einen kleinen Einblick geben wie ihr ein Spoiler "System" erstellen könnt. Um euch anhand einem Spoiler Beispiel, Schritt für Schritt zu erklären, habe ich folgenden Spoiler erstellt den ihr dannach an eure eigenen Wünsche anpassen könnt und verwenden könntet.

    Teil 2
    Teil 3
    Teil 4
    Teil 5 [2 Post]
    Teil 6 [2 Post]
    Teil 7 [2 Post]
    Teil 8 [2 Post]


    Vio-Reallife

    Erste Schritte

    Text hier eingeben....

    Der Spawn

    Du spawnst am International Airport of San Fierro

    Die Scheine

    Scheine kannst du dir in der Stadthalle kaufen um z.B. arbeiten zugehen

    Admin

    Projektleitung

    Vio Forces


    Administrator

    Vio Minato
    Vio Zomber

    Moderator

    Vio midnight
    Vio WuTang
    Vio Jason
    Vio Tyler
    Vio Bastilo
    Vio Wolf

    Supporter

    Vio Fbecker
    Vio Nils
    Vio B-K
    Vio BAAL
    Vio Audigamer
    Vio Birne
    Vio Jigsaw
    Vio Marlon
    Vio Cnomy
    Vio Bufu
    VioDschaennis

    Ticketsystem

    Ticket erstellen

    Ein Ticket erstellst du wie folgt....

    Ticket lesen

    Ein Ticket liest du wie folgt....






    Zweite Teil zu: Forumhilfe Spoiler


    Um einen Spoiler erst einmal zu erstellen braucht ihr folgenden Befehl:

    Quellcode

    1. [spoiler='TEXT ' ] TEXT [/spoiler]


    Dann bekommt ihr einen Spoiler:
    TEXT
    TEXT


    Da wir aber mit diesem Spoiler nur einen Text einblenden können, müssen wir einen Spoiler im Spoiler erstellen.
    Dazu brauchen wir einen zweiten Spoiler, den wir dann auch wieder schließen müssen, nur dürfen wir den Spoiler nicht sofort wieder schließen sondern wir schließen jeden Spoiler am Ende eines Spoilers, dass sieht dann wie folgt aus:

    Quellcode

    1. [spoiler='TEXT ' ] TEXT
    2. [spoiler='TEXT ' ] TEXT [/spoiler][/spoiler]


    So sollte dies dann ausschauen:
    TEXT
    TEXT
    TEXT
    TEXT


    Natürlich können wir auch den ersten Spoiler ohne einen Zusatzsatz erstellen, einfach bei dem ersten Spoiler das zweite "TEXT" weglassen:

    Quellcode

    1. [spoiler='TEXT ' ] TEXT(weglassen)
    2. [spoiler='TEXT ' ] TEXT [/spoiler][/spoiler]


    Ergebniss:





    Dritte Teil zu Forumhilfe Spoiler

    Im dritten Teil zeige ich euch nun wie ihr mehrer Spoiler und Texte in einen Spoiler setzt und Spoiler Hauptgruppen erstellt.

    Nehmen wir dazu ein Beispiel wie das aussehen sollte:
    Vio-Reallife

    Erste Schritte

    Text hier eingeben....

    Der Spawn

    Du spawnst am International Airport of San Fierro

    Die Scheine

    Scheine kannst du dir in der Stadthalle kaufen um z.B. arbeiten zugehen


    Um diesen Spoiler zu erstellen brauchen wir den Hauptgruppenspoiler Vio-Reallife und 3 Untergruppenspoiler, dennoch müssen wir beachten, das Vio-Reallife unser Hauptspoiler wird und alle anderen Spoiler sich öffnen sobald man den Vio-Reallifespoiler öffnet. Wir wollen keine 3 Spoiler im jeweiligen Spoiler erstellen, falsch wäre in diesem Falle dieser Spoiler:
    Vio-Reallife

    Erste Schritte

    Text hier eingeben....
    Der Spawn

    Du spawnst am International Airport of San Fierro
    Die Scheine

    Scheine kannst du dir in der Stadthalle kaufen um z.B. arbeiten zugehen


    Um diesen Spoiler zu erstellen brauchen wir wieder den Standartbefel mit dem wir einen Spoiler ohne Zusatztext und einen weiteren Spoiler erstellen:

    Quellcode

    1. [spoiler='Vio-Reallife ' ]
    2. [spoiler='Erste Schritte ' ] Text hier eingeben [/spoiler][/spoiler]


    Nun brauchen wir noch 2 weitere Spoiler die wir unterordnen, nur müssen wir bei einem solchen Spoiler beachten das wir nach jedem Untergruppenspoiler diesen Spoiler schließen, sonst bekomen wir wie oben genannt das falsche Spoilersystem am Ende herraus:

    Quellcode

    1. [spoiler='Vio-Reallife ' ]
    2. [spoiler='Erste Schritte ' ] Text hier eingeben [/spoiler]
    3. [spoiler='Der Spawn ' ] Du spawnst am .... [/spoiler]
    4. [spoiler='Die Scheine ' ] Scheine kannst du dir in der .....[/spoiler][/spoiler]

    Am Ende müssen wir beachten das wir den Hauptspoiler Vio-Reallife mit schließen!




    Vierte Teil zu Forumhilfe Spoiler


    Im vierten Teil zeige ich euch, wie ihr diesen Spoiler erstellt, der für einige eher hilfreich ist:
    Vio-Reallife

    Admin

    Projektleitung

    Vio Forces


    Administrator

    Vio Minato
    Vio Zomber

    Moderator

    Vio midnight
    Vio WuTang
    Vio Jason
    Vio Tyler
    Vio Bastilo
    Vio Wolf

    Supporter

    Vio Fbecker
    Vio Nils
    Vio B-K
    Vio BAAL
    Vio Audigamer
    Vio Birne
    Vio Jigsaw
    Vio Marlon
    Vio Cnomy
    Vio Bufu
    VioDschaennis


    Für diesen Spoiler brauchen wir wieder den Hauptspoiler, einen 2 Hauptuntergruppenspoiler und 5 Untergruppenspoiler.
    Da der Hauptspoiler und der 2. Hauptuntergruppenspoiler zuerst geöffnet werden soll, müssen wir diese zwei Spoiler wieder zum Schluss des Spoiler schließen, sonst wird unser Hauptuntergruppenspoiler zum Untergruppenspoiler, das wollen wir aber nicht erreichen, dies wäre wieder das "Falsche Beispiel".
    Vio-Reallife


    Projektleitung

    Vio Forces


    Administrator

    Vio Minato
    Vio Zomber

    Moderator

    Vio midnight
    Vio WuTang
    Vio Jason
    Vio Tyler
    Vio Bastilo
    Vio Wolf

    Supporter

    Vio Fbecker
    Vio Nils
    Vio B-K
    Vio BAAL
    Vio Audigamer
    Vio Birne
    Vio Jigsaw
    Vio Marlon
    Vio Cnomy
    Vio Bufu
    VioDschaennis


    Bei diesem Spoiler muss wieder beachtet werden das JEDER Untergruppenspoiler (Projektleitung, stellv. Projektleitung ,...) sofort geschlossen wird, da sonst das eigentliche Ergebniss verfälscht wird. Da wir außerdem nun einen Hauptgruppenspoiler und einen Hauptuntergruppenspoiler haben, muss darauf geachtet werden das diese noch nicht geschlossenen Spoiler am Ende mit geschlossen werden.

    Quellcode

    1. [spoiler='Vio-Reallife ' ]
    2. [spoiler='Admin's ' ]
    3. [spoiler='Projektleitung ' ]
    4. Vio Forces [/spoiler]
    5. [spoiler='stellv. Projektleitung ' ]
    6. Vio Strassner [/spoiler]
    7. [spoiler='Administrator ' ]
    8. Vio Minato
    9. Vio Zomber [/spoiler]
    10. [spoiler='Moderator ' ]
    11. Vio midnight
    12. Vio WuTang
    13. Vio Jason
    14. Vio Tyler
    15. Vio Bastilo
    16. Vio Wolf [/spoiler]
    17. [spoiler='Supporter ' ]
    18. Vio Fbecker
    19. Vio Nils
    20. Vio B-K
    21. Vio BAAL
    22. Vio Audigamer
    23. Vio Birne
    24. Vio Jigsaw
    25. Vio Marlon
    26. Vio Cnomy
    27. Vio Bufu
    28. VioDschaennis [/spoiler] [/spoiler][/spoiler]
    Alles anzeigen


    Am Ende sollten wir dann dieses Ergebniss bekommen
    Vio-Reallife

    Admin

    Projektleitung

    Vio Forces


    Administrator

    Vio Minato
    Vio Zomber

    Moderator

    Vio midnight
    Vio WuTang
    Vio Jason
    Vio Tyler
    Vio Bastilo
    Vio Wolf

    Supporter

    Vio Fbecker
    Vio Nils
    Vio B-K
    Vio BAAL
    Vio Audigamer
    Vio Birne
    Vio Jigsaw
    Vio Marlon
    Vio Cnomy
    Vio Bufu
    VioDschaennis





    Mit freundlichen Grüßen
    [Vio]fb789

    [Vio]Tyler schrieb:

    Du bist der Kugelschreiber unter den Kugelschreibern.
    Lass dich niemals als Stift verkaufen!
  • Der fünfte, sechste, siebte und achte Teil zu Forumhilfe Spoiler ist nun zum nutzen bereit.

    Weiterhin viel Spaß damit.

    Fünfte Teil zu Forumhilfe Spoiler einzellne Farben hinzufügen


    Der fünfte Teil wird euch nun Auskunft geben wie ihr einen einfachen Spoiler einzufärben habt, dazu der einfache Spoiler wieder als Beispiel:


    Um diesen Spoiler so einzufärben müsst ihr den Untergruppenspoiler:

    Quellcode

    1. [spoiler='TEXT ' ]
    2. [spoiler='TEXT ' ] TEXT [/spoiler][/spoiler] <- Diesen

    markieren und eurer Farbe zuweisen, in dem Fall, Gelb. ( Wie ihr eine Farbe zuweist, solltet ihr ja wissen ;) )

    !!!Wichtig!!! Den eigentlichen Spoiler-Befehl mit markieren und einer Farbe zuweisen, sonst bekommt ihr nur Fehlermeldungen. Das sollte dann so aussehen:

    Quellcode

    1. [spoiler='TEXT ' ]
    2. [color=#ffff00][spoiler='TEXT ' ] TEXT [/spoiler][/color][/spoiler]




    Sechste Teil zu Forumhilfe Spoiler mehrere Farben hinzufügen


    Im sechsten Teil meines Beitrages zeige ich euch nun wie ihr die Spoiler selbstverständlich mit freundlichen Farben versehen könnt(mehrfarbig). Das versehen mit Farben eines Spoiler vordert noch etwas mehr aufmerksamkeit bei den Befehlen im Quellcode. Aber auch dies werdet ihr sicher hinbekommen. Als erstes brauchen wir wieder einen Spoiler, dazu nehme ich wieder meinen Standartspoiler:
    Vio-Reallife

    Admin

    Projektleitung

    Vio Forces

    stellv. Projektleitung

    Vio Strassner

    Administrator

    Vio Minato
    Vio Zomber

    Moderator

    Vio midnight
    Vio WuTang
    Vio Jason
    Vio Tyler
    Vio Bastilo
    Vio Wolf

    Supporter

    Vio Fbecker
    Vio Nils
    Vio B-K
    Vio BAAL
    Vio Audigamer
    Vio Birne
    Vio Jigsaw
    Vio Marlon
    Vio Cnomy
    Vio Bufu
    VioDschaennis


    Um diesen Spoiler nun mit Farben zu versehen, entscheide ich mich dazu die Projektleitung, die stellv. Projektleitung ROT zufärben, die Administratoren ORANGE, die Moderatoren BLAU und die Supporter GRÜN. (Die Untergruppenspoiler):
    Vio-Reallife

    Admin

    Projektleitung

    Vio Forces


    Administrator

    Vio Minato
    Vio Zomber

    Moderator

    Vio midnight
    Vio WuTang
    Vio Jason
    Vio Tyler
    Vio Bastilo
    Vio Wolf

    Supporter

    Vio Fbecker
    Vio Nils
    Vio B-K
    Vio BAAL
    Vio Audigamer
    Vio Birne
    Vio Jigsaw
    Vio Marlon
    Vio Cnomy
    Vio Bufu
    VioDschaennis


    Um die Farben so anzupassen müsst ihr jeden Untergruppenspoiler, Projektleitung, stellv. Projektleitung usw. wieder wie im fünften Teil, markieren und einer Farbe zuweisen. In diesem Fall wird aber der Text des Untergruppenspoilers mit eingefärbt, dies wollen wir aber nicht, deshalb müssen wir den Texten, Vio Forces, Vio Strassner und so weiter, wieder die Standart Farbe zuweisen: . Ein kleiner Auschnitt:

    Quellcode

    1. [spoiler='Vio-Reallife ' ]
    2. [spoiler='Admin's ' ]
    3. [color=#ff0000][spoiler='Projektleitung ' ] <- Farbe Rot
    4. [color=#333333]Vio Forces [/spoiler][/color][/color] <- Standart Farbe + schließen des Spoiler und beide Farben wirksam machen ( [/color] )
    5. [color=#ff0000][spoiler='stellv. Projektleitung ' ] <- Farbe Rot
    6. [color=#333333]Vio Strassner [/spoiler][/color][/color] <- Standart Farbe + schließen des Spoiler und beide Farben wirksam machen ( [/color] )
    7. [color=#ff6600][spoiler='Administrator ' ] <- Farbe Gelb
    8. [color=#333333]Vio Minato
    9. Vio Zomber [/spoiler][/color][/color][/spoiler] [/spoiler] <- Standart Farbe + schließen des Spoiler und beide Farben wirksam machen ( [/color] )


    Den Rest kann man sich dann denken, wie dieser wohl aussehen sollte. Gerne könnt ihr auch den Hauptuntergruppenspoiler "Admins" einfärben.



    Siebte Teil zu Forumhilfe Spoiler Schriftarten verändern


    Im siebten Teil zeige ich euch nun wie ihr die Texte natürlich auch mit anderen Schriften versehen könnt. Dazu müsst ihr eigentlich nix weiter machen als wie beim setzen der Farben, ihr müsst also zum Beispiel, der Projektleitung die Schriftart Chicago zuweisen und dem Vio Forces dann die Standartschrift Arial.

    Quellcode

    1. [spoiler='Vio-Reallife ' ]
    2. [spoiler='Admin's ' ]
    3. [font='Chicago, Impact, Compacta, sans-serif'][spoiler='Projektleitung ' ] <- Schriftart Chicago
    4. [font='Arial, Helvetica, sans-serif']Vio Forces [/spoiler][/spoiler][/spoiler][/font][/font] <- Standart Schrift + schließen des Spoiler und beide Schriften wirksam machen ( [/font] )


    Es muss wieder darauf geachtet werden, dass die Schriften zum SCHLUSS mit wirksam gemacht werden!

    Ergebniss:




    Achte Teil zu Forumhilfe Spoiler Texte zentrieren


    Im letzten Teil meines Beitrages möchte ich euch zeigen wie ihr Texte im Spoiler zentrieren könnt, dabei können nur die Textstellen den Endspoiler linksbündig, zentriert oder rechtsbündig gesetzt werden. Da es keinen großen Unterschied, wie bei den Farben hinzufügen oder Schriftarten hinzufügen gibt werde ich es wieder nur kurz "anschneiden". Ich werde nun den Text "Vio Forces" rechtsbündig setzten.

    Quellcode

    1. [spoiler='Vio-Reallife ' ]
    2. [spoiler='Admin's ' ]
    3. [spoiler='Projektleitung ' ]
    4. [align=right]Vio Forces [/spoiler][/align][/spoiler][/spoiler] <- Text "Vio Forces" + Endbefehl [/spoiler] mit markieren und der Art zuweisen




    Mit freundlichen Grüßen
    [Vio]fb789

    [Vio]Tyler schrieb:

    Du bist der Kugelschreiber unter den Kugelschreibern.
    Lass dich niemals als Stift verkaufen!