Árnyék hozzáadása a cikkekben megjelenő képekhez globálisan

Több
9 éve 2 hónapja #5761 Írta: Xtras5
Sziasztok.

Globálisan szeretném 2.5-ös környezetben beállítani, hogy a cikkekben megjelenő képekhez árnyék is társuljon alapból. Eddig minden cikknél a forráskódon belül beírtam a parancsot, de ez hosszú távon annyi cikknél amennyit én kiteszek már unalmas és nehézkes. Viszont nem találom a css-fileban az ide tartozó részt.

Köszönöm.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
9 éve 2 hónapja #5762 Írta: Balázs
Balázs válaszolt a következő témában: Árnyék hozzáadása a cikkekben megjelenő képekhez globálisan
Van esetleg élő linked, akkor a forrás alapján közelebb jutnánk a megoldáshoz?

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
9 éve 2 hónapja - 9 éve 2 hónapja #5767 Írta: Zotius
Zotius válaszolt a következő témában: Árnyék hozzáadása a cikkekben megjelenő képekhez globálisan
Az img tag definícióját a css-ben kiegészíted a box-shadow utasítással:
Code:
img { max-width: 100%; height: auto; vertical-align: middle; border: 0px none; box-shadow: 10px 10px 5px #888; }
A css-ről és egyebekről egyébként a w3schools.com oktató oldalon olvashatsz.
A box-shadow leírása pedig ezen a site-on itt található .

Azonban vigyázz, mert lehet, hogy ezzel olyan képek is kapnak majd árnyékot, melyeket nem szeretnél árnyékolni. Erre az a megoldás, hogy csinálsz pl. egy "shadowed" osztályt (class-t) a css-ben, amibe beleteszed a box-shadow utasítást, és ezután csak azokat a képeket látod el a "shadowed" osztállyal, melyeket árnyékolni akarsz.
A css-ben:
Code:
.shadowed { box-shadow: 10px 10px 5px #888; }
A html kódban:
Code:
<img class="shadowed" ... ></img>

Remélem elég érthető voltam... ;)
Utolsó szerkesztés: 9 éve 2 hónapja Zotius által.
A következő felhasználók mondtak köszönetet: Xtras5

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
9 éve 2 hónapja #5775 Írta: Xtras5
Xtras5 válaszolt a következő témában: Árnyék hozzáadása a cikkekben megjelenő képekhez globálisan
Eddig mindig a cikkeken belül adtam be a box-shadowt, de az macera. Ezzel minden könnyebb lesz! Köszönöm szépen.

Jelentkezz be, hogy te is részt vehess beszélgetésben!