Nieuwe layout Floris’ site

Ik heb een tijdje lopen prutsen en uiteindelijk alle onderdelen van mijn site in hetzelfde formaat gegoten en de website wat meer op elkaar aangesloten. Op elk onderdeel kan je terug naar ‘Floris online’ via een knop en in de meesten kan je in 1 druk van Blog naar Floris naar Duiken etc.

Elk onderdeel heeft ook zijn eigen kleur gekregen en na een beetje oefenen met photoshop kwam ik met de volgende mix van deze onderdelen;
Floris headers op een rij
Van links naar rechts is dat;

  • Floris online, een plekje over mezelf
  • Floris en duiken, een plek waar je meer over duiken en mijn duiken kan lezen
  • Verder lezen

Ideaal voor webdesignen/CSS aanpassingen

Ik maak nu al een tijdje gebruik van een handig tooltje dat ik hier nu even wil “bejubelen”. Het is een simpel tooltje dat je kan downloaden en draaien wanneer je het nodig denkt te hebben.

Als je het start dan krijg je een icoontje in je “system-tray” en daar kan dan een soort pipet aanzetten. Vervolgens als je een pipet ergens op wijst dan geeft hij de kleurcode aan :) Simpel! En als je ook nog een de hex-code laat zien kan je deze code zo overnemen in je CSS-style sheet. Zie plaatje voor een voorbeeld als ik op het groene logo van Dreamweaver wijs.

Eyedropper voorbeeld

Ik heb gezocht op dit tooltje, maar kan de download niet meer vinden. Erg onhandig. Dus ik heb een versie op mijn webserver gezet welke je hier kan downloaden in ZIP formaat. Hopelijk heb je er net zoveel plezier van als ik ;)