Képek beszúrása szövegbe

Ezzel a lehetőséggel csak a szerkesztők élhetnek!

A következő tartalomtípusoknál van kiépítve:

• Cikk (feltöltésére szerkesztő, adminisztrátor jogosult)
• Könyvlap (feltöltésére adminisztrátor jogosult) NINCS KIÉPÍTVE
• Oldal (feltöltésére adminisztrátor jogosult)

A Media mezőcsoporton belül a Beszúrandó kép(ek) mezővel töltjük fel a képeket:

Több képet is feltölthetünk:

A feltöltött képeket különböző méretben szúrhatjuk a szövegbe, mindezt a Stílus kiválasztásánál tehetjük meg:

A stílusok magyarázata:

• w: szélesség pixelben
• h: magasság pixelben
• colorbox: előugró kép eredeti méretben (http://www.jacklmoore.com/colorbox)

A kép beszúrás menete (miután a képet már feltöltöttük):

Nagyon fontos, hogy mielőtt beszúrnánk a képet először el kell menteni a tartalmat, majd utána a szerkesztésre kattintva kezdhetünk neki a kép(ek) beszúrásának!!!

Erről az instrukcióról én is sokszor elfeledkezem :( .

1. A szöveg mezőben a kívánt helyre rakjuk a kurzort.
2. Kiválasztjuk a Stílust
3. Majd a Beszúrásra kattintunk

A szövegmezőben lévő beszúrás utáni img html kód:

A cikkbe beszúrt kép w360 stílussal. A kép alapértelmezetten balra igazított:

A kép jobbra igazítása (demo végett ez a kép is jobbra igazított w360 stílussal):
class="image-w360 to-right"

Kódbeszúrás utáni kép w760 stílussal:

És a végerdmény (ez is jobbra igazítva):

De lehet középre is igazítani a képet, ahogy az előző képpel teszem:
class="image-w360 center"

A képek beszúrását és balra, jobbra és középre igazítását ebben a demo cikkben mutatom be: http://kaktusz-es-pozsgas-tarsasag.hu/a-portalrol/demo-cikk-a-kepek-besz...