Bilder einbinden: Unterschied zwischen den Versionen

Aus AntamarWiki
Wechseln zu: Navigation, Suche
Zeile 2.491: Zeile 2.491:
  
 
Ansonsten gilt, dass "fertige" Bilder in der Galerie zu finden sind: http://spiel.antamar.org/galerie/
 
Ansonsten gilt, dass "fertige" Bilder in der Galerie zu finden sind: http://spiel.antamar.org/galerie/
 +
 +
== Bilder und Testserver ==
 +
Um eine Queste mit Bildern ordentlich auf dem Testserver testen zu können, gibt es zwei Möglichkeiten:
 +
 +
# Man legt die Bilder in das ZIP-Archiv und verwendet den Dateinamen, um auf sie zu referieren.
 +
# Man legt die Bilder bei einem externen Bilderhoster oder im Wiki ab und benutzt die vollständige URL, um auf sie zu verweisen.
 +
 +
<code xml n>
 +
<img src="rathaus_holz.jpg" title="Die Auftragsbörse" alt="Die Auftragsbörse"/><!-- Funktioniert wenn sich die rathaus_holz.jpg direkt im ZIP-Archiv auf Ebene der start.xml befindet -->
 +
<img src="http://wiki.antamar.eu/images/thumb/9/99/Bild_rechts.jpg/799px-Bild_rechts.jpg"> <!-- Funktioniert, siehe URL der Grafik oben zur Grafik rechts -->
 +
<map src="Bilder/rathaus_holz.jpg"> <!-- Funktioniert nicht, selbst wenn sich die rathaus_holz.jpg im Unterordner "Bilder" im ZIP-Archiv befindet. Sobald ein Slash im Grafikverweis angegeben ist, sucht die Engine auf dem Antamarserver und nicht mehr im ZIP! -->
 +
</code>

Version vom 3. August 2014, 16:07 Uhr


In ZB und Questen macht es sich immer schön, wenn man Bilder in den Text einbinden kann. Im Folgenden wird beschrieben, welche Bilder benutzt werden können und wie man ein Bild richtig in die AOQML-Datei einbindet.

Bild auswählen

Es existieren auf dem Server bereits eine ganze Reihe an Bildern. Eine Bildergallerie kann man hier einsehen: http://spiel.antamar.org/galerie/ Wenn man dort ein passendes Bild gefunden hat, dann schaut man in der folgenden Liste nach dem passenden Dateinamen. (Da es insgesamt sehr viele Bilder sind, lässt es sich hier im Wiki leider nicht als Bildergallerie darstellen.)

Pfad auf dem Server Bild
./bilder/quests/2_wegelagerer.gif [1]
./bilder/quests/abendl_lager.jpg [2]
./bilder/quests/AB_Ostrakerreich.png [3]
./bilder/quests/AB_Westendar.png [4]
./bilder/quests/Auretianien.png [5]
./bilder/quests/betrunkener_kaufmann.jpg [6]
./bilder/quests/buettel.gif [7]
./bilder/quests/defekter%20Pferdewagen.png [8]
./bilder/quests/DungeonFackelTreppe.jpg [9]
./bilder/quests/eiche.jpg [10]
./bilder/quests/einhorn.gif [11]
./bilder/quests/fisch_im_bach.jpg [12]
./bilder/quests/gardistenhauptmann.jpg [13]
./bilder/quests/goblin_mit_gold_zb.gif [14]
./bilder/quests/groschensack_zb.gif [15]
./bilder/quests/hauptmann.gif [16]
./bilder/quests/holzfaeller.gif [17]
./bilder/quests/Jaeger.gif [18]
./bilder/quests/Jaeger.jpg [19]
./bilder/quests/kampf_mann_frau.gif [20]
./bilder/quests/karte_thelassa_schiff.jpg [21]
./bilder/quests/kisten.png [22]
./bilder/quests/kiste_zb.gif [23]
./bilder/quests/kriegsoger.gif [24]
./bilder/quests/lagerfeuer.jpg [25]
./bilder/quests/leiche_fliegenschwarm.gif [26]
./bilder/quests/magierturm.jpg [27]
./bilder/quests/mann_am_feuer_zb.gif [28]
./bilder/quests/navigation.png [29]
./bilder/quests/nordahejmr.jpg [30]
./bilder/quests/nordahejmr_gruppe.gif [31]
./bilder/quests/ochsengespann.png [32]
./bilder/quests/oger_starkfaust.gif [33]
./bilder/quests/open_book.png [34]
./bilder/quests/ork_bogen_zb1.jpg [35]
./bilder/quests/ork_bogen_zb2.jpg [36]
./bilder/quests/ork_bogen_zb3.jpg [37]
./bilder/quests/page.gif [38]
./bilder/quests/questlogo.jpg [39]
./bilder/quests/rathaus_holz.jpg [40]
./bilder/quests/rathaus_prunkvoll.jpg [41]
./bilder/quests/reisegruppe_feuer.gif [42]
./bilder/quests/schatzkarte-madasee.png [43]
./bilder/quests/schlaefer.jpg [44]
./bilder/quests/SchlossknackenTuer240x160.gif [45]
./bilder/quests/schloss_knacken1.gif [46]
./bilder/quests/schmied.gif [47]
./bilder/quests/skelett1.gif [48]
./bilder/quests/skelett2.gif [49]
./bilder/quests/skelett3.gif [50]
./bilder/quests/smut_greim.jpg [51]
./bilder/quests/steinhuette.gif [52]
./bilder/quests/steinschlag_zb1.gif [53]
./bilder/quests/steinschlag_zb2.jpg [54]
./bilder/quests/steinschlag_zb3.jpg [55]
./bilder/quests/streunerin.jpg [56]
./bilder/quests/suedsee-insel.jpg [57]
./bilder/quests/Tempel-Becken.png [58]
./bilder/quests/Tempel-Grabkammer.png [59]
./bilder/quests/Tempel-Kreuzung.png [60]
./bilder/quests/Tempel.png [61]
./bilder/quests/tor_aidan.jpg [62]
./bilder/quests/wasser_im_boot.jpg [63]
./bilder/quests/wolf.png [64]
./bilder/quests/zwergengruppe_zb.jpg [65]
./bilder/quests/alex/2_Nordahejmr_rgb.jpg [66]
./bilder/quests/alex/2_Nordahejmr_rgb02.jpg [67]
./bilder/quests/alex/abajaiden_stadt_02_sw.jpg [68]
./bilder/quests/alex/abajaiden_stadt_05_rgb%20Kopie.jpg [69]
./bilder/quests/alex/Auretia_dorf_01.jpg [70]
./bilder/quests/alex/Auretia_dorf_05_rgb.jpg [71]
./bilder/quests/alex/Auretia_dorf_06_rgb.jpg [72]
./bilder/quests/alex/Auretia_Metropole_fin.jpg [73]
./bilder/quests/alex/auretia_stadt_02.jpg [74]
./bilder/quests/alex/auretia_stadt_04_rgb.jpg [75]
./bilder/quests/alex/dorf_abajaiden_fin.jpg [76]
./bilder/quests/alex/dorf_kaiserreich.jpg [77]
./bilder/quests/alex/dorf_kaiserreich_ver2.jpg [78]
./bilder/quests/alex/goblin1.jpg [79]
./bilder/quests/alex/goblin2.jpg [80]
./bilder/quests/alex/goblin3.jpg [81]
./bilder/quests/alex/King_1.jpg [82]
./bilder/quests/alex/lichtung100_3.jpg [83]
./bilder/quests/alex/Magiturm_100dpi_scribble.jpg [84]
./bilder/quests/alex/Magiturm_150dpi2.jpg [85]
./bilder/quests/alex/metropol_kaiserreiche.jpg [86]
./bilder/quests/alex/metropol_kaiserreiche_6.jpg [87]
./bilder/quests/alex/Nordahejmr_dorf_bw.jpg [88]
./bilder/quests/alex/Nordahejmr_dorf_v2a.jpg [89]
./bilder/quests/alex/Nordahejmr_kleines_dorf.jpg [90]
./bilder/quests/alex/Nordahejmr_stadt.jpg [91]
./bilder/quests/alex/Nordahejmr_stadt_v1.jpg [92]
./bilder/quests/alex/oase_gross_02.jpg [93]
./bilder/quests/alex/oase_gross_rgb_test.jpg [94]
./bilder/quests/alex/oger_vs_org1b.jpg [95]
./bilder/quests/alex/oger_vs_org1Fin.jpg [96]
./bilder/quests/alex/Ork.jpg [97]
./bilder/quests/alex/orkdorf_1.jpg [98]
./bilder/quests/alex/stadt_kaiserreich.jpg [99]
./bilder/quests/alex/__bergang_big_0.jpg [100]
./bilder/quests/alex/__bergang_big_1.jpg [101]
./bilder/quests/arne/001_Ork_Bogenschuetze.jpg [102]
./bilder/quests/arne/002_Schatzkammer.jpg [103]
./bilder/quests/arne/003_Wolfsangriff.jpg [104]
./bilder/quests/arne/004_Waffenlager.jpg [105]
./bilder/quests/arne/005_Drachenabdruck.jpg [106]
./bilder/quests/arne/006_Alchimistenlabor.jpg [107]
./bilder/quests/arne/007_Wolfsangriff_a.jpg [108]
./bilder/quests/arne/007_Wolfsangriff_b.jpg [109]
./bilder/quests/arne/008_Lagerraum.jpg [110]
./bilder/quests/arne/009_Skelettmagier.jpg [111]
./bilder/quests/arne/010_einfache_Kampfschule.jpg [112]
./bilder/quests/arne/011_Wikingerhafen.jpg [113]
./bilder/quests/arne/012_militaerische_Kampfschule.jpg [114]
./bilder/quests/arne/013_Werkstatt_Uebungsraum.jpg [115]
./bilder/quests/arne/014_Universitaetssaal.jpg [116]
./bilder/quests/arne/015_Wikinger_Kampfschule.jpg [117]
./bilder/quests/arne/016_kaiserlicher_Hafen.jpg [118]
./bilder/quests/arne/017_kleiner_Schulungsraum.jpg [119]
./bilder/quests/arne/018_Sandarena_Kampfschule.jpg [120]
./bilder/quests/arne/019_suedlaendischer_Hafen.jpg [121]
./bilder/quests/arne/020_Kogge_Eismeer.jpg [122]
./bilder/quests/arne/021_Taverne_Drecksloch.jpg [123]
./bilder/quests/arne/022_Taverne_Absteige.jpg [124]
./bilder/quests/arne/023_Taverne_Spelunke.jpg [125]
./bilder/quests/arne/024_Taverne_Gasthaus.jpg [126]
./bilder/quests/arne/025_Taverne_gutes_Haus.jpg [127]
./bilder/quests/arne/026_Taverne_edles_Haus.jpg [128]
./bilder/quests/arne/027_Taverne_Palast.jpg [129]
./bilder/quests/arne/028_Lagerhaus.jpg [130]
./bilder/quests/arne/029_Markplatz_aermlich.jpg [131]
./bilder/quests/arne/030_Brunnen_aermlich.jpg [132]
./bilder/quests/arne/031_Markplatz_wohlhabend.jpg [133]
./bilder/quests/arne/032_Brunnen_wohlhabend.jpg [134]
./bilder/quests/arne/033_Rathaus_aermlich.jpg [135]
./bilder/quests/arne/034_Rathaus_normal.jpg [136]
./bilder/quests/arne/035_Rathaus_prunkvoll.jpg [137]
./bilder/quests/arne/036_Rathaus_aus_Holz.jpg [138]
./bilder/quests/arne/037_Kutschenstation.jpg [139]
./bilder/quests/arne/038_Untergrund.jpg [140]
./bilder/quests/arne/039_Orkpfuhl.jpg [141]
./bilder/quests/arne/040_Baal_Arena.jpg [142]
./bilder/quests/arne/041_Wasserdrache.jpg [143]
./bilder/quests/arne/042_Tekkaio_Hafen.jpg [144]
./bilder/quests/arne/043_Suedsee_Kolonie.jpg [145]
./bilder/quests/arne/044_Piratenhafen_neu.jpg [146]
./bilder/quests/arne/045_Kerker_Vs_A.jpg [147]
./bilder/quests/arne/045_Kerker_Vs_B.jpg [148]
./bilder/quests/arne/045_Kerker_Vs_C.jpg [149]
./bilder/quests/arne/045_Kerker_Vs_D.jpg [150]
./bilder/quests/arne/046_047_048_Ordenhaus.jpg [151]
./bilder/quests/arne/046_047_048_Ordenhaus2.jpg [152]
./bilder/quests/arne/061_Burg_See.jpg [153]
./bilder/quests/arne/062_Tempelruine_nordisch.jpg [154]
./bilder/quests/arne/063_Icon_Kaiserlich_Gross.jpg [155]
./bilder/quests/arne/063_Icon_Kaiserlich_Klein.jpg [156]
./bilder/quests/arne/063_Icon_Kaiserlich_Mittel.jpg [157]
./bilder/quests/arne/064_Icon_Wueste_Gross.jpg [158]
./bilder/quests/arne/064_Icon_Wueste_Klein.jpg [159]
./bilder/quests/arne/064_Icon_Wueste_Mittel.jpg [160]
./bilder/quests/arne/065_Icon_Burg_Militaerisch_A.jpg [161]
./bilder/quests/arne/065_Icon_Burg_Militaerisch_B.jpg [162]
./bilder/quests/arne/065_Icon_Burg_Militaerisch_C.jpg [163]
./bilder/quests/arne/065_Icon_Japanisch_Gross.jpg [164]
./bilder/quests/arne/065_Icon_Japanisch_Klein.jpg [165]
./bilder/quests/arne/065_Icon_Japanisch_Mittel.jpg [166]
./bilder/quests/arne/067_Icon_Wikinger_Gross.jpg [167]
./bilder/quests/arne/067_Icon_Wikinger_Klein.jpg [168]
./bilder/quests/arne/067_Icon_Wikinger_Mittel.jpg [169]
./bilder/quests/arne/068_Icon_Dschungelhuette.jpg [170]
./bilder/quests/arne/068_Icon_Holzhuette.jpg [171]
./bilder/quests/arne/068_Icon_Jurte.jpg [172]
./bilder/quests/arne/068_Icon_Teleport.jpg [173]
./bilder/quests/arne/069_Burg_Klippen.jpg [174]
./bilder/quests/arne/070_Tempelruine_Dschungel.jpg [175]
./bilder/quests/arne/071_Teleporter.jpg [176]
./bilder/quests/arne/072_Icon_Drache_weiss.jpg [177]
./bilder/quests/arne/072_Icon_Lindwurm.jpg [178]
./bilder/quests/arne/072_Icon_Seeschlange.jpg [179]
./bilder/quests/arne/073_Icon_Hoehleneingang.jpg [180]
./bilder/quests/arne/073_Icon_Magierturm.jpg [181]
./bilder/quests/arne/073_Icon_Turmruine.jpg [182]
./bilder/quests/arne/074_Icon_Burgruine_A.jpg [183]
./bilder/quests/arne/074_Icon_Burgruine_B.jpg [184]
./bilder/quests/arne/074_Icon_Burg_A.jpg [185]
./bilder/quests/arne/074_Icon_Burg_B.jpg [186]
./bilder/quests/Barbarossa-quest0/q0.png [187]
./bilder/quests/Barbarossa-quest0/q1.png [188]
./bilder/quests/Barbarossa-quest0/q2.png [189]
./bilder/quests/Barbarossa-quest0/q3.png [190]
./bilder/quests/Barbarossa-quest0/q5.png [191]
./bilder/quests/ethion/giraf.jpg [192]
./bilder/quests/ethion/horse.jpg [193]
./bilder/quests/ethion/orchound_sizetable.jpg [194]
./bilder/quests/ethion/orklandpony.jpg [195]
./bilder/quests/ethion/orklandpony2.png [196]
./bilder/quests/ethion/waran.jpg [197]
./bilder/quests/goswin/amazone.jpg [198]
./bilder/quests/goswin/burgruine.jpg [199]
./bilder/quests/goswin/edelfrau.jpg [200]
./bilder/quests/goswin/eissee.jpg [201]
./bilder/quests/goswin/elf.jpg [202]
./bilder/quests/goswin/festungstadt.jpg [203]
./bilder/quests/goswin/Hafenstadt.jpg [204]
./bilder/quests/goswin/kontinentalbr__cke.jpg [205]
./bilder/quests/goswin/krieger.jpg [206]
./bilder/quests/goswin/Magierakademie.jpg [207]
./bilder/quests/goswin/Orkador.jpg [208]
./bilder/quests/goswin/piratin.jpg [209]
./bilder/quests/goswin/Pyramide.jpg [210]
./bilder/quests/goswin/tellerhelm.jpg [211]
./bilder/quests/goswin/Trutzburg.jpg [212]
./bilder/quests/goswin/turmdrache.jpg [213]
./bilder/quests/goswin/Wasserburg.jpg [214]
./bilder/quests/goswin/wasserdrache.jpg [215]
./bilder/quests/goswin/w__stenburg.jpg [216]
./bilder/quests/goswin/zweih__nder.jpg [217]
./bilder/quests/goswin/zwerg.jpg [218]
./bilder/quests/goswin/zwergenstadt.jpg [219]
./bilder/quests/goswin/zwergenwacht.jpg [220]
./bilder/quests/harry/2%20Wegelagerer.jpg [221]
./bilder/quests/harry/Ackersmann.jpg [222]
./bilder/quests/harry/Alchimist.jpg [223]
./bilder/quests/harry/Alte%20Eiche.jpg [224]
./bilder/quests/harry/Alte%20Holztruhe.jpg [225]
./bilder/quests/harry/Alte%20Steinhuette.jpg [226]
./bilder/quests/harry/Anatom.jpg [227]
./bilder/quests/harry/Apotheker.jpg [228]
./bilder/quests/harry/Armbruster.jpg [229]
./bilder/quests/harry/Aufseher.jpg [230]
./bilder/quests/harry/Ausrufer.jpg [231]
./bilder/quests/harry/Axtkampflehrer.jpg [232]
./bilder/quests/harry/baecker.jpg [233]
./bilder/quests/harry/Bank-Kontor.jpg [234]
./bilder/quests/harry/Bankengebaeude.jpg [235]
./bilder/quests/harry/Barbier.jpg [236]
./bilder/quests/harry/Barde.jpg [237]
./bilder/quests/harry/Bastler.jpg [238]
./bilder/quests/harry/Bauhelfer.jpg [239]
./bilder/quests/harry/Baumeister-Assistent.jpg [240]
./bilder/quests/harry/Baumeisterr.jpg [241]
./bilder/quests/harry/Bergmann.jpg [242]
./bilder/quests/harry/Betrunkene%20Nordahejmr.jpg [243]
./bilder/quests/harry/Betrunkener%20Kaufmann.jpg [244]
./bilder/quests/harry/Bettler.jpg [245]
./bilder/quests/harry/Bibliothekar.jpg [246]
./bilder/quests/harry/Bildhauer.jpg [247]
./bilder/quests/harry/Bogenbauer.jpg [248]
./bilder/quests/harry/Bootsbauer.jpg [249]
./bilder/quests/harry/Botenlaeufer.jpg [250]
./bilder/quests/harry/Botenreiter.jpg [251]
./bilder/quests/harry/Brauer.jpg [252]
./bilder/quests/harry/Braugehilfe.jpg [253]
./bilder/quests/harry/Buettel.jpg [254]
./bilder/quests/harry/Dachdecker.jpg [255]
./bilder/quests/harry/Der%20Wirt.jpg [256]
./bilder/quests/harry/Dieb.jpg [257]
./bilder/quests/harry/Drucker.jpg [258]
./bilder/quests/harry/Edelsteinschleifer.jpg [259]
./bilder/quests/harry/Ein%20abendliches%20Lager.jpg [260]
./bilder/quests/harry/Einbrecher.jpg [261]
./bilder/quests/harry/einfacher%20Einbrecher.jpg [262]
./bilder/quests/harry/Einhorn.jpg [263]
./bilder/quests/harry/Entfuehrer.jpg [264]
./bilder/quests/harry/Erntehelfer.jpg [265]
./bilder/quests/harry/Erz%20-%20Prospektor.jpg [266]
./bilder/quests/harry/erzaehler.jpg [267]
./bilder/quests/harry/Faerber.jpg [268]
./bilder/quests/harry/Falkner.jpg [269]
./bilder/quests/harry/Fallensteller.jpg [270]
./bilder/quests/harry/Fechtkampflehrer%20der%20guten%20Gesellshaft.jpg [271]
./bilder/quests/harry/Feuerwassermacher.jpg [272]
./bilder/quests/harry/Fisch%20im%20Bach.jpg [273]
./bilder/quests/harry/Fischer.jpg [274]
./bilder/quests/harry/Flickenschneider.jpg [275]
./bilder/quests/harry/Flussschiffer.jpg [276]
./bilder/quests/harry/Forschungsangestellter.jpg [277]
./bilder/quests/harry/Fuehrer.jpg [278]
./bilder/quests/harry/Fuhrmann.jpg [279]
./bilder/quests/harry/Gaertner.jpg [280]
./bilder/quests/harry/Gardistenhauptmann.jpg [281]
./bilder/quests/harry/Gartenbauer.jpg [282]
./bilder/quests/harry/Gastwirt.jpg [283]
./bilder/quests/harry/Gaukler.jpg [284]
./bilder/quests/harry/geschaftsfuehrer.jpg [285]
./bilder/quests/harry/geschichtenerzaehler.jpg [286]
./bilder/quests/harry/Gesellschafter.jpg [287]
./bilder/quests/harry/Giftmischer.jpg [288]
./bilder/quests/harry/glasblaeser.jpg [289]
./bilder/quests/harry/gluecksspieler.jpg [290]
./bilder/quests/harry/Goblin%20mit%20Gold.jpg [291]
./bilder/quests/harry/Goblin-Aufseher.jpg [292]
./bilder/quests/harry/Grausiges%20Lager.jpg [293]
./bilder/quests/harry/Haijaeger.jpg [294]
./bilder/quests/harry/Halbsklave.jpg [295]
./bilder/quests/harry/Hand%20nach%20Groschensack.jpg [296]
./bilder/quests/harry/Hausdiener.jpg [297]
./bilder/quests/harry/Hebamme.jpg [298]
./bilder/quests/harry/Hehler.jpg [299]
./bilder/quests/harry/Herold.jpg [300]
./bilder/quests/harry/Hirte.jpg [301]
./bilder/quests/harry/Historiker.jpg [302]
./bilder/quests/harry/Holzfaeller.jpg [303]
./bilder/quests/harry/Huetchenspieler.jpg [304]
./bilder/quests/harry/Huettenkundiger.jpg [305]
./bilder/quests/harry/Hure.jpg [306]
./bilder/quests/harry/Instrumentenbauer.jpg [307]
./bilder/quests/harry/Jaeger.jpg [308]
./bilder/quests/harry/Kameltreiber.jpg [309]
./bilder/quests/harry/Kammerzofe.jpg [310]
./bilder/quests/harry/Kampf%20Frau-Mann.jpg [311]
./bilder/quests/harry/Kapitaen.jpg [312]
./bilder/quests/harry/Kaputtes%20Wagenrad.jpg [313]
./bilder/quests/harry/Kartograph.jpg [314]
./bilder/quests/harry/Kleiner%20Taschendieb.jpg [315]
./bilder/quests/harry/Knietief%20im%20Sumpfloch.jpg [316]
./bilder/quests/harry/Knochenbrecher.jpg [317]
./bilder/quests/harry/Knochensammler.jpg [318]
./bilder/quests/harry/Koch.jpg [319]
./bilder/quests/harry/Kraemer.jpg [320]
./bilder/quests/harry/Kraeutersammler.jpg [321]
./bilder/quests/harry/Kriegsoger.jpg [322]
./bilder/quests/harry/Kristallzuechter.jpg [323]
./bilder/quests/harry/Kurtisane.jpg [324]
./bilder/quests/harry/Kutscher.jpg [325]
./bilder/quests/harry/Lager%20mit%20leerem%20Regal.jpg [326]
./bilder/quests/harry/Lastentraeger.jpg [327]
./bilder/quests/harry/Lauscher.jpg [328]
./bilder/quests/harry/Lehrauftrag.jpg [329]
./bilder/quests/harry/Leiche%20mit%20Fliegenschwarm.jpg [330]
./bilder/quests/harry/Leichtmatrose.jpg [331]
./bilder/quests/harry/Leuchtfeuerwaechter.jpg [332]
./bilder/quests/harry/Lotse.jpg [333]
./bilder/quests/harry/Magd.jpg [334]
./bilder/quests/harry/Maler.jpg [335]
./bilder/quests/harry/Mann%20sitzt%20am%20Feuer.jpg [336]
./bilder/quests/harry/Mathematiker.jpg [337]
./bilder/quests/harry/Matrose.jpg [338]
./bilder/quests/harry/Maurer.jpg [339]
./bilder/quests/harry/Mechanikus.jpg [340]
./bilder/quests/harry/Medicus%20im%20Bett.jpg [341]
./bilder/quests/harry/Medicus.jpg [342]
./bilder/quests/harry/Meissler-Schreiber.jpg [343]
./bilder/quests/harry/Metzger.jpg [344]
./bilder/quests/harry/Mueller.jpg [345]
./bilder/quests/harry/Muenzfaelscher.jpg [346]
./bilder/quests/harry/Mundraub.jpg [347]
./bilder/quests/harry/Musikus.jpg [348]
./bilder/quests/harry/Nachtwaechter.jpg [349]
./bilder/quests/harry/Nashorn-Mammut.jpg [350]
./bilder/quests/harry/Nordahejmr_olvir.jpg [351]
./bilder/quests/harry/Oberhaupt%20der%20Diebesgilde.jpg [352]
./bilder/quests/harry/Oger%20Starkfaust.jpg [353]
./bilder/quests/harry/Opfer.jpg [354]
./bilder/quests/harry/Orchestermusiker.jpg [355]
./bilder/quests/harry/Ork%20mit%20gespanntem%20Bogen.jpg [356]
./bilder/quests/harry/Pamphletist.jpg [357]
./bilder/quests/harry/Person%20beschatten.jpg [358]
./bilder/quests/harry/Pilzzuechter.jpg [359]
./bilder/quests/harry/Pirat.jpg [360]
./bilder/quests/harry/Piratenkapitaen.jpg [361]
./bilder/quests/harry/Piratenoffizier.jpg [362]
./bilder/quests/harry/Pony-Abrichter.jpg [363]
./bilder/quests/harry/Privatkutscher.jpg [364]
./bilder/quests/harry/Privatlehrer.jpg [365]
./bilder/quests/harry/Profi-Einbrecher.jpg [366]
./bilder/quests/harry/Quacksalber.jpg [367]
./bilder/quests/harry/Rattenfaenger.jpg [368]
./bilder/quests/harry/Rauschmittelverkaeufer.jpg [369]
./bilder/quests/harry/Ravena_%20Streunerin.jpg [370]
./bilder/quests/harry/Rechtsgelehrter.jpg [371]
./bilder/quests/harry/Reliquienfaelscher.jpg [372]
./bilder/quests/harry/Riegel%20heben.jpg [373]
./bilder/quests/harry/Robbenjaeger.jpg [374]
./bilder/quests/harry/Rosstaeuscher.jpg [375]
./bilder/quests/harry/Ruderer.jpg [376]
./bilder/quests/harry/Schankgehilfe.jpg [377]
./bilder/quests/harry/Scharfrichter.jpg [378]
./bilder/quests/harry/Schauermann.jpg [379]
./bilder/quests/harry/Schaukaempfer.jpg [380]
./bilder/quests/harry/Schiffbauer.jpg [381]
./bilder/quests/harry/Schlaeger.jpg [382]
./bilder/quests/harry/Schlange.jpg [383]
./bilder/quests/harry/Schlepper.jpg [384]
./bilder/quests/harry/Schlittenfuehrer.jpg [385]
./bilder/quests/harry/Schlossknacken%20Tuer.jpg [386]
./bilder/quests/harry/Schmied.jpg [387]
./bilder/quests/harry/Schmiedegehilfe.jpg [388]
./bilder/quests/harry/Schmiere%20stehen.jpg [389]
./bilder/quests/harry/Schmuggler.jpg [390]
./bilder/quests/harry/Schneider.jpg [391]
./bilder/quests/harry/Schnorrer.jpg [392]
./bilder/quests/harry/Schreiber%20in%20Taverne.jpg [393]
./bilder/quests/harry/Schreiber.jpg [394]
./bilder/quests/harry/Schuhmacher.jpg [395]
./bilder/quests/harry/Schuldeneintreiber.jpg [396]
./bilder/quests/harry/Schwertkampflehrer.jpg [397]
./bilder/quests/harry/Skelett%20-%20Schild%20Morgenstern.jpg [398]
./bilder/quests/harry/Sklavenjaeger.jpg [399]
./bilder/quests/harry/Smutje.jpg [400]
./bilder/quests/harry/soeldner.jpg [401]
./bilder/quests/harry/Spitzel.jpg [402]
./bilder/quests/harry/Staatssekretaer%20der%20Adelsversammlung.jpg [403]
./bilder/quests/harry/Stafettenlaeufer.jpg [404]
./bilder/quests/harry/Stallknecht.jpg [405]
./bilder/quests/harry/Stein%20aus%20Felswand.jpg [406]
./bilder/quests/harry/Steinbruch.jpg [407]
./bilder/quests/harry/Steinmetz.jpg [408]
./bilder/quests/harry/Stellmacher.jpg [409]
./bilder/quests/harry/Steuermann.jpg [410]
./bilder/quests/harry/Stollenbaumeister.jpg [411]
./bilder/quests/harry/Strassenbauer.jpg [412]
./bilder/quests/harry/Strassenfeger.jpg [413]
./bilder/quests/harry/Taetowierer.jpg [414]
./bilder/quests/harry/Tanzlehrer.jpg [415]
./bilder/quests/harry/Taschendieb.jpg [416]
./bilder/quests/harry/Taschendiebstahl.jpg [417]
./bilder/quests/harry/Theaterschauspieler.jpg [418]
./bilder/quests/harry/Tischler.jpg [419]
./bilder/quests/harry/Torfstecher.jpg [420]
./bilder/quests/harry/Torwache.jpg [421]
./bilder/quests/harry/Totengraeber.jpg [422]
./bilder/quests/harry/Tresorbauer.jpg [423]
./bilder/quests/harry/Tuersteher.jpg [424]
./bilder/quests/harry/Uhrmacher.jpg [425]
./bilder/quests/harry/untoter%20Krieger.jpg [426]
./bilder/quests/harry/Verfuehrer.jpg [427]
./bilder/quests/harry/Verwalter.jpg [428]
./bilder/quests/harry/Vollmatrose.jpg [429]
./bilder/quests/harry/Vorhaengeschloss_knacken.jpg [430]
./bilder/quests/harry/Waffenhaendler.jpg [431]
./bilder/quests/harry/Waldspinne.jpg [432]
./bilder/quests/harry/Wasser%20im%20Boot.jpg [433]
./bilder/quests/harry/Wilderer.jpg [434]
./bilder/quests/harry/Winzer.jpg [435]
./bilder/quests/harry/Wundarzt.jpg [436]
./bilder/quests/harry/Zahlenmystiker.jpg [437]
./bilder/quests/harry/Zimmermann.jpg [438]
./bilder/quests/harry/Zombie%20mit%20Schwert.jpg [439]
./bilder/quests/harry/Zuhaelter.jpg [440]
./bilder/quests/harry/zwei_wachen.jpg [441]
./bilder/quests/harry/Zwergengruppe%20um%20Feuer%20Nr_%202.jpg [442]
./bilder/quests/harry/Zwergengruppe%20um%20Feuer.jpg [443]
./bilder/quests/harry/Zwergengruppe2.jpg [444]
./bilder/quests/harry/Zwergischer%20Armbruster.jpg [445]
./bilder/quests/harry/Zwergischer%20Waffenschmied.jpg [446]
./bilder/quests/harry_farbe/Abajaide%20Farbillu.jpg [447]
./bilder/quests/harry_farbe/Aivarune%20Farbillu.jpg [448]
./bilder/quests/harry_farbe/Amazone%20Farbillu.jpg [449]
./bilder/quests/harry_farbe/Auretanier%20Farbillu.jpg [450]
./bilder/quests/harry_farbe/Cronarh%20Farbillu.jpg [451]
./bilder/quests/harry_farbe/Dschungelmenschen%20Farbillu.jpg [452]
./bilder/quests/harry_farbe/DUN-Zwerg%20Farbillu.jpg [453]
./bilder/quests/harry_farbe/Elfe%20Farbillu.jpg [454]
./bilder/quests/harry_farbe/Grauland%20Farbillu.jpg [455]
./bilder/quests/harry_farbe/Halbling%20Farbillu.jpg [456]
./bilder/quests/harry_farbe/Halbork%20Farbillu.jpg [457]
./bilder/quests/harry_farbe/Ismannar%20Farbillu.jpg [458]
./bilder/quests/harry_farbe/Kaiserreich%20Farbillu.jpg [459]
./bilder/quests/harry_farbe/Lothrinier%20Farbillu.jpg [460]
./bilder/quests/harry_farbe/Lunasadher%20Farbillu.jpg [461]
./bilder/quests/harry_farbe/Nordahejmr-2_ter-Versuch.jpg [462]
./bilder/quests/harry_farbe/Sartogasso%20Farbillu.jpg [463]
./bilder/quests/harry_farbe/Tekkaio%20Farbillu.jpg [464]
./bilder/quests/harry_farbe/Westendar%20Farbillu.jpg [465]
./bilder/quests/harry_farbe/Xetoka%20Farbillu.jpg [466]
./bilder/quests/harry_farbe/Zigeunerin%20Farbillu.jpg [467]
./bilder/quests/maze/a1.png [468]
./bilder/quests/maze/a2.png [469]
./bilder/quests/maze/a3.png [470]
./bilder/quests/maze/a4.png [471]
./bilder/quests/maze/b1.png [472]
./bilder/quests/maze/b2.png [473]
./bilder/quests/maze/b3.png [474]
./bilder/quests/maze/b4.png [475]
./bilder/quests/maze/c1.png [476]
./bilder/quests/maze/c2.png [477]
./bilder/quests/maze/c3.png [478]
./bilder/quests/maze/c4.png [479]
./bilder/quests/maze/d1.png [480]
./bilder/quests/maze/d2.png [481]
./bilder/quests/maze/d3.png [482]
./bilder/quests/maze/d4.png [483]
./bilder/quests/maze/unknown.png [484]
./bilder/quests/mishra/Abfluss.png [485]
./bilder/quests/mishra/alembic.png [486]
./bilder/quests/mishra/Amazonenruestung.png [487]
./bilder/quests/mishra/Amazonenruestung2.png [488]
./bilder/quests/mishra/Amphore1.png [489]
./bilder/quests/mishra/Amphore2.png [490]
./bilder/quests/mishra/Bernsteinbrille.png [491]
./bilder/quests/mishra/Biegunglinks.png [492]
./bilder/quests/mishra/Biegungrechts.png [493]
./bilder/quests/mishra/Blasebalg.png [494]
./bilder/quests/mishra/BogenPapier.png [495]
./bilder/quests/mishra/Brille.png [496]
./bilder/quests/mishra/calcintatorofen.png [497]
./bilder/quests/mishra/Dreikreuz.png [498]
./bilder/quests/mishra/Durchbruch.png [499]
./bilder/quests/mishra/Eisendraht.png [500]
./bilder/quests/mishra/EisenvTrnsprtKiste.png [501]
./bilder/quests/mishra/erlmeyer.png [502]
./bilder/quests/mishra/Feldflasche1.png [503]
./bilder/quests/mishra/feldgeschirr.png [504]
./bilder/quests/mishra/feldgeschirr2.png [505]
./bilder/quests/mishra/feuerdrachenschuppenpanzer.png [506]
./bilder/quests/mishra/Flaschenpost.png [507]
./bilder/quests/mishra/Gerade.png [508]
./bilder/quests/mishra/gewichte.png [509]
./bilder/quests/mishra/gitgrod.png [510]
./bilder/quests/mishra/Gitter.png [511]
./bilder/quests/mishra/GoldenerArmreif.png [512]
./bilder/quests/mishra/Goldohrringe.png [513]
./bilder/quests/mishra/Gulli.png [514]
./bilder/quests/mishra/Henkelflasche1.png [515]
./bilder/quests/mishra/Henkelflasche2.png [516]
./bilder/quests/mishra/Himmelsfernrohr.png [517]
./bilder/quests/mishra/Jonglierbaelle.png [518]
./bilder/quests/mishra/kleinesFass.png [519]
./bilder/quests/mishra/Kletterhaken.png [520]
./bilder/quests/mishra/Kreuzung.png [521]
./bilder/quests/mishra/Kreuzung2.png [522]
./bilder/quests/mishra/Kristallbrille.png [523]
./bilder/quests/mishra/Kuerbisflasche2.png [524]
./bilder/quests/mishra/Kuerbisflsche1.png [525]
./bilder/quests/mishra/Lackdose.png [526]
./bilder/quests/mishra/Lupe.png [527]
./bilder/quests/mishra/Messinglineal.png [528]
./bilder/quests/mishra/Messingspiegel.png [529]
./bilder/quests/mishra/Metallfeile.png [530]
./bilder/quests/mishra/Mistgabel.png [531]
./bilder/quests/mishra/M_rser.png [532]
./bilder/quests/mishra/Nagelfeile.png [533]
./bilder/quests/mishra/Obstbrand1.png [534]
./bilder/quests/mishra/Obstbrand2.png [535]
./bilder/quests/mishra/phiolenk_stchen.png [536]
./bilder/quests/mishra/Quadrant.png [537]
./bilder/quests/mishra/Rapier.png [538]
./bilder/quests/mishra/Regenschirm.png [539]
./bilder/quests/mishra/ReinerAlkohol.png [540]
./bilder/quests/mishra/retorte.png [541]
./bilder/quests/mishra/Sack.png [542]
./bilder/quests/mishra/Sake.png [543]
./bilder/quests/mishra/Schiffskompass.png [544]
./bilder/quests/mishra/Silberohrringe.png [545]
./bilder/quests/mishra/Stirnreif.png [546]
./bilder/quests/mishra/stundenglas.png [547]
./bilder/quests/mishra/T.png [548]
./bilder/quests/mishra/Tabakdose.png [549]
./bilder/quests/mishra/Taschenuhr.png [550]
./bilder/quests/mishra/teurerRotwein.png [551]
./bilder/quests/mishra/teurerSchnaps.png [552]
./bilder/quests/mishra/teurerWeisswein.png [553]
./bilder/quests/mishra/Tinte.png [554]
./bilder/quests/mishra/Tlinks.png [555]
./bilder/quests/mishra/Tonflasche1.png [556]
./bilder/quests/mishra/Tonflasche2.png [557]
./bilder/quests/mishra/Trechts.png [558]
./bilder/quests/mishra/unetikettierterWein.png [559]
./bilder/quests/mishra/VersHandspiegelGlas.png [560]
./bilder/quests/mishra/VerzierteOhrringe.png [561]
./bilder/quests/mishra/Vorh_ngeschloss.png [562]
./bilder/quests/mishra/Waage.png [563]
./bilder/quests/mishra/Wachstaefelchen.png [564]
./bilder/quests/mishra/Waffenpflegeutensilien.png [565]
./bilder/quests/mishra/Weinschlauch.png [566]
./bilder/quests/mishra/WinterfesteKleidung.png [567]
./bilder/quests/mishra/WinterfesteKleidungF.png [568]
./bilder/quests/mishra/WinterfesteKleidungK.png [569]
./bilder/quests/mishra/WWKleidung.png [570]
./bilder/quests/mishra/WWKleidungF.png [571]
./bilder/quests/mishra/WWKleidungK.png [572]
./bilder/quests/mishra/zange.png [573]
./bilder/quests/raetsel/kreis_down.jpg [574]
./bilder/quests/raetsel/kreis_left.jpg [575]
./bilder/quests/raetsel/kreis_right.jpg [576]
./bilder/quests/raetsel/kreis_up.jpg [577]
./bilder/quests/raetsel/pergament.jpg [578]
./bilder/quests/raetsel/pfeil_down.jpg [579]
./bilder/quests/raetsel/pfeil_left.jpg [580]
./bilder/quests/raetsel/pfeil_right.jpg [581]
./bilder/quests/raetsel/pfeil_up.jpg [582]
./bilder/quests/raetsel/platten.jpg [583]
./bilder/quests/raetsel/tropfen_down.jpg [584]
./bilder/quests/raetsel/tropfen_left.jpg [585]
./bilder/quests/raetsel/tropfen_right.jpg [586]
./bilder/quests/raetsel/tropfen_up.jpg [587]
./bilder/quests/raetsel/t_down.jpg [588]
./bilder/quests/raetsel/t_left.jpg [589]
./bilder/quests/raetsel/t_right.jpg [590]
./bilder/quests/raetsel/t_up.jpg [591]
./bilder/quests/stadtplaene/Berenhavn%20Draft%204f.JPG [592]
./bilder/quests/stadtplaene/Berenhavn%20Draft%204j.jpg [593]
./bilder/quests/stadtplaene/Eisentrutz%20final.jpg [594]
./bilder/quests/stadtplaene/Eisentrutz%20schwarz%20wei__.jpg [595]
./bilder/quests/stadtplaene/Isenrhode%20village%202.jpg [596]

Wenn der passende Pfad zum Bild herausgesucht wurde, weiß man somit die URL zum Bild, die für das Einbinden in der AOQML-Datei wichtig ist.

Bild einbinden

Prinzipiell werden Bilder über das <img>-HTML-Tag eingebunden. Das img-Tag benötigt immer die beiden Attribute src (die URL zum Bild) und alt (ein Alternativtext, falls Bild nicht geladen werden kann) - diese Angaben sind Pflichtangaben! Darüberhinaus können weitere Attribute wie z.B. title (Bildtitel, wenn man mit der Maus über das Bild fährt) und style (CSS-Angaben) angegeben werden (siehe folgende Beispiele).

Man sollte bei jedem Bildeinbau bedenken, dass andere Spieler mit hoher Wahrscheinlichkeit eine andere Bildschirmauflösung haben, als man selbst, somit die Positionierung von Bild und Text "verschoben" sein können.

Bild oberhalb vom Text positionieren

Die einfachste Möglichkeit ein Bild einzubinden:

<img src="./bilder/quests/2_wegelagerer.gif" alt="2 Wegelagerer" />
<p>Zwei garstige Gesellen stapfen vor dir auf den Weg und halten dich an: <q>Geld oder Leben! Egal wie du dich entscheidest, an deine Penunzen kommen wir sowieso!</q></p>
Bild normal.jpg


Bild oberhalb vom Text zentrieren

Mittels ein bisschen CSS und einem Hilfscontainer (DIV-Element) kann man ein Bild zentrieren:

<div style="margin:0 auto; text-align:center;">
  <img src="bilder/quests/rathaus_holz.jpg" title="Die Auftragsbörse" alt="Die Auftragsbörse"/>
</div>

<p><q>Willkommen bei der Gruheymer Auftragsbörse!</q>, steht an einem Schild an der Wand geschrieben.</p>
<p>Die Tür ist verschlossen, doch am Schwarzen Brett hängen einige Zettel mit Aufträgen.</p>
<p>Du überlegst, ob du dir einen Auftrag aussuchen möchtest, und kommst schließlich zu folgendem Schluss:</p>
<p><choice target="A">Du willst dir die Aufträge ansehen.</choice></p>
<p><choice target="abbrechen">Du willst heute keinen Auftrag annehmen.</choice></p>
Bild zentriert.jpg


Bildgröße ändern

Manchmal möchte man ein Bild etwas kleiner anzeigen lassen, als es eigentlich ist. Dies ist insbesondere dann der Fall, wenn man ein Bild von Text umfließen lassen möchte. Mittels der CSS-Angabe width kann die Breite des anzuzeigenden Bildes festgelegt werden.

<img src="bilder/quests/rathaus_holz.jpg" title="Die Auftragsbörse" alt="Die Auftragsbörse" style="width:400px;"/>

<p><q>Willkommen bei der Gruheymer Auftragsbörse!</q>, steht an einem Schild an der Wand geschrieben.</p>
<p>Die Tür ist verschlossen, doch am Schwarzen Brett hängen einige Zettel mit Aufträgen.</p>
<p>Du überlegst, ob du dir einen Auftrag aussuchen möchtest, und kommst schließlich zu folgendem Schluss:</p>
<p><choice target="A">Du willst dir die Aufträge ansehen.</choice></p>
<p><choice target="abbrechen">Du willst heute keinen Auftrag annehmen.</choice></p>
Bild Breite geaendert.jpg

Alternativ kann mittels der Angabe height auch die Höhe des Bildes festgelegt werden.


Text um Bild umfließen

Mittels des sogenannten Floatings kann man Text um das Bild umfließen lassen. Es gibt zwei Möglichkeiten: a) Bild wird links angezeigt (Text dementsprechend rechts) oder b) Bild wird rechts angezeigt (Text entsprechend links).

Möglichkeit a) Bild links anzeigen, Text rechts:

<img src="bilder/quests/rathaus_holz.jpg" title="Die Auftragsbörse" alt="Die Auftragsbörse" style="float:left; width:400px; margin:0 10px 10px 0;"/>

<p><q>Willkommen bei der Gruheymer Auftragsbörse!</q>, steht an einem Schild an der Wand geschrieben.</p>
<p>Die Tür ist verschlossen, doch am Schwarzen Brett hängen einige Zettel mit Aufträgen.</p>
<p>Du überlegst, ob du dir einen Auftrag aussuchen möchtest, und kommst schließlich zu folgendem Schluss:</p>
<p><choice target="A">Du willst dir die Aufträge ansehen.</choice></p>
<p><choice target="abbrechen">Du willst heute keinen Auftrag annehmen.</choice></p>
Bild links.jpg


Möglichkeit b) Bild rechts anzeigen, Text links:

<img src="bilder/quests/rathaus_holz.jpg" title="Die Auftragsbörse" alt="Die Auftragsbörse" style="float:right; width:400px; margin:0 0 10px 10px;"/>

<p><q>Willkommen bei der Gruheymer Auftragsbörse!</q>, steht an einem Schild an der Wand geschrieben.</p>
<p>Die Tür ist verschlossen, doch am Schwarzen Brett hängen einige Zettel mit Aufträgen.</p>
<p>Du überlegst, ob du dir einen Auftrag aussuchen möchtest, und kommst schließlich zu folgendem Schluss:</p>
<p><choice target="A">Du willst dir die Aufträge ansehen.</choice></p>
<p><choice target="abbrechen">Du willst heute keinen Auftrag annehmen.</choice></p>
Bild rechts.jpg


Abstand vom Bild

Mittels des CSS-Attributes margin kann der Abstand zwischen Bild und umgebenden Elementen (z.B. Text) geregelt werden. Für gewöhnlich muss dieses Attribut nicht separat angegeben werden, aber manchmal kann es hilfreich sein um den Text nicht so dicht an das Bild "heranrücken" zu lassen. In den obigen Beispielen wurde margin teilweise verwendet, mit höheren Zahlenwerten steigt entsprechend der Abstand.
Dabei gilt folgende Reihenfolge: oben, rechts, unten, links. Also margin:10px 20px 30px 40px; bedeutet 10 Bildpunkte Abstand nach oben, 20 nach rechts, 30 nach unten und 40 nach links und zwar vom Bild aus gesehen. Das heißt, ist das Bild linksbündig angeordnet, müsste man den zweiten Wert modifizieren, um Abstand zum Text zu bekommen. Ist das Bild rechtsbündig angeordnet, den vierten.

Dungeon-Bilder

Für alle, die ihre eigenen Dungeons gestalten wollen: Pinsel für Gimp gibt es hier zum Download: http://spiel.antamar.org/Gimp-Dungeon-brushes_2014.rar

Ansonsten gilt, dass "fertige" Bilder in der Galerie zu finden sind: http://spiel.antamar.org/galerie/

Bilder und Testserver

Um eine Queste mit Bildern ordentlich auf dem Testserver testen zu können, gibt es zwei Möglichkeiten:

  1. Man legt die Bilder in das ZIP-Archiv und verwendet den Dateinamen, um auf sie zu referieren.
  2. Man legt die Bilder bei einem externen Bilderhoster oder im Wiki ab und benutzt die vollständige URL, um auf sie zu verweisen.
<img src="rathaus_holz.jpg" title="Die Auftragsbörse" alt="Die Auftragsbörse"/><!-- Funktioniert wenn sich die rathaus_holz.jpg direkt im ZIP-Archiv auf Ebene der start.xml befindet -->
<img src="http://wiki.antamar.eu/images/thumb/9/99/Bild_rechts.jpg/799px-Bild_rechts.jpg"> <!-- Funktioniert, siehe URL der Grafik oben zur Grafik rechts -->
<map src="Bilder/rathaus_holz.jpg"> <!-- Funktioniert nicht, selbst wenn sich die rathaus_holz.jpg im Unterordner "Bilder" im ZIP-Archiv befindet. Sobald ein Slash im Grafikverweis angegeben ist, sucht die Engine auf dem Antamarserver und nicht mehr im ZIP! -->