Geweldige effecten voor Tumblr-blogs

Een "geweldig" effect is in het oog van de toeschouwer - wat je plakkerig vindt, is misschien wel het coolste effect ooit voor een andere Tumblr-gebruiker. Maar als je eenmaal je eigen aangepaste effecten hebt gekozen, moet je de broncode van je thema bewerken, dus lees alle meegeleverde tutorials voor alle effecten zorgvuldig voordat je aan de slag gaat. Het kan verschillende pogingen kosten om de juiste balans voor je blog te vinden, maar het eindresultaat zal een blogthema zijn dat uniek is voor jou.

Teksteffecten

Als je iets eigenaardigs aan je blog wilt toevoegen, kun je overwegen om de Rainbow Text Generator te gebruiken om links te maken in een klassiek regenboogpalet. Een meer dramatische en subtiele verandering is echter om een ​​aangepast lettertype te gebruiken dat past bij de stemming van je blog. Google Fonts biedt meer dan 600 web-ready lettertypen die u met minimale aanpassingen op uw Tumblr-blog kunt toepassen, variërend van eenvoudige schreefloze lettertypen tot decoratieve handschriftlettertypen. Met CSS kunt u ook verlopen en filters toepassen op tekst. (Links in bronnen.)

Afbeeldingseffecten

Afbeeldingen vormen een groot deel van de Tumblr-ervaring en CSS3 maakt het gemakkelijk om de manier waarop uw afbeeldingen op de pagina worden weergegeven, te wijzigen. Gebruik bijvoorbeeld de hover pseudo-klasse in CSS om te wijzigen hoe de afbeeldingen worden weergegeven wanneer bezoekers eroverheen bewegen. In het volgende voorbeeld wordt een CSS Webkit-filter gebruikt om alle afbeeldingen in grijswaarden weer te geven totdat u de muisaanwijzer erop plaatst:

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

CSS3 biedt verschillende filters, zoals sepiatinten, vervaging, contrastbeheer en andere basiseffecten voor het bewerken van afbeeldingen. Het artikel "Say Hello to Webkit Filters" van Tuts+ bespreekt deze filters en hoe ze te gebruiken. (Link in bronnen.)

Cursoreffecten

Een andere methode voor aanpassing is om de cursor van uw bezoeker te veranderen, waardoor visuele interesse ontstaat in het brandpunt van de gebruiker. Denk bijvoorbeeld aan het Rainbow Fireworks-effect dat een kleine vuurwerkachtige explosie veroorzaakt wanneer de bezoeker op uw pagina klikt. Een andere optie is de Sparkle Cursor, die ervoor zorgt dat kleurrijke sparkles van de cursor van de bezoeker vallen. Een derde is de aangepaste cursor, waarmee u elke afbeelding kunt uploaden die u de standaard muiscursor van de bezoeker wilt vervangen. (Links in bronnen.)

Paginavullende effecten

De website Snazzyspace biedt verschillende effecten voor Tumblr, waaronder effecten die van invloed zijn op je hele blog. Een voorbeeld is een bericht dat verschijnt wanneer bezoekers uw pagina voor de eerste keer laden. Dit is goed van pas als je waarschuwingen hebt (zoals niet-veilig-voor-werk-inhoud). Een andere optie is de vallende sneeuw-animatie, die sneeuwvlokken over de pagina laat vallen om een ​​winters gevoel op te roepen. Snazzyspace biedt ook een teller voor uw blog die zowel uw huidige bezoekersaantal als uw hoogste aantal bezoekers ooit laat zien. (Links in bronnen.)