@font -face example

@font -face is supported by the top browsers using various font types, for example Safari, Opera, Firefox and Chrome handle .TTF and .OTF, Internet Explorer can handle .EOT, and what’s probably worth a mention, Firefox 3.6 now handles .WOFF, and Opera supports .SVG. @font-face implementation: CSS: @font-face { font-family: “Museo 300”; src: url(“fonts/Museo300-Regular.eot”); src: local(“Museo […]

Continue reading

CSS Menu

Deze tutorial zal ik laten zien hoe je een css menu maakt.. We maken (un-typical) list menu met behulp van de position waarde. Hier is een overzicht van het menu (je kunt het downloaden als rar bestand). Achtergrond: Open de Photoshop-bestand. Schakel alle layers uit behalve de achtergrond en logo en sla de achtergrond op […]

Continue reading

Centereer een logo precies in het centrum

Voor het maken van een site gebruik ik regelmatig een tijdelijke pagina todat de uiteindelijke site klaar is. In deze tijdelijke pagina wil ik dan een logo plaatsen dat precies gecentreerd wordt in het midden van het scherm, dat is, zowel verticaal en horizontaal gecentreerd. Eerste poging was om het logo element een class “gecentreerd” […]

Continue reading