Revision [7724]
This is an old revision of HowToBilder made by AndiM on 2010-01-08 13:54:41.
Vorbemerkung:
Es gibt zwei Sorten von Bildern:
Bitmap: jpg, png
Vektor: svg
Vektor: svg
Bitmap Grafiken lassen sich gut verkleinern, aber nur sehr schlecht vergrößern (dieser Pixeleffekt kommt dann)
Vektorgrafiken lassen sich sehr gut skalieren, eignen sich aber weniger für Bilder (=Fotos), sondern eher für Skizzen (z.B. Wappen)
Tip:
Wenne s Wappen oder ähnliches sind, würde ich dringend zu SVG Vektor-Grafiken raten, weil man die wirklich gut vergrößern und verkleinern kann. Gerade bei Wappen finde ich das sehr praktisch!
Bei den Bitmapgrafiken kann man noch zwischen jpg und png auswählen; Letztere bieten den Vorteil, transparente Hintergründe zu kennen. Das sieht dann z.B. so aus wie da.
1) Das Bild muss hochgeladen werden
Dazu hängt man einfach hinten an die Adresse im Browser noch ein /files drann
Aus http://www.trawonien.de/wikka.php?wakka=WappenUebersicht
macht man http://www.trawonien.de/wikka.php?wakka=WappenUebersicht/files
Jetzt kann man die Bilder einfach auf dem Rechner suchen und hochladen.
Wenn der Upload fertig ist, kopiert man den kompletten Link von dem Bild (rechte Maustaste, Adresse kopieren)
Aus http://www.trawonien.de/wikka.php?wakka=WappenUebersicht
macht man http://www.trawonien.de/wikka.php?wakka=WappenUebersicht/files
Jetzt kann man die Bilder einfach auf dem Rechner suchen und hochladen.
Wenn der Upload fertig ist, kopiert man den kompletten Link von dem Bild (rechte Maustaste, Adresse kopieren)
(Über die Methoden der Wiki-Engine an sich)
{{image class="center" url="http://www.trawonien.de/wikka.php?wakka=FuenfAspekte/files.xml&action=download&file=Bruecke_tn.png" }}
Ergibt folgendes Resultat:
Man kann nun das "center" ersetzen durch "left" oder "right", dann steht das Bild halt links oder rechts, und der Text läuft drum rum.
Man kann auch Links aus Bilder bauen etc., dazu steht aber alles in der Hilfe auch drinn.
2) Das Bild einfügen Variante B:
Mit HTML geht das auch, sieht etwas anders aus:
""<img src="http://www.trawonien.de/wikka.php?wakka=FuenfAspekte/files.xml&action=download&file=Bruecke_tn.png"align="right">""
""<img src="http://www.trawonien.de/wikka.php?wakka=FuenfAspekte/files.xml&action=download&file=Bruecke_tn.png"align="left" width="60">""
Jetzt hätten wir zusätzlich die Breite von dem Bild auf 60 Pixel festgesetzt.
3) Fertig. Mehr ist das nicht.
Den Code unten kann man einfach rauskopieren:
die URL zum Bild (siehe ganz oben wie man die bekommt) einfügen statt dem Text in ; bei allign= die beiden löschen die man nicht will, und im Zweifel die Größe von 120 Pixel auf irgend etwas anderes ändern. Noch einfach gehts net %%(language-ref) <img src="tauschen gegen URL zum Bild"align="left" "center" "right" width="120">""
%%
