Interneto žinios
Interneto žinios
Šiame vadove sužinosite, kaip savo Tumblr temoje sukurti efektą, kuriame nuotrauka yra ryški tik tada, kai pelės žymeklis ją uždengia, o kitu atveju – neryški.
Jums reikės dviejų beveik identiškų nuotraukų: originalios, aštrios ir jos kopijos, kurios bus išryškinta „blur“ (neryškumo) filtru. Naudokite GIMP, Photoshop ar kitą grafikos programą, kad ant antros nuotraukos pritaikytumėte neryškumo efektą. Svarbu, kad abi nuotraukos būtų tokio pat dydžio.
Įklokite šį JavaScript fragmentą tarp <head> ir </head> žymių savo Tumblr temoje. Jame apibrėžiami du įvykiai – MouseRollover (kai žymeklis uždengia nuotrauką) ir MouseOut (kai žymeklis išeina iš nuotraukos).
<script type="text/javascript">
function MouseRollover(img) { img.src = "AstrausPaveikslelis.jpg"; }
function MouseOut(img) { img.src = "NeryskusPaveikslelis.jpg"; }
</script>Pakeiskite AstrausPaveikslelis.jpg nuorodą į aštraus vaizdo URL, o NeryskusPaveikslelis.jpg – į neryškios nuotraukos URL.
Šis HTML fragmentas nurodo, kur ir kaip rodyti nuotrauką. Įklokite jį ten, kur norite, kad efektas pasirodytų.
<div style="text-align:center;">
<img src="NeryskusPaveikslelis.jpg"
alt="Nuotrauka"
width="500" height="500"
onmouseover="MouseRollover(this)"
onmouseout="MouseOut(this)" />
</div>„NeryskusPaveikslelis.jpg“ – nuoroda į neryškų vaizdą, kuris bus rodomas pagal nutylėjimą. Pakeiskite width ir height reikšmes pagal savo poreikius.
1. Prisijunkite prie Tumblr valdymo skydelio ir spustelėkite Customize (Tinkinti).
2. Pasirinkite Edit HTML (Redaguoti HTML).
3. Suraskite </head> žymą ir įklijuokite JavaScript kodą prieš ją (naudokite Ctrl+V).
4. Tada raskite vietą, kur norite matyti nuotrauką, ir įklijuokite HTML fragmentą.
5. Paspauskite Update Preview (Atnaujinti peržiūrą), kad įsitikintumėte, jog efektas veikia.
6. Galiausiai spauskite Save (Išsaugoti).
Vaizdo rėmelis padeda išryškinti nuotrauką ir priderinti ją prie fono, spalvų schemos bei bendro stiliaus. Nors tradiciškai naudojami stačiakampiai rėmeliai, ovalus variantas suteikia neįprastą išvaizdą ir leidžia nuotraukai išsiskirti. Šį efektą galite pasiekti naudodami internetinę arba kompiuteri
Norėdami pagerinti vaizdo aštrumą monitoriuje, pakoreguokite ekrano skiriamąją gebą. Žemesnė skiriamoji geba (pvz., 800 × 600) sukelia didesnius, neryškiai atrodžiančius elementus, o didesnė skiriamoji geba (pvz., 1680 × 1050) – smulkesnius ir aiškesnius. 1 žingsnis Paspauskite Start (Pradėti), tada