2014. 07. 21.

Árnyék a képnek

Sziasztok!

Kamilla kérésére hoztam olyan CSS kódot, amit ha beillesztesz egy HTML/Javascript modulba, vagy a képen látható helyre a Blogger Sablontervezőben, akkor árnyékot csinál a képednek.

Blogger Sablontervező --> Speciális --> Stílusalap (CSS) hozzáadása
A KÓD:

<style type="text/css">
.post-body img, .Profile img, .Image img, img {
    -moz-box-shadow: 2px 2px 5px #000;
    -webkit-box-shadow: 2px 2px 5px #000;
    box-shadow: 2px 2px 5px #000;
}
</style>

Hogyha azt szeretnéd, hogy a blogodban minden képednek legyen árnyéka, akkor az egész kódot másolt ki, de ha csak azt szeretnéd, hogy bizony képeknek legyen, akkor felülről töröld ki azt, amire nincsen szükséged.
.post-body img: bejegyzésbe beillesztett képek
.Profile img: profilkép
.Image img: modulsávba beillesztett képek
img: összes kép

Sima img-vel nem működik, mert minden képen alapból van egy nagyon minimális, szinte láthatatlan árnyéka - ne kérdezzétek, hogy akkor mi értelme van... -, ezért ha csak simán az összes képre próbálnál árnyákot tenni, akkor a többi felülírná ezt a parancsot, így a megemlített képeken ugyanúgy nem látnád.

A kódban a három szám közül az elsővel azt tudod megadni, hogy balra vagy jobbra mennyit mozduljon, a második számmal, hogy fel-le mennyit menjen, a harmadikkal pedig, hogy mennyire terüljön el az árnyék. A kettőskereszt után kerül egy hex kód, ami az árnyék színét adja meg.

Remélem tudtam segíteni,
M. Mircsi

Nincsenek megjegyzések:

Megjegyzés küldése