CSS knoppen
buttons maken met alleen maar CSS

home | index | menu | help

Er is geen CSS ondersteuning.


		
  ◄◄  
   ◄  
   ▲  
   ►  
  ►►  

		

Zelfs een heel klein navigatie-knopje op een web-pagina kost een http-request. En hoe klein je het plaatje ook maakt, het zal toch bandbreedte consumeren. Als je één bezoeker per dag krijgt maakt dat natuurlijk niet veel uit. Het verandert als je miljoenen hits op jouw pagina's te verwerken krijgt. Dan telt elke byte. Mocht je een druk-bezochte site hebben, zal je plezier van deze css-knopjes hebben. De ronde hoekjes en de gradient zijn puur css. Dit geldt ook voor het hover-effect, wat overigens niet w3c valideert. Als je een purist bent die een 100% validerende pagina wilt hebben, haal je gewoon de hover- en active/focus-items uit de style-sheet (en natuurlijk ook uit de class:container de opacity-items).

Kopieer de style-sheet en de "div's" uit de pagina naar jouw web-pagina's en wijzig de kleuren en/of de afmetingen van de knoppen. De css-buttons zijn valide html5 en werken cross-browser.

cache 26-05-2010