CSS : Különleges CSS galéria |
Különleges CSS galéria
Demót ide kattintva megtekintheted. De nemcsak így jelenítheted meg a képeidet. A "ragasztószalagot" bármilyen képre cserélheted, a keretet is átszínezheted, méretezheted, illetve le is kapcsolhatod.
Két kódra van szükség. Az első CSS kód. Ezt rakd bal/jobb oldalra, ha több képtárnál is szeretnéd alkalmazni, vagy rakd abba a modulba, amelyikbe a képtárt szeretnéd megjeleníteni, amennyiben azt szeretnéd, hogy csak erre a képtárra vonatkozzon.
A kódban jelöltem a legfontosabbakat, amiket átírhatsz (a kód megjegyzéssel együtt működik, nem kell belőle törölnöd):
A másik pedig egy DIV, amivel a képeidet kell beraknod szövegszerkesztődbe. Csak akkor jelennek meg a képeid a CSS beállításai szerint, ha ezzel a kóddal rakod ki őket:
<DIV class=photo><A href="http://URL"><SPAN></SPAN><IMG alt=""
src="http://KÉPED URL-je"></A></DIV>
Értelemszerűen egy ilyen DIV-vel egy képet tudsz megjeleníteni. Egymás után annyit rakhatsz be, amennyit akarsz (amennyi képet szeretnél kitenni), a CSS kód miatt igazodni fog a portálod szélességéhez, tehát csak annyi képet rak egymás mellé, amennyi kifér.
Ezt a DIV-et ajánlott kódnézetben beillesztened, vagy htmlAreában, ugyanis FCK editor törli a span részt, így a ragasztószalag, vagy, amit helyette állítasz be, nem fog megjelenni.
href="http://URL" <= az itt megadott URL cím alapján fog megjelenni a képed. Ha a képed URL-jét adod meg, akkor üres böngésző lapon jelenik meg a kép. Ha azt szeretnéd, hogy a GP-s képtárban jelenjen meg, akkor mikor a képtáradban rákattintasz egy képre, a bejövő ablak böngészősorában látható url-t írd be.
src="http://KÉPED URL-je" <= ez egyértelmű, a képed URL-jét kell megadnod.
|