Rekrutierung

AutorNachricht
Veröffentlich am: 29.02.2012, 08:17 Uhr
ich hab mir mal erlaubt, Flo's Hilfestellungen hier einzufügen... dachte mir irgendwie, dass das noch fehlte^^

http://wowgilden.net/theFatoftheLand/forum_31751.html
Viele Grüße von Starkimlicht ( Twinks · Starkimblut · Starkus · Starkimfeuer · Starkimgeist ) http://www.skoom.de/gratis-counter/count.php?id=983800&stil=black (Fehler, das Bild konnte aufgrund zu hoher Ladezeit nicht direkt angezeigt werden!)
BildBild
Veröffentlich am: 29.02.2012, 08:17 Uhr
Rekrutierungstabelle:
Komprimiert (Banner)


BildBildBildBildBildBildBildBildBildBild
BildBildBild BildBildBild BildBildBild BildBildBild BildBildBild BildBildBild BildBildBild
BildBildBild BildBildBild BildBildBild

Diese Tabelle ist sehr kompakt gehalten und besteht nur aus Klassen und den 3 jeweiligen Talentbäumen.
Welche Rolle die Klasse einnehmen soll, erschließt sich lediglich aus der Skillung im Talentbaums. Auf die Angabe der Rollen: Schutz, Heilung, Schaden,.. wurde bewusst aus Platzgründen verzichtet.

Eine ähnlich kompakte Tabellenstruktur, diesmal in vertikaler Ausrichtung befindet sich hier:
-> Rekrutierungstabelle Komprimiert (Skyscraper)



Durch den neu eingeführten BBCode Resize-Befehl, kann man die einzelnen Grafiken auf zB. 50% reduzieren, so dass eine noch kompaktere Rekrutierungstabelle entsteht.

BildBildBildBildBildBildBildBildBildBild
BildBildBild BildBildBild BildBildBild BildBildBild BildBildBild BildBildBild BildBildBild
BildBildBild BildBildBild BildBildBild


Zuletzt bearbeitet am: 29.02.2012 08:18 Uhr.
Viele Grüße von Starkimlicht ( Twinks · Starkimblut · Starkus · Starkimfeuer · Starkimgeist ) http://www.skoom.de/gratis-counter/count.php?id=983800&stil=black (Fehler, das Bild konnte aufgrund zu hoher Ladezeit nicht direkt angezeigt werden!)
BildBild
Veröffentlich am: 29.02.2012, 08:17 Uhr
Rekrutierungstabelle
Komprimiert (Skyscraper)



KlasseTalente
BildBildBildBild
BildBildBildBild
BildBildBildBild
BildBildBildBild
BildBildBildBild
BildBildBildBild
BildBildBildBild
BildBildBildBild
BildBildBildBild
BildBildBildBild

Eine ähnlich kompakte Tabellenstruktur, diesmal in horizontaler Ausrichtung befindet sich hier:
-> Rekrutierungstabelle Komprimiert (Banner)
Viele Grüße von Starkimlicht ( Twinks · Starkimblut · Starkus · Starkimfeuer · Starkimgeist ) http://www.skoom.de/gratis-counter/count.php?id=983800&stil=black (Fehler, das Bild konnte aufgrund zu hoher Ladezeit nicht direkt angezeigt werden!)
BildBild
Veröffentlich am: 29.02.2012, 08:18 Uhr
Rekrutierungstabelle
Klassenorientiert


Bild
BildBild
KLASSE
Bild
BildBildBildSCHUTZ
Bild
BildBildBildHEILUNG
Bild
BildBildBildSCHADEN
Bild DruideBildBildBildBild
Bild HexenmeisterBildBildBild
Bild JägerBildBildBild
Bild KriegerBildBildBild
Bild MagierBildBildBild
Bild PaladinBildBildBild
Bild PriesterBildBildBild
Bild SchamaneBildBildBild
Bild SchurkeBildBildBild
BildTodesritterBildBildBild
Viele Grüße von Starkimlicht ( Twinks · Starkimblut · Starkus · Starkimfeuer · Starkimgeist ) http://www.skoom.de/gratis-counter/count.php?id=983800&stil=black (Fehler, das Bild konnte aufgrund zu hoher Ladezeit nicht direkt angezeigt werden!)
BildBild
Veröffentlich am: 29.02.2012, 08:18 Uhr
Tutorial

Rekrutierungstabelle:
Rollenorientiert


Dies ist ein Beispiel für eine Rekrutierungstabelle, in der alle gesuchten Klassen samt Spezialisierung('specc') eingetragen werden können und wie sie bereits bei der Allianz-Gilde Excalibur im Einsatz ist.
Die Struktur ist so allgemein gehalten, dass sie verlustfrei und gut leserlich in jedem verfügbaren Template angezeigt wird.


BildSCHUTZBildBild-Id 14388 nicht vorhanden!HEILUNGBildBild-Id 14389 nicht vorhanden!NAHKAMPFBildBild-Id 14390 nicht vorhanden!FERNKAMPF
BildBildBildBildBildBildBildBild
BildBild-Id 14386 nicht vorhanden!Bild-Id 14366 nicht vorhanden!Bild-Id 14368 nicht vorhanden!Bild-Id 14370 nicht vorhanden!Bild-Id 14373 nicht vorhanden!Bild-Id 14379 nicht vorhanden!Bild-Id 14380 nicht vorhanden!
Bild-Id 14366 nicht vorhanden!Bild-Id 14367 nicht vorhanden!Bild-Id 14370 nicht vorhanden!Bild-Id 14372 nicht vorhanden!Bild-Id 14379 nicht vorhanden!Bild-Id 14382 nicht vorhanden!
Bild-Id 14375 nicht vorhanden!Bild-Id 14378 nicht vorhanden!Bild-Id 14375 nicht vorhanden!Bild-Id 14377 nicht vorhanden!Bild-Id 14375 nicht vorhanden!Bild-Id 14376 nicht vorhanden!
Bild-Id 14361 nicht vorhanden!Bild-Id 14362 nicht vorhanden!Bild-Id 14361 nicht vorhanden!Bild-Id 14365 nicht vorhanden!
Bild-Id 14473 nicht vorhanden!Bild-Id 14475 nicht vorhanden!
Bild-Id 14473 nicht vorhanden!Bild-Id 14476 nicht vorhanden!

Inhalt:
Aufbau der Tabelle
Die Überschrift
Die Klassensuche
Feature: Iconbeschreibung
Die Tabelle (mit kommentiertem Quellcode)
Troubleshooting

_____________________________________________________________________________

Der Aufbau der Tabelle

World of Warcraft unterscheidet im Dungeonfinder die Aufgaben in die 3 Rollen: Schutz, Heilung und Schaden.

Ich habe mich für 4 Rollen entschieden und die Schadensklasse in Nah- und Fernkampf unterteilt.

Unter jeder der 4 Rollen befinden sich immer zwei Icons, die die gesuchte Klasse und deren Rollenspezialisierung ('specc') definieren.
Links steht die Klasse, rechts davon die Spezialisierung, dahinter ist ein Leerfeld zur besseren Lesbarkeit.

Bevor man sich mit dem Gestalten und Editieren von Tabellen beschäftigt, möchte ich auf Xelas sehr ausführliche Anleitung verweisen, in der einem die BBCode-

Tags der verschiedenen Tabellenelemente vertraut gemacht werden.

http://wowgilden.net/forum-topic_1123.html


Die Überschrift

Die Tabelle besteht damit aus 11 Spalten.
Für die großen Rollenicons der Überschrift habe ich jeweils 2 Zellen miteinander verbunden
Code:[td=join:2]
[/td]


Damit in der Überschrift zwischen den Rollenicons ausreichend Abstand besteht, habe ich neben den sichtbaren Icons in den leeren Spalten

noch kleinere (32x32px) transparente Icons verborgen.
(Sie werden deutlich, wenn man den Bereich mit der Maus markiert.)
So konnte ich eine feste Spaltenbreite gewährleisten.

Der transparente Platzhalter trägt die Galerie-ID: 28792 und wird wie alle Icons über den Bildergalerie-BBCode-Befehl eingebunden:
Code:zB.  [gallery]28792[/gallery]

Damit besteht die Überschrift

BildSCHUTZBildBildHEILUNGBildBildNAHKAMPFBildBildFERNKAMPF

beispielsweise aus folgendem BBCode:

Code:
[table=center]
[th]

[td=join:2][center][gallery]28772[/gallery][/center]
[center]SCHUTZ[/center][/td]

[td][gallery]28792[/gallery][/td]

[td=join:2][center][gallery]28773[/gallery][/center]
[center]HEILUNG[/center][/td]

[td][gallery]28792[/gallery][/td]

[td=join:2][center][gallery]28774[/gallery][/center]
[center]NAHKAMPF[/center][/td]

[td][gallery]28792[/gallery][/td]

[td=join:2][center][gallery]28775[/gallery][/center]
[center]FERNKAMPF[/center][/td]

[/th]
[table=center]

Die darauffolgende Gliederung der Klassen habe ich mit einer dünnen Leerzeile eingefasst, die jeweils am Anfang und am Ende steht.

BildSCHUTZBildBildHEILUNGBildBild NAHKAMPFBildBildFERNKAMPF

Es ist einfach eine Zeile, bei der ich die 11 Zellen zu einer einzigen verbunden habe.
Da die Zelle keine Inhalt hat, wird sie lediglich als dünner Strich dargestellt.

Der Befehl dafür lautet:
Code:
[tr][td=join:11][/td][/tr]


Die Klassensuche

Die Icons hier sind 32x32 Pixel groß

Als Beispiel für eine Klasse, die tatsächlich in jede der 4 möglichen Rollen schlüpfen kann, wähle ich als Beispiel hier den Druiden.
Er kann in Bärenform tanken, in Baumgestalt heilen, verursacht Nahkampfschaden in Katzenform und zaubert in Eulenform.

Wir vergeben also unter jeder Rolle jeweils das Druidensymbol (insgesamt 4x in dieser Zeile). Nach dem Klassensymbol fügen wir dann jeweils

die Spezialisierung hinzu, die durch die Talenticons dargestellt wird.
Eine Besonderheit hier ist, dass Bären- und Katzenform aus dem gleichen Talentbaum stammen und sich somit ein Icon teilen.

BildBildBildBildBildBildBildBild

Der BBCode für diese Zeile lautet:
Code:
[tr]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28675[/gallery][/td]
  [td][/td]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28676[/gallery][/td]
  [td][/td]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28675[/gallery][/td]
  [td][/td]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28674[/gallery][/td]
[/tr]


Das Layout der Zeile zieht sich automatisch zurecht, wenn man die Überschrift und die beiden Leerzeilen am Anfang und Ende hinzufügt.

BildSCHUTZBildBild-Id 14388 nicht vorhanden!HEILUNGBildBild-Id 14389 nicht vorhanden! NAHKAMPFBildBild-Id 14390 nicht vorhanden!FERNKAMPF
BildBildBildBildBildBildBildBild


Feature: Icon-Beschriftung durch mouseover tooltips

Wenn man mit der Maus über die unbeschrifteten Klassen- und Talentbaumicons fährt, erscheint die jeweilige Bezeichnung in Gestalt eines Tooltip.
Möglich macht dies der neu implementierte BBCode-Befehl ... der jede zu beschreibenden Grafik umschliessen muss.

Da dieser Befehl allerdings für jede einzelne Grafik erneut gesetzt werden muss und die Rekrutierungstabellen ohnehin sehr grafiklastig sind, bläst dies den Quellcode

noch weiter auf, so dass ich im Weiteren in meinen Tutorials auf die Tooltip-Anzeige verzichte.
Bereits oben aufgeführter BBCode würde inklusive der Tooltips dann zu diesem Quellcode werden:

Code:* * * Quellcode mit Tooltip-Beschreibung * * *
[tr]
[td][tooltip="Druide"][gallery]28673[/gallery][/tooltip][/td]
[td][tooltip="Wilder Kampf (Bärengestalt)"][gallery]28675[/gallery][/tooltip][/td]
[td][/td]
[td][tooltip="Druide"][gallery]28673[/gallery][/tooltip][/td]
[td][tooltip="Wiederherstellung"][gallery]28676[/gallery][/tooltip][/td]
[td][/td]
[td][tooltip="Druide"][gallery]28673[/gallery][/tooltip][/td]
[td][tooltip="Wilder Kampf (Katzengestalt)"][gallery]28675[/gallery][/tooltip][/td]
[td][/td]
[td][tooltip="Druide"][gallery]28673[/gallery][/tooltip][/td]
[td][tooltip="Gleichgewicht"][gallery]28674[/gallery][/tooltip][/td]
[/tr]

Rekrutierungstabellen, die sehr kompakt gehalten sind und daher weitestgehend auf beschreibende Titel verzichten, sollten jedoch unbedingt mit Tooltips versehen

werden, um dem Benutzer die Navigation zu erleichtern.



Die Tabelle mit kommentiertem Quellcode

Das Besondere am Tabellen-BBCode ist, dass die Farbe der Zeilen automatisch alterniert, sich also zwei Farben stets abwechseln, um die

Tabelle noch leserlicher zu machen.
Je nach gewähltem Template kommen automatisch zwei unterschiedliche Farben zum Einsatz.

BildSCHUTZBildBild-Id 14388 nicht vorhanden!HEILUNGBildBild-Id 14389 nicht vorhanden! NAHKAMPFBildBild-Id 14390 nicht vorhanden!FERNKAMPF
BildBildBildBildBildBildBildBild
BildBildBildBildBildBildBildBild
BildBildBildBildBildBildBildBild


Der komplette Quellcode für das zuletzt angezeigte Beispiel folgt unten.
In drei Zeilen muss der Druide dafür herhalten.
Für andere Klassen und deren Spezialisierungen muss lediglich die Bild-ID angepasst werden.
Wird eine Klasse oder eine Spezialisierung nicht gesucht, kann die Zelle einfach leer bleiben, in dem der Gallery-BBCode entfernt wird.
Das Layout bleibt davon unberührt und wird nicht verzerrt.


Hier folgt der Quellcode für ein vollständiges Tabellengerüst.
Die mit * * * Sternen versehenen Kommentare müssen vor dem Einsatz entfernt werden, da sie nicht interpretiert werden können.

Anschließend kann man meinen Quellcode per copy & paste für den individuellen Bedarf und zur eigenen Anpassung auf seine Gildenseite

ziehen.
Code:
[table=center]

[th] * * * HIER BEGINNT DIE ÜBERSCHRIFT * * *
[td=join:2][center][gallery]28772[/gallery][/center][center]SCHUTZ[/center][/td]

[td][gallery]28792[/gallery][/td]

[td=join:2][center][gallery]14388[/gallery][/center][center]HEILUNG[/center][/td]

[td][gallery]28792[/gallery][/td]

[td=join:2][center][gallery]14389[/gallery][/center]
[center]NAHKAMPF[/center][/td]

[td][gallery]28792[/gallery][/td]

[td=join:2][center][gallery]14390[/gallery][/center][center]FERNKAMPF[/center][/td]
[/th] * * *  ÜBERSCHRIFT ENDE * * *



[tr][td=join:11][/td][/tr]


[tr] * * * ERSTE ZEILE * * *
  [td][gallery]28673[/gallery][/td] * TANK   * * *
  [td][gallery]28675[/gallery][/td] * TANK-SPECC *
  [td][/td]
  [td][gallery]28673[/gallery][/td] * HEILER   * * * *
  [td][gallery]28676[/gallery][/td] * HEILUNGS-SPECC *
  [td][/td]
  [td][gallery]28673[/gallery][/td] * NAHKAMPF * *
  [td][gallery]28675[/gallery][/td] * DD-SPEC  * *
  [td][/td]
  [td][gallery]28673[/gallery][/td] * FERNKAMPF * *
  [td][gallery]28674[/gallery][/td] * RDD-SPECC * *
[/tr] * * * ERSTE ZEILE * * *


[tr] * * * ZWEITE ZEILE * * *
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28675[/gallery][/td]
  [td][/td]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28676[/gallery][/td]
  [td][/td]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28675[/gallery][/td]
  [td][/td]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28674[/gallery][/td]
[/tr] * * * ZWEITE ZEILE * * *

[tr]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28675[/gallery][/td]
  [td][/td]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28676[/gallery][/td]
  [td][/td]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28675[/gallery][/td]
  [td][/td]
  [td][gallery]28673[/gallery][/td]
  [td][gallery]28674[/gallery][/td]
[/tr]
[tr][td=join:11][/td][/tr]
[/table]    



Troubleshooting

Aktualität
Dieses Tutorial, wie alle Beiträge des "The Fat of the Land"-Freundeskreises werden laufend aktualisiert.
Dies bedeutet im Besonderen, dass sich durch Patches und Addons seitens Blizzard die Icongrafiken verändern können.
Ich werde unter der jeweiligen Gallery-ID stets die neuen Grafiken einspielen, so dass dann jene angezeigt werden, ohne den Quellcode aktualisieren zu müssen.

Formatierung
Aufgrund der unterschiedlichen in Verwendung befindlichen Templates rate ich ausdrücklich dazu, keine eigenen Schriftfarben oder Formatierungen mit absoluten Formatierungen einzusetzen.
Allgemeingültige Formatierungen werden automatisch an das jeweilige Template angepasst und sind stets mit der angezeigten Webseite kompatibel, setzt man aber nun eigenständig beispielweise eine schwarze Schrift ein, führt das dazu, dass die Schrift nicht mehr lesbar ist, wenn ein neu gewähltes Template eventuell schwarz als Hintergrundfarbe einsetzt.
Oder zwingt man beispielweise eine Tabelle auf eine bestimmte Größe, kann dies ebenfalls zu Darstellungsfehlern führen, wenn die Webseite später zwischen ein- und zweispaltigen Seitenleisten wechselt.

Endlektorat
Ich habe meinen Beiträge mit Sorgfalt erstellt. Da das Bearbeitungsfenster nur 9 Zeilen gleichzeitig anzeigt, ist es aber gut möglich, dass ich neben Tippfehlern auch fehlerhafte Umbrüche oder Darstellungsfehler eingebaut habe. Auch ist es möglich, dass nach einer Aktualisierung der angezeigte Quellcode von der gewünschten Darstellung abweicht, weil ich versäumte, beide Codes abzugleichen.
In diesen Fällen freue ich mich natürlich über eine Benachrichtigung durch aufmerksame Leser an mein Postfach

Generell stehen die Gildenautoren und Beitragsverfasser für technische Fragen, schulterklopfende Lobhudelei und tobsüchtige Verrisse zur Verfügung.
Viele Grüße von Starkimlicht ( Twinks · Starkimblut · Starkus · Starkimfeuer · Starkimgeist ) http://www.skoom.de/gratis-counter/count.php?id=983800&stil=black (Fehler, das Bild konnte aufgrund zu hoher Ladezeit nicht direkt angezeigt werden!)
BildBild
Veröffentlich am: 14.11.2012, 20:16 Uhr
Hallo
Gibt es schon neue icons für die Mönche?

Lg DasYvchen :)
LG Yvchen - Cheffin der Schattenkrieger
Code::!:Sinnlose Kommentare werden gelöscht:!:
http://i60.tinypic.com/2q8dnqx.png (Fehler, das Bild konnte aufgrund zu hoher Ladezeit nicht direkt angezeigt werden!)

Unter Anderem im Clan ist noch : Kittykât Nachtelf Druidin, Stellá Dranei Priesterin, Draider Nachtelf Kriegerin, Noemî Mensch Magierin, Kayleê Dranei Schamanin, Grazzya Nachtelf Jägerin, Akial Gnome Hexe ,Tasandia Pandaren Mönch und Kîshá Mensch Schurkin. :D
Yvchen bei Facebook
Veröffentlich am: 28.11.2012, 19:34 Uhr
Hallo,
Also ich hab jetzt mal bissi was gemacht wegen den icons für mönch.. Ist zwar bisschen umständlich aber es klappt :)
Hab die bilder öffentlich hochgeladen ist für jeden zugänglich die Bild id bleibt. Vlt speichert die Xelas noch fest ein. Das wäre super :)
BildBild
BildBild

Code:
http://media.blizzard.com/wow/icons/...onk.jpg  Mönch Bild ID:138152

http://media.blizzard.com/wow/icons/...aster_spec.jpg Braumeister Bild ID:138148

http://media.blizzard.com/wow/icons/...eaver_spec.jpg Nebelwirker Bild ID:138149

http://media.blizzard.com/wow/icons/...alker_spec.jpg Windläufer  Bild ID:138151

Und so ist dann meine Tabelle :)

KlasseSkillung
DruideBildBildBildBewerbung
Hexenmeister+Bewerbung
Jäger+Bewerbung
KriegerBildBildBildBewerbung
Magier+Bewerbung
PaladinBildBildBildBewerbung
PriesterBildBildBildBewerbung
SchamaneBildBildBildBewerbung
Schurke+Bewerbung
TodesritterBildBildBildBewerbung
BildBildBildBildBewerbung


Liebe Grüße Yvchen :)
BildBild
Veröffentlich am: 28.11.2012, 20:30 Uhr
Bild
Viele Grüße von Starkimlicht ( Twinks · Starkimblut · Starkus · Starkimfeuer · Starkimgeist ) http://www.skoom.de/gratis-counter/count.php?id=983800&stil=black (Fehler, das Bild konnte aufgrund zu hoher Ladezeit nicht direkt angezeigt werden!)
BildBild
Veröffentlich am: 03.12.2012, 03:08 Uhr
Zitat von Palgama:Vlt speichert die Xelas noch fest ein. Das wäre super :)
Hallo Palgama,

aktuell unterstützt der Icon-BBCode nur Rassen- und Klassen-Icons, keine Spezialisierungen/Skillungen.
Gruß Xelas, WoWGilden.net Admin
Veröffentlich am: 26.04.2024, 16:36 Uhr
If you have cardiovascular diseases such as heart disease, angina, or arrhythmias, consult your doctor before using Cialis, as it may affect the cardiovascular system. *****
Veröffentlich am: 26.04.2024, 17:26 Uhr
*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****

*****
Veröffentlich am: 02.05.2024, 10:31 Uhr
I gotta favorite this website it seems very helpful . *****
Veröffentlich am: 09.05.2024, 11:00 Uhr
That are most certainly awesome. A great number of tiny details are designed needing lot of qualifications ability. We're attracted in the piece many. *****
Veröffentlich am: 25.05.2024, 12:16 Uhr
Just to follow up on the up-date of this subject on your web page and wish to let you know just how much I prized the time you took to publish this beneficial post. Within the post, you actually spoke regarding how to truly handle this challenge with all comfort. It would be my own pleasure to collect some more thoughts from your web-site and come up to offer other folks what I have benefited from you. Thanks for your usual good effort. *****
Veröffentlich am: 27.05.2024, 15:28 Uhr
I’m not that much of a internet reader to be honest but your blogs really nice, keep it up! I’ll go ahead and bookmark your website to come back later on. All the best Miss Herbal Vitamins *****

Login