Csslabs is dé weblog waar je alles vind over CSS en XHTML, voor de beginnende en de gevorderde CSS'er!

Ontwerp een 404 pagina met CSS

Gepost op: december 25th, 2008 | Auteur: joren | Categorie: CSS | Tags: , | 4 Comments »

Een 404 pagina zou je normaal gezien nooit mogen tegenkomen. Als je toch op zo’n pagina terecht komt, is het natuurlijk leuker als je een mooie en duidelijke pagina ziet, dan een lelijke standaard 404 pagina. In dit artikel zal ik jullie tonen hoe je met CSS een mooie 404 pagina kan maken. Hier zie je het voorbeeld van wat wij zullen maken. Lees verder »


CSS voor het printen van pagina’s

Gepost op: december 20th, 2008 | Auteur: joren | Categorie: CSS | Tags: , | 2 Comments »

Voor sommige websites is het best dat je een printvriendelijke versie maakt. Dit is zeer gemakkelijk te realiseren door met HTML een speciaal CSS bestand op te halen. Een CSS bestand waarmee je verschillende onderdelen van je webpagina weghaalt. Je moet er voor zorgen dat je alleen de inhoud overhoud, delen van de layout (menu, sidebar) kunnen weg. Lees verder »


Csslabs update

Gepost op: december 19th, 2008 | Auteur: joren | Categorie: Csslabs | Tags: | Geen Comments »

Zoals je ziet is Csslabs weer veranderd. Als layout heb ik gewoon een eenvoudige Wordpress Theme gekozen. Deze werkt in tegenstelling tot de vorige layout wel in alle browsers. Deze zou ik graag een tijdje gebruiken zodat ik wat meer kan werken aan de inhoud. Lees verder »


Css image hover menu

Gepost op: december 18th, 2008 | Auteur: joren | Categorie: CSS, Csslabs, Design, Tips, XHTML | Tags: , | Geen Comments »

Iets wat vele mensen willen bereiken maar wat bijna nooit helemaal lukt, is een image hover menu maken. Als dit dan lukt komt er meestal javascript bij te pas, terwijl het eigenlijk zeer eenvoudig te realiseren is met css. Om te beginnen kan je het voorbeeld hier bekijken. Hier kan je de psd file van de buttons downloaden. Lees verder »


Css tooltips

Gepost op: december 6th, 2008 | Auteur: joren | Categorie: CSS | Tags: , | Geen Comments »

Tooltips, wie kent ze tegenwoordig niet. Je gaat over een link, en er komt een kadertje tevoorschijn met wat info erin. Meestal zijn ze met javascript gemaakt, maar wij zullen het doen met css. Hier kan je zien wat we willen bereiken. De html is heel eenvoudig opgebouwd. Gewoon een link met daarin een span element. Lees verder »