Cum să obții efectul de blur pe imagini în Tumblr când cursorul nu se află pe ele

În tema ta Tumblr poți crea un efect vizual interesant: imaginea apare clară când mouse-ul trece peste ea și blurată în rest. Pentru a implementa acest lucru trebuie să pregătești două fișiere imagine și să adaugi câteva fragmente de cod în tema blogului (nu în postări).

Pregătirea imaginilor

Este necesar să ai două copii ale aceleiași imagini:

Versiunea clară (original).
Versiunea blurată, creată în GIMP, Photoshop sau un alt editor foto.

Asigură-te că dimensiunile ambelor imagini sunt identice, pentru a evita distorsiuni când se schimbă sursa.

Cod JavaScript

Adaugă următorul fragment în secțiunea <head> a temei:

<script>
function MouseRollover(img){
    img.src = "URL_IMAGINE_CLARĂ";
}
function MouseOut(img){
    img.src = "URL_IMAGINE_BLURATA";
}
</script>

Înlocuiește URL_IMAGINE_CLARĂ și URL_IMAGINE_BLURATA cu adresele reale ale imaginilor tale.

Cod HTML

Înlocuiește codul HTML din tema în locul în care dorești să apară efectul:

<div align="center">
    <img src="URL_IMAGINE_BLURATA" width="500" height="500" border="0" onmouseover="MouseRollover(this)" onmouseout="MouseOut(this)" />
</div>

Acest fragment afișează imaginea blurată implicit. Dimensiunile (width/height) pot fi ajustate la preferință.

Instalarea codului

Pas cu pas:

Accesează Dashboard → Customize pentru blogul tău.
Selectează Edit HTML pentru a deschide editorul de teme.
Adaugă codul JavaScript:

Copiază fragmentul din secțiunea <head>.
Locuiește-l în spațiul înainte de </head> și apasă Ctrl+V.

Adaugă codul HTML:

Copiază fragmentul HTML.
Plasează-l în locul dorit din codul temei și apasă Ctrl+V.

Apasă Update Preview pentru a testa efectul.
Salvează modificările.

Reține că aceste scripturi funcționează doar în tema blogului, nu în postările individuale.

URL:https://ro.whycomputer.com/software-ul/100518951.html

Resetarea parolei mesageriei vocale pe un BlackBerry Bold

Poți să vezi sau să mă auziți când ești setat „Away” pe Skype?

Software

Cum să creezi cadre ovale pentru fotografii

Cadrele adaugă un plus de eleganță pozelor tale. Alegând un cadru care se potrivește culorilor și stilului decorului, poți transforma o fotografie într-o operă de artă – fie formală, fie relaxată. Nu trebuie obligat să alegi doar forme dreptunghiulare. Cadrele ovale, mai puțin convenționale, pot fac

Cum să obții o imagine mai clară pe monitor

Pe un monitor, claritatea imaginii poate fi îmbunătățită prin ajustarea rezoluției ecranului. Pasul 1: Accesarea setărilor de afișare În Windows XP, deschide Start → Control Panel → Display. În Windows Vista sau Windows 7, accesează Control Panel → Appearance and Personalization → Display Settings (

Cum să redimensionați imaginile salvate pe calculatorul meu

Redimensionarea imaginilor pe calculatorul dvs. Pentru a schimba dimensiunea imaginilor pe care le aveți pe calculator, aveți nevoie de un program de editare foto. Acest tip de software vă permite să măriți sau să micșorați imagini, să le decupați, să ajustați contrastul și multe alte funcții utile.

Software