Hilfe:Bilder: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
(Standardbefehle um Bilder einzubinden)
K (Linkbild)
Zeile 120: Zeile 120:
 
=== Linkbild ===
 
=== Linkbild ===
 
*3 Möglichkeiten wie ihr ein Bild zu einem Link machen könnt, so daß man beim draufklicken auf einem Artikel landet:
 
*3 Möglichkeiten wie ihr ein Bild zu einem Link machen könnt, so daß man beim draufklicken auf einem Artikel landet:
'''1. [[Vorlage Diskussion:Link-Bild|Vorlage:Link-Bild]]'''  
+
'''1. Wikicode'''  
  
Code:<nowiki>{{Link-Bild|Beispiel.jpg|150|100|Link}}</nowiki>
+
<nowiki>[[Datei:Bla.png|link=Ziel]]</nowiki>
  
 
'''2. html'''
 
'''2. html'''
Zeile 132: Zeile 132:
 
<nowiki><imagemap>  
 
<nowiki><imagemap>  
 
Datei:Name des Bildes
 
Datei:Name des Bildes
default[[Link-Text]]
+
default  
 
desc none  
 
desc none  
 
</imagemap></nowiki>
 
</imagemap></nowiki>

Version vom 31. Juli 2011, 12:10 Uhr



Wie Bilder hochgeladen werden, zeigt dir dieses Video genau:<br> <object width="445" height="364"><param name="movie" value="http://www.youtube.com/v/JG6yDpiOw6Q&hl=de_DE&fs=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/JG6yDpiOw6Q&hl=de_DE&fs=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object><br>

Dieses Video wurde erstellt von Benutzer:Sky

Bilder

Bilder können direkt auf den Stupidedia-Server geladen werden, wenn ihre Lizenzen das erlauben und sie mit korrekten und vollständigen Quellenangaben versehen werden.
Bilder ohne korrekte Lizenz und/oder ohne korrekte bzw. unvollständige Quellenangabe werden innerhalb von 24 Stunden wieder gelöscht. Beachtet hierzu die Lizenzbestimmungen.
Um ein Bild hochzuladen, benutzt einfach den Link "Hochladen" unter der Suchleiste oder klickt hier drauf.

Extern eingebundene Bilder sind nicht erlaubt und werden bei Sichtung entfernt!

Weshalb?
Bis zum Sommer 2007 hatten alle User der Stupidedia noch die Möglichkeit, externe Bilder in die Artikel einzubinden. Technisch geht dies auch immer noch. Anfangs nutzten viele Schreiber externe Bilder für ihre Artikel. Nur ist es so, dass stupidedia.org gibt inzwischen schon länger als zwei Jahre existiert und so kam es vermehrt zu fehlenden Bildern. Wenn ein Bild bei uns "extern eingebunden" ist, haben wir keine Kontrolle darüber, ob es das Bild nach einiger Zeit überhaupt noch unter der angegebenen/verwendeten URL gibt! So fanden sich plötzlich viele viele Artikel, die nur noch den Quelltexte zu externen Bildern hatten, die es dort aber gar nicht mehr gab. Da solche Artikel niemandem nützen und der Humor vieler Artikel ja u.a. auf der Bebilderung beruht oder durch sie verstärkt wird, trennten wir uns von extern eingebundenen Bildern. Verständlich, oder?!

Standardbefehle um Bilder einzubinden

Bilder kann man entweder normal, mit Rahmen oder als Thumbnail darstellen, dazu muss folgendes angegeben werden:

Form Ergebnis

[[Datei:Beispiel.JPG]]

Bild in Originalgröße ohne Rahmen

[[Datei:Beispiel.JPG|Text]]

Kleiner Infotext hinzu

[[Datei:Beispiel.JPG|framed]]

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

[[Datei:Beispiel.JPG|framed|left|Text]]

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

[[Datei:Beispiel.JPG|thumb]]

Das Bild bekommt einen Rahmen und wird auf 100px skaliert

[[Datei:Beispiel.JPG|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.

Normal

[[Datei:Dateiname]] - Bindet das Bild in voller Größe an der Stelle ein, wo es im Text steht. Steht dieser Code ganz links, so ist auch das Bild links ausgerichtet.

  • Beispiel: [[Datei:Football-small.png]] wird zu:

Football-small.png

Rahmen

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

  • Beispiel: [[Datei:Football-small.png|framed]] wird zu:
Football-small.png

Thumbnail

[[Datei:Dateiname|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 magnify-clip.png 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:Football-small.png|thumb]] wird zu:
Football-small.png

Größe einstellen

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:

Kleiner: [[Datei:Dateiname|40px]]

  • Beispiel: [[Datei:Football-small.png|40px]] Wird zu: Football-small.png

Größer: [[Datei:Dateiname|100px]]

  • Beispiel: [[Datei:Football-small.png|100px]]Wird zu: Football-small.png

Die Werte lassen sich beliebig frei Schnauze einstellen. Bei Thumbnails schreibt man einfach hinter den jeweiligen Befehl dann die Bildgröße nach einem weiteren senkrechten Strich | dahinter, zum Beispiel so: [[Datei:Football-small.png|thumb|30px]], was dann zu folgendem wird:

Football-small.png

Ausrichtung

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:Football-small.png|right]] wird zu:
    Football-small.png

  • Beispiel 2: [[Datei:Football-small.png|framed|center]] wird zu:
    Football-small.png

  • Beispiel 3: [[Datei:Football-small.png|thumb|left]] wird zu:
    Football-small.png

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:Football-small.png|thumb|Test]] wird zu:
    Test

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:Football-small.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.

Galerie

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:Gold.png
Datei:Silber.png|Test
Datei:Bronze.png|Test 2
</gallery>

Daraus wird dann:

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:Weltraum.jpg|80px]] <div style="position:relative; top:-65px; left:25px;">[[Datei:Feuerschale2.gif]]</div>

wird zu :

Weltraum.jpg

Linkbild

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

1. Wikicode

[[Datei:Bla.png|link=Ziel]]

2. html

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

3. imagemap

<imagemap> Datei:Name des Bildes default desc none </imagemap>

Sonstiges

Folgendes soll hier noch angesprochen werden:

  1. Wie ihr große Bilder oder auch Panoramabilder in ein Scrollfenster einfügen könnt, erfahrt ihr hier
  2. Lade keine urheberrechtlich geschützten Bilder in der Stupidedia hoch (siehe hier)!
  3. Ein Bild braucht eine Quelle und eine Lizenz. Suche am besten "freie Bilder", z.B. HIER!
  4. Manche wenige Artikel brauchen gar keine Bilder.
  5. Achte auf die Platzierung! Der Artikel soll ja am Ende harmonisch wirken und nicht total durcheinander.

Wenn ihr noch Fragen haben solltet, so stellt diese hier

Linktipps: Faditiva und 3DPresso