Revision [7727]

This is an old revision of HowToBilder made by AndiM on 2010-01-08 14:01:25.

 


Vorbemerkung:

Es gibt zwei Sorten von Bildern:
Bitmap: jpg, png
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)

2) Das Bild einfügen Variante A:
(Ü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:
 (image: http://www.trawonien.de/wikka.php?wakka=FuenfAspekte/files.xml&action=download&file=Bruecke_tn.png)

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 und das ändern, was einem nicht gefällt (also die URL ändern, das left gegen center oder right tauschen, und die 120 gegebenenfalls auch ändern.

""<img src="tauschen gegen URL zum Bild"align="left" width="120">""
There are no comments on this page.
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki