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

Több
2014 okt. 02 07:55 #1 Írta: Xtras5
Xtras5 létrehozta a témát: Árnyék hozzáadása a cikkekben megjelenő képekhez globálisan
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
2014 okt. 02 12:16 #2 Írta: Balázs
Balázs válaszolt a témára: Á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
2014 okt. 02 13:47 - 2014 okt. 02 14:01 #3 Írta: Zotius
Zotius válaszolt a témára: Á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:
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 http://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:
.shadowed {
    box-shadow: 10px 10px 5px #888;
}
A html kódban:
<img class="shadowed" ... ></img>

Remélem elég érthető voltam... ;)

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2014 okt. 02 14:01 Írta: Zotius.
A következő felhasználók mondtak köszönetet: Xtras5

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

Több
2014 okt. 02 20:09 #4 Írta: Xtras5
Xtras5 válaszolt a témára: Á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!