- Hozzászólások: 28
- Köszönetek: 1
Árnyék hozzáadása a cikkekben megjelenő képekhez globálisan
- Xtras5
-
Témaindító
- Nem elérhető
- Kezdő fórumozó
-
Kevesebb
Több
Árnyék hozzáadása a cikkekben megjelenő képekhez globálisan téma létrehozva Xtras5 által
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.
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!
- Balázs
-
- Nem elérhető
- Adminisztrátor
-
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!
- Zotius
-
- Nem elérhető
- Platina fokozatú fórumozó
-
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:
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:
A html kódban:
Remélem elég érthető voltam...
Code:
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0px none;
box-shadow: 10px 10px 5px #888;
}
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;
}
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!
- Xtras5
-
Témaindító
- Nem elérhető
- Kezdő fórumozó
-
Kevesebb
Több
- Hozzászólások: 28
- Köszönetek: 1
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!
Az oldal semmilyen kapcsolatban nem áll a Joomla!© Projecttel, sem az Open Source Matters-zel. A Joomla!© logót korlátolt licenc alatt használjuk, melyet az Open Source Matters védjegytulajdonos biztosít az Egyesült Államokban és más országokban. Minden jog fenntartva © 2011-2023 Joomla! Magyarország.
Az oldal tárhelyét a Tárhelypark biztosítja. Ha támogatni szeretnéd az oldal működését, akkor kérjük, hogy az alábbi hivatkozáson keresztül vásárolj tárhelyet.