Strašni efekti za blogove Tumblr

"Strašan" efekt je u oku promatrača - ono što vam se čini ljepljivim može biti najhladniji efekt ikad za drugog korisnika Tumblra. Ali nakon što se odlučite za vlastite prilagođene efekte, morate urediti izvorni kod teme, pa pažljivo pročitajte sve uključene vodiče za sve efekte prije nego što uskočite. Možda će trebati nekoliko pokušaja da pronađete pravu ravnotežu za svoj blog, ali konačni rezultat bit će tema bloga jedinstvena za vas.

Tekstualni efekti

Ako želite dodati nešto pomalo hirovito na svoj blog, možete razmisliti o upotrebi programa Rainbow Text Generator za stvaranje veza u klasičnoj duginoj paleti. Međutim, dramatičnija i suptilnija promjena je uporaba prilagođenog fonta koji odgovara raspoloženju vašeg bloga. Google Fonts nudi više od 600 fontova spremnih za web koje možete primijeniti na svoj Tumblr blog s minimalnim izmjenama, u rasponu od jednostavnih fontova bez serifa do ukrasnih fontova rukopisa. CSS vam također omogućuje primjenu gradijenata i filtara na tekst. (Veze u resursima.)

Efekti slike

Slike su velik dio Tumblr iskustva, a CSS3 olakšava promjenu načina na koji se vaše slike pojavljuju na stranici. Na primjer, upotrijebite pseudo-klasu lebdenja u CSS-u da biste promijenili način prikazivanja slika kada posjetitelji lebde iznad njih .. Sljedeći primjer koristi CSS filtar Webkit kako bi se sve slike pojavile u nijansama sive dok ne zadržite pokazivač iznad njih:

img {-webkit-filter: sive (100%);} img: hover {-webkit-filter: sive (0%);}

CSS3 nudi nekoliko filtara, poput tona sepije, zamućenja, upravljanja kontrastom i ostalih osnovnih efekata uređivanja slika. Članak "Pozdravi filtere Webkit" tvrtke Tuts + raspravlja o tim filtrima i načinu njihovog korištenja. (Link u resursima.)

Učinci kursora

Druga metoda prilagodbe je promjena kursora posjetitelja, stvarajući vizualni interes u žarišnoj točki korisnika. Na primjer, razmislite o efektu Rainbow Fireworks koji stvara malu eksploziju nalik vatrometu kad god posjetitelj klikne vašu stranicu. Druga je opcija Kursor za iskra koji uzrokuje ispadanje šarenih iskriča s pokazivača posjetitelja. Treće je prilagođeni kursor, koji vam omogućuje prijenos bilo koje slike koju želite zamijeniti zadani kursor miša posjetitelja. (Veze u resursima.)

Efekti na cijeloj stranici

Web stranica Snazzyspace nudi nekoliko efekata za Tumblr, uključujući one koji utječu na cijeli vaš blog. Jedan od primjera je poruka koja se pojavi kada posjetitelji prvi put učitaju vašu stranicu. Ovo dobro služi ako imate bilo kakva upozorenja (poput sadržaja koji nije siguran za rad). Druga mogućnost je animacija pada snijega, koja snježne pahuljice prebacuje preko stranice da pozove zimski osjećaj. Snazzyspace također nudi brojač na vašem blogu koji prikazuje vaš trenutni broj posjetitelja i vaš najveći broj posjetitelja ikad. (Veze u resursima.)