Hilfe:Bildertutorial

Aus Sureai
Wechseln zu: Navigation, Suche
Qsicon Ueberarbeiten.png Dieser Artikel wird im Moment vom Benutzer "ZTM Kuki 23:09, 5. Jan. 2011 (UTC)" bearbeitet. Genauere Informationen können sich in der Regel auf der Diskussionsseite befinden. Bitte bearbeite den Artikel nicht, bis dieser Nutzer, den Hinweis wieder entfernt.


Diese Seite erklärt, wie man Bilder erstellt, und diese sowie Grafiken, Animationen und Karten hochläd und in Artikel einfügt.

Erstellen der Bilder Ingame

Es gibt viele Dinge zu beachten, um gute Screenshots anzufertigen.

Schöne Bilder schießen

  • Bearbeite das Bild so, dass es das Wesentliche zeigt.
  • Um schöne Bilder zu erstellen empfiehlt es sich die Konsole zu öffnen bevor man "abdrückt", oder den Befehl "tm" einzugeben (dazu unten mehr).
  • Man sollte seine Waffe einstecken wenn man aus der Egoperspektive heraus einen Screenshot anfertigt. Waffen behindern nur die Sicht auf das Motiv.
  • Es gibt eine Menge nützlicher Konsolenbefehle die dabei helfen können das die Bilder noch besser werden - dazu unten mehr.
  • Auf das Wetter achten. Außerhalb von Gebäuden muss man auf Regnen, Schnee, Hagel oder Stürme achten, die aber mit Consolenbefehlen veränderbar ist. Bei Nacht entweder solange Rasten/Warten bis es wieder hell wird, oder auch die Console benutzen.
  • Sorgt für gute Beleuchtung, vor allem innerhalb von Gebäuden und Höhlen ist es sehr dunkel. Also zauber entweder Licht auf euch, oder kauft euch eine Fackel damit man das deutlich erkennt was ihr ablichtet.
  • Benutzt keine Zauber die die Sicht andersweitig beeinflussen, wie beispielsweise Leben entdecken in Nehrim. Die rosane Einfärbung ist unpassend.
  • Versucht keine hellen Lichter im Hintergrund zu haben. Diese verdunkeln das ganze Bild noch ein weiteres mal.
  • Bei Screenshots von Personen bitte beachten dass die Person vollständig zu sehen sein soll. Zu beachten bei einem Screenshot von einer Person ist der Hintergrund. Achtet darauf das im Hintergrund nicht gerade seltsames passiert oder andere potentielle Motive zu sehen sind.
  • Der eigene Charakter sollte niemals auf einem Bild zu sehen sein!

Vorraussetzungen in "Arktwend - Das vergessene Reich" und "Myar Aranath: Relic of Kallidar"

Hier müsst ihr die Datei mit dem Namen "Morrowind.ini" bearbeiten. Diese findet ihr normalerweise unter "Programme\Bethesda Softworks\Morrowind". Öffnet sie mit dem Texteditor und sucht nach der Zeile "Screen Shot Enable=0". Ersetzt hier die "0" durch eine "1". Wenn ihr Alles richtig gemacht habt, könnt ihr nun im Spiel mit der "Druck/S-Abf"-Taste einen Screenshot anfertigen, welcher dann im gleichen Verzeichnis landet wie die "Morrowind.ini".

Dazu Nützliche Konsolenbefehle

  • TM - Deaktiviert das Menü am unteren Bildschirmrand. Sollte immer gebraucht werden wenn ein Screenshot angefertigt wird. Vor allem bei Landschaftsbildern.
  • TGM - Macht euren Charakter unsterblich. Sehr nützlich in brenzligen Situationen und für Actionbilder. Außerdem kann man dann auch Zaubersprüche zaubern die man sonst aufgrund von zu wenig Magicka nicht hätte zaubern können.
  • TFOW - Deaktiviert den Nebel des Krieges im Kartenmenü. Sehr nützlich für einen Kartenbild.
  • TCL - Deaktiviert die Kollisionabfrage. Ermöglicht das freie Bewegen in der Welt. Ihr könnt weder von der Schwerkraft noch von Wänden aufgehalten werden. Sehr nützlich um eine Übersicht zu bekommen.
  • TAI - Deaktiviert die Künstliche Intelligenz. Dadurch halten alle Personen still. Deshalb auch perfekt für Personenbilder.

Vorraussetzungen in "Nehrim"

In Nehrim sind die änderungen der "Oblivion.ini" bereits mitinbegriffen, so müsst Ihr sie nicht erst umschreiben. Um das Nehrim eigene Macro nutzen zu können, müsst Ihr Antialising auf "AUS" gestellt haben! Nun könnt Ihr im Spiel mit der "Druck/S-Abf"-Taste (bei manchen Tastaturen noch "Print" genannt) Screenshots erstellen. Diese werden standartmäßig im Hauptverzeichnis von Nehrim, oder im "Oblivion/Data" -Ordner abgespeichert. Achtung, nach einem Absturz von Nehrim wird der Zähler der Shortcuts auf 0 gesetzt und die Bilder beim nächsten mal "abdrücken" überschrieben! Der Counter in der Oblivion.ini wird nur erhöht, wenn man das Spiel regulär beendet (Menu). Wenn man das Spiel mit dem Konsolenbefehl "qqq"(Quit) beendet, bleibt der Zähler ebenfalls auf dem alten Stand. Um Screenshots bei eingeschalteten Antialising erstellen zu können, benötigt Ihr extra Programmen wie XFire oder Fraps.

Dazu Nützliche Konsolenbefehle

  • TM - Deaktiviert das Menü am unteren Bildschirmrand. Sollte immer gebraucht werden wenn ein Screenshot angefertigt wird. Vor allem bei Landschaftsbildern.
  • TCL - Deaktiviert die Kollisionabfrage. Ermöglicht das freie Bewegen in der Welt. Ihr könnt weder von der Schwerkraft noch von Wänden aufgehalten werden. Sehr nützlich um eine Übersicht zu bekommen.
  • TGM - Macht euren Charakter unsterblich. Sehr nützlich in brenzligen Situationen und für Actionbilder. Außerdem kann man dann auch Zaubersprüche zaubern die man sonst aufgrund von zu wenig Magicka nicht hätte zaubern können.
  • FW 38eee - Stellt das Wetter auf klar und sonnig um. Sehr nützlich da in Oblivion das Rasten/Warten länger dauert als in Morrowind.
  • TAI - Deaktiviert die Künstliche Intelligenz einer ausgewählten Person. Deshalb auch perfekt für Personenbilder.
  • TDetect - Deaktiviert die Verfolgung von feindlichen Personen. Sehr nützlich bei Fotos von Banditenlagern mit Banditen.

Hochladen

Man muss beim Wiki von SureAI registriert und angemeldet sein, um Bilder/Dateien hochladen zu können. Um ein Bild hochzuladen, benutzt man einfach den Link "Hochladen" in den "Werkzeugen" der Toolbar.

Grundlegende Regeln

  1. Urheberrechtlich geschützten Bilder und Dateien in das Wiki von SureAI hochzuladen ist verboten!
  2. Ein Bild braucht eine Quelle und eine Lizenz.

Am besten sind "freie Bilder" aus der Datenbank, oder selbsterstellte Screenshots. Bilder können direkt auf den "Wiki von SureAI"-Server geladen werden, wenn ihre Lizenzen das erlauben und sie mit korrekten und vollständigen Quellenangaben versehen wurden. Bilder ohne korrekte Lizenz und/oder ohne korrekte bzw. unvollständige Quellenangabe könnten gelöscht werden. Beachtet hierzu die Lizenzbestimmungen und die Quellen & Referenzen.

  • Extern eingebundene Bilder (sog. Deep-Links) sind nicht erlaubt und werden bei Sichtung entfernt!

Externe Bilder in Artikel eingebunden, können über einen längeren Zeitraum zu toten Links werden, da wir keine Kontrolle darüber haben, ob es das Bild nach einiger Zeit überhaupt noch unter der angegebenen/verwendeten URL gibt.

Dateigröße und Dateitypen

  • Maximale Dateigröße: 32 MB
  • Unterstützte Dateitypen: png; gif; jpg; jpeg; doc; xls; pdf; 7z; rar; zip; odt; ods

WICHTIG! Benennung der Bilder

  • Alle Bild benötigen einen klaren und detaillierten Dateinamen (zum Beispiel "Erothin_Kapelle_Schrein.jpg" statt "Bild_1.jpg"). Der Dateiname sollte immer so wie das gezeigte Motiv lauten.
  • Umlaute (ä; ö; ü) und der Buchstabe "ß" dürfen nicht im Dateinamen enthalten sein, weil sonst das Wiki keine Bildvorschau generiert werden kann. Bitte in eine Internationale Form abändern.

Beispiele:
"Ä" = "Ae"
"ß" = "ss"

Artikel und Bild verknüpfen

Bilder kann man entweder normal, mit Rahmen oder als Thumbnail darstellen, dazu muss folgendes angegeben werden: Bilder lassen sich mit [[Bild:Dateiname|Beschreibung]] in Artikel einfügen. Das Bild wird dann in Originalgröße links im Artikel angezeigt. Mit der Option "framed", z.B. [[Bild:Dateiname|framed|Beschreibung]] wird das Bild mit einem Rahmen umgeben.

Bildgröße ändern

Bei hochgeladenen Bildern kann man die gewünschte Größe einstellen. Ihr müsst also ein Bild nicht so groß oder so klein hochladen, wie ihr es gerne einbinden würdet. Die Bildgröße lässt sich beim normalen Befehl und beim Thumbnail einstellen, nicht aber beim Rahmenbefehl (framed). Die Bildgröße wird in Pixel angegeben. Dieser Wert stellt die Breite des Bildes ein (nur die Breite kann eingestellt werden, die Höhe passt sich danach an). Bilder können - unabhängig von ihrer Größe - entweder vergrößert oder verkleinert dargestellt werden. Beides ist möglich. Bei Thumbnails kann man das Bild nur kleiner machen wie es ist, nicht größer! Größer funktioniert nur mit dem normalen Befehl! Dies geschieht folgendermaßen:


Originalgröße

Da durch große Bilder die Seiten dann sehr lange zum Laden brauchen, solltest du aus Rücksicht auf die Modembenutzer dies nur in Ausnahmefällen so handhaben, zum Beispiel wenn das Originalbild sehr klein ist. Benutze sonst besser verkleinerte Vorschauansichten (so genannte Thumbnails), die der Leser – wenn es ihn interessiert – dann mit einem Klick auf das Icon vergrößern und genauer betrachten kann.

XXX A B C D E F G
1 2 3 4 5 6 7 8
9 10 11 12 13 14 15 16

Thumbnails

Yagrum Bagarn

Die von dem Wiki von Sureai verwendete Software Mediawiki kann automatisch Vorschaubilder erzeugen. Dazu fügt man den Zusatz |thumb oder |thumbnail zwischen Dateiname und Alternativtext ein, zum Beispiel [[Bild:Yagrum Bagarn.jpg|thumb|Yagrum Bagarn]]. Das erzeugte Vorschaubild wird rechtsbündig ausgerichtet und vom Artikeltext umflossen. Der Alternativtext wird unter dem Bild als Beschreibung angezeigt. Über ein Klicken springt man zur großen Version des Bildes auf seiner Beschreibungsseite. Angemeldete Benutzer können die Bildgröße der Thumbnails in ihren Benutzereinstellungen festlegen; für nichtangemeldete Leser erscheinen diese Bilder mit einer Bildbreite von 180 Pixeln. Diese Art der Bilddarstellung sollte im Allgemeinen in Artikeln verwendet werden. Bildunterschriften unterstützen alle Möglichkeiten der Textgestaltung.

Abweichende Thumbnails

Mit der Option [[Datei:Qsicon Bild.png|thumbnail=Beispielthumb.jpg|Bildbeschreibung]] lässt sich ein Thumbnail darstellen, das nicht dem hinterlegten Bild entspricht. Eine sinnvolle Anwendung besteht darin, einen Ausschnitt aus einem großen Bild als Thumbnail zu nehmen, beispielsweise um auf ein Detail hinzuweisen oder bei einer Panoramaaufnahme (extremes Seitenverhältnis) ein Teil mit gängigem Format (4:3) als Thumbnail anzuzeigen. Eine andere Anwendung: Bei einigen Bildern verschwinden in der Thumbnail-Ansicht wichtige Details. Beim Vergrößern erscheint dann das komplette Bild. Grundsätzlich sollten starre Bildgrößen nur in Ausnahmefällen verwendet werden, da dies die individuellen Anzeigeeinstellungen für Vorschaubilder (Thumbnails) der Benutzer ignoriert. Wann immer möglich, lass die Benutzer selbst wählen, in welcher Größe sie Vorschaubilder sehen wollen.

Thumbs nebeneinander am rechten Rand

[[Datei:Qsicon Bild.png|thumb]] - Bindet das Bild in verminderter Größe ein. Das Bild wird hiermit standardmäßig nach rechts ausgerichtet und hat einen Rahmen. Die Thumbnailgröße könnt ihr in euren Einstellungen einstellen. Standard ist 180 Pixel Bildbreite. Das Symbol http://www.Sureai.de kennzeichnet das Bild als Thumbnail. Um das Bild in voller Größe anzuzeigen, muss man es einfach anklicken. Hinweis: Im nachfolgenden Beispiel wird das Bild natürlich in voller Größe angezeigt, weil unser Beispielbild kleiner als 180 Pixel breit ist. Größere Bilder werden jedoch mit diesem Befehl kleiner angezeigt.

  • Beispiel: [[Datei:Qsicon Bild.png|thumb]] wird zu:


Gelegentlich möchte man zwei oder mehr Bilder am rechten Rand vergleichend nebeneinander darstellen. Auch hierzu sind Tabellen nützlich:

{| style="float:right; background:transparent; padding:0px; margin:0px;"
|[[Bild:Hund.jpg|thumb|Hund]]
|[[Bild:Wolf.jpg|thumb|Wolf]]
|}
Hund
Wolf


Die üblichen Tabellenformatierungen funktionieren auch, so dass Bilder unterschiedlicher Ausrichtung oder Seitenverhältnisse beispielsweise durch Einfügen von |- valign="top" oben ausgerichtet werden können.

{| style="float:right; background:transparent; padding:0px; margin:0px;"
|- valign="top"
|[[Datei:Qsicon Bild.png|thumb|Bär]]
|[[Datei:Qsicon Bild.png|thumb|Berglöwe]]
|}
Bär
Berglöwe


In beiden Fällen können auch Skalierungen eingesetzt werden, wegen der besseren Flexibilität sollte der Parameter |upright verwendet werden.

Skalierung

Bilder können in 3 verschiedene Richtungen ausgerichtet werden. Dies funktioniert mit allen 3 Befehlen (Normal, Rahmen und Thumbnail). Dazu trennt man den Befehl mit einem weiteren senkrechten Strich | und fügt dann entweder left, center oder right ein. Bei Rahmen und Thumbnails ist das right nicht nötig, weil diese Bilder immer nach rechts ausgerichtet werden. Den right Befehl braucht man also nur für die normale Variante zu nehmen. Hier einige Beispiele:

  • Beispiel 1: [[Datei:Qsicon Bild.png|right]] wird zu:
    Qsicon Bild.png

  • Beispiel 2: [[Datei:Qsicon Bild.png|framed|center]] wird zu:
    Qsicon Bild.png

  • Beispiel 3: [[Datei:Qsicon Bild.png|left]] wird zu:
    Qsicon Bild.png

Form Ergebnis

[[Datei:Qsicon Bild.png]]

Bild in Originalgröße ohne Rahmen

[[Datei:Qsicon Bild.png|Text]]

Kleiner Infotext hinzu

[[Datei:Qsicon Bild.png|framed]]

Das Bild behält seine Größe immer noch, wird aber in einen Rahmen gesetzt und landet rechts.

[[Datei:Qsicon Bild.png|framed|left|Text]]

Das Bild im Rahmen steht links neben dem fortlaufendem Artikel mit einem kleinen Zusatzt darunter.

[[Datei:Qsicon Bild.png|thumb]]

Das Bild bekommt einen Rahmen un wird auf 100px skaliert

[[Datei:Qsicon Bild.png|thumb|left|123px|Text]]

Der Text erscheint unter dem Rahmen und die Größe wird in Pixel angegeben. Diese Größe ist natürlich beliebig verstellbar. Das Bild wandert auf die linke Seite.

Bilder skalieren

Die Optionen |left, right, |center<nowiki>''''' und '''''<nowiki>|none richten Bilder im Text aus. Dabei ist jedoch zu beachten, dass die Darstellung je nach Browser sehr unterschiedlich sein kann. Um Probleme bei der Darstellung zu vermeiden, empfiehlt es sich, alle Bilder als thumbs auf der rechten Seite, bei längeren Absätzen auch absatzweise unter der Absatzüberschrift einzufügen.

Der Parameter |none schaltet jegliche automatische Ausrichtung (bei Thumbnails) ab und stellt das Bild inline dar. Das ist vor allem zum Einfügen von Thumbnails in Tabellen praktisch.


Bild im Artikel Form in der Syntax Ergebniss-Beschreibung
Qsicon Bild.png [[Datei:Qsicon Bild.png]] Bild in Originalgröße ohne Rahmen und mit internem Link auf der linken Seite des Artikels oder der Tabelle
Qsicon Bild.png
[[Datei:Qsicon Bild.png|right]] Bild in Originalgröße ohne Rahmen und mit internem Link auf der rechten Seite des Artikels oder der Tabelle
Qsicon Bild.png
[[Datei:Qsicon Bild.png|center]] Bild in Originalgröße ohne Rahmen und mit internem Link in der Mitte des Artikels oder der Tabelle
Das Beispielbildsymbol [[Datei:Qsicon Bild.png|Das Beispielbildsymbol]] Bild in Originalgröße ohne Rahmen und mit Text unterlegt auf der linken Seite des Artikels oder der Tabelle
Das Beispielbildsymbol
Das Beispielbildsymbol
[[Datei:Qsicon Bild.png|center|Das Beispielbildsymbos]]Das Beispielbildsymbol Bild in Originalgröße Rahmen und mit Text unterlegt in der Mitte des Artikels oder der Tabelle, mit Text darunter
Qsicon Bild.png
9 10 11
9 10 11
9 10 11

Bildlage festlegen

Die Bilder sollten möglichst in die jeweiligen Kapitel gesetzt werden. Zuviele Bilder am Anfang des Artikels angeführt, um sich „von selbst“ auf den Artikel zu verteilen, sind ungüstig: Sie zeigen leicht unerwüschte Nebenwirkungen im Layout, und bringen auch manche Browser zum Absturz.

[[Datei:Qsicon Bild.png]] - Bindet das Bild in voller Größe an der Stelle ein, wo es im Text steht. Steht dieser Code mitten im Text, so ist auch das Bild genau an diese Stelle gesätzt.

Alle Optionen lassen sich beliebig, jeweils durch senkrechte Striche getrennt, miteinander kombinieren, unbekannte Optionen ignoriert die Software.


Feste Skalierung

Yagrum Bagarn

Mit [[Datei:Qsicon Bild.png|thumb|100px|Yagrum Bagarn]] wird die Breite des generierten Miniaturbildes auf 100 Pixel festgelegt (Standardgröße sind 180 Pixel). Die Höhe wird aus dem Seitenverhältnis automatisch berechnet. Es ist auch möglich, eine Maximalhöhe festzulegen. Wird etwa als Größe 100x200px angegeben, wird das Bild so skaliert, dass es in einem gedachten Rechteck von 100 Pixel Breite und 200 Pixel Höhe Platz findet. Das Seitenverhältnis bleibt dabei in jedem Fall erhalten.

Yagrum Bagarn ohne Thumbnailrahmen

Mit [[Datei:Qsicon Bild.png|left|100px|Yagrum Bagarn ohne Thumbnailrahmen]] skalierst du das Bild und lässt es ohne einen Thumbnailrahmen anzeigen.

Hoch- und querformatige Bilder kombinieren – automatische Skalierung

Werden hoch- und querformatige Bilder untereinander gesetzt, ohne dass eine Breite vorgegeben wird, wirken die hochformatigen Thumbs meist übermäßig groß. Es empfiehlt sich in solchen Fällen, dem hochformatigen Bild den Parameter |upright mitzugeben. Damit wird es standardmäßig um den Faktor 0,75 schmaler als das querformatige Bild dargestellt, was in der Regel zu einer schöneren Aufteilung führt. Der große Vorteil liegt in der automatischen Skalierung, die für anonyme Benutzer genau so funktioniert wie für angemeldete Benutzer, die sich in ihren persönlichen Einstellungen eine andere Bildbreite vorgegeben haben. Die Verhältnisse bleiben immer gewahrt.

Beispiel:

[[Datei:Qsicon Bild.png|thumb|upright|Ohne px, aber mit "upright" Angabe]]

Dem Parameter |upright kann auch ein Faktor mitgegeben werden, falls es sich um sehr hohe Bilder handelt, bei der eine Skalierung auf 0,75 noch nicht reicht:

[[Datei:Qsicon Bild.png|thumb|upright=0.5|Ohne px, aber mit "upright=0.5" Angabe]]

Auf diese Weise können auch sehr breite Bilder, z.B. Panoramen, skaliert werden. Mit einem upright-Wert > 1 werden sie entsprechend breiter als das Standard-Thumbnail dargestellt. Die Proportionen bleiben dadurch in jeder Darstellung erhalten:

[[Datei:Qsicon Bild.png|thumb|upright=1.8|Panorama, es wird mit 180% der Standardbreite dargestellt.]]

Die Breite der so berechneten Thumbnails wird immer auf den nächsthöheren 10er-Wert aufgerundet. Dieser automatischen Skalierung sollte der Vorzug gegeben werden vor der Verwendung fester Bilderbreiten.

Rahmen

Rahmen werden mit den Befehl |framed um das Bild gelegt.

Eingabe Ergebnis

[[Datei:Icon mq24.png|Bild]]

Bild

[[Datei:Icon mq24.png|framed|Bild mit Rahmen]]

Bild mit Rahmen


Qsicon Bild.png


[[Datei:Qsicon Bild.png|thumb|30px]], was dann zu folgendem wird:

Qsicon Bild.png

Rahmen2

[[Datei:Qsicon Bild.png|framed]] - Bindet das Bild in voller Größe ein. Das Bild wird hiermit standardmäßig nach rechts ausgerichtet und hat einen Rahmen.

  • Beispiel: [[Datei:Qsicon Bild.png|framed]] wird zu:
Qsicon Bild.png

Vor allem einfache Grafiken, Flaggen usw. die einen weißen Untergrund haben und nicht mit |thumb dargestellt werden sollen, benötigen einen Rahmen. Dieser kann mit dem Parameter |border erzeugt werden:

[[Datei:Qsicon Bild.png|border|right|100px]]

Bildunterschrift erstellen

Beschreibung

Zu jedem Bild sollte man auch eine Beschreibung schreiben. Dazu wird ein weiterer senkrechter Trennstrich gemacht, wo ihr dann schreibt was dort rein soll.

  • Beispiel: [[Datei:Qsicon Bild.png|thumb|Test]] wird zu:
    Test

Überschrift

Mit dem optionalen Schlüsselwort |caption lässt sich eine Überschrift einfügen: <gallery caption="Bäume">

Ausrichten im Text

  1. Achte auf die Platzierung! Der Artikel soll ja am Ende harmonisch wirken und nicht total durcheinander.


Galerien anlegen

Die Galerie eignet sich, um mehrere Bilder tabellarisch anzuordnen. Das Einfügen von Galerien mit mehr als vier Bildern ist aber nur in Ausnahmefällen sinnvoll. Mehrere Bilder kann man in einer Galerie darstellen. Dazu kann man auch Beschreibungen einfügen. Die Bilder werden hierbei nicht in die eckigen Klammern [[]] geschrieben!
Nachfolgendes Beispiel sollte selbsterklärend sein ;-)

<gallery>
Datei:Qsicon Bild.png
Datei:Qsicon Bild.png|Test
Datei:Qsicon Bild.png|Test 2
</gallery>

Daraus wird dann:

Bilder pro Zeile

Mit dem Schlüsselwort |perrow kann angegeben werden, wieviele Bilder pro Zeile gezeigt werden sollen:

<gallery perrow="2">
Datei:Qsicon Bild.png|Hund
Datei:Qsicon Bild.png|Wolf
Datei:Qsicon Bild.png|Bär
Datei:Qsicon Bild.png|Berglöwe
</gallery>

Skalierung in Galerien

Mit den Schlüsselwörtern |heights bzw. |widths wird die Breite und/oder Höhe der Bilder vorgegeben. Das jeweils breiteste bzw. höchste Bild wird für die Galerie als Maßstab genommen und die kleineren Bilder entsprechend angepasst. Kombinationen von |heights und |widths sind möglich.

<gallery heights="300">
Datei:Qsicon Bild.png|Hund
Datei:Qsicon Bild.png|Wolf
Datei:Qsicon Bild.png|Bär
Datei:Qsicon Bild.png|Berglöwe
</gallery>


XXX A B C D E F G
1 2 3 4 5 6 7 8
9 10 11 12 13 14 15 16

Sonstiges

Panoramabilder

  1. Wie ihr große Bilder oder auch Panoramabilder in ein Scrollfenster einfügen könnt, erfahrt ihr hier

Panoramabilder einzubinden ist immer mit Problemen verbunden; wichtig dabei ist, dass wir nicht wissen, wie groß das Browser-Fenster des Lesers ist: Also sollte das Bild nie größer werden als die Breite der Druckversion (ca. 780px).

Bild in Bild

Wenn ihr ein Bild in ein anderes hineinsetzen wollt geht das zum Beispiel so :

[[Datei:Name des Hauptbildes|Größe in px]] <div style="position:relative; top (bottom):-Position von oben (oder unten) in px; left (oder right):Position von links (oder rechts) in px ;">[[Datei:Name des einzufügenden Bildes|Grösse in px]]</div>

Lange Rede, kurzer Sinn, ein Beispiel:
[[Datei:Qsicon Bild.png|80px]] <div style="position:relative; top:-65px; left:25px;">[[Datei:Qsicon Bild.png]]</div>

wird zu :

Qsicon Bild.png

Datei:Feuerschale2.gif

Bilder mit Links

Linkbild

  • 3 Möglichkeiten wie ihr ein Bild zu einem Link machen könnt, so daß man beim draufklicken auf einem Artikel landet:

1. Vorlage:Link-Bild

Code:{{Link-Bild|Beispiel.jpg|150|100|Link}}

2. html

<span class="plainlinks">[http://www.''Link der Zielseite'' http://www.''Bildlink (nicht Bild:!'')] </span>

3. imagemap

<imagemap> Datei:Name des Bildes default[[Link-Text]] desc none </imagemap>

Einfügen eines Links

Durch einen Klick auf ein hochgeladenes Bild erscheint eine Seite mit der Beschreibung und einer meist höher aufgelösten Version dieses Bildes. Wenn das Bild im Text nicht angezeigt werden soll, kann auf diese Seite verwiesen werden, indem man im Link vor das Wort |Bild einen Doppelpunkt setzt: Aus [[:Datei:Qsicon Bild.png|Bildbeschreibung]] wird Bildbeschreibung.

Bild als externen Link

Es ist auch möglich, durch Bilder auf externe Seiten zu verlinken. Vor allem für direkte Links zur SureAI ist diese Funktion nützlich. [[Datei:Qsicon Bild.png|link=http://Linkadresse|250px]]

Zusammenfassung

Ihr seht also, daß sich die ganzen Befehle in vielen Möglichenkeiten variieren lassen. Wenn ihr nun zum Beispiel ein Bild als thumbnail darstellen wollt, das verkleinert wird, nach links ausgerichtet ist und beschriftet ist, gebt ihr in dem Fall folgendes ein:

[[Datei:Qsicon Bild.png|thumb|40px|left|Test]] Daraus wird dann:
Test

Hinweis: Ihr braucht nur die Befehle anzugeben, die ihr auch verwenden wollt. Wenn ihr z.B. das Bild einfach ganz normal als Thumbnail (standardmäßig nach rechts ausgerichtet) ohne Größenveränderung, aber mit Beschreibung platzieren wollt, so lasst einfach die Befehle für Ausrichtung und Bildgröße weg!
Übrigens: Bilder positioniert man am besten direkt an den Anfang eines Artikels, und bei Zwischenüberschriften direkt darunter. Damit man den nächsten Absatz nicht zerdrückt, sollte man VOR dem nächsten Absatz den Code <br style=clear:both /> platzieren. Also bei einer Zwischenüberschrift kommt zuerst darunter das Bild, dann der Text und DANACH dieser Code.

Wenn ihr noch Fragen haben solltet, so stellt diese hier
XXX A B C D E F G
1 2 3 4 5 6 7 8
9 10 11 12 13 14 15 16