Iedreen die met css kan werken weet dat die een css aan html kan koppelen door middel van de <link /> tag dus


Maar wat heb je dan juist een statische css bestand die runtime niet kan veranderen of kan reageren op de gebruiker.
Dat gaan we dus even veranderen met php en met een Content-Type header zodat browsers de output als een css bestand gaan opvatten.

index.php

Let op de style.php. ik link dus als css bestand dus eigenlijk de output van het php script

style.php

Let op de header die de browser aangeeft dat die de output als een css bestand moet opvatten.

P.S de css kan niet gevalideerd worden door middel van style.php maar je moet het via index.php doen op de validator


Oke waarom zou je dit willen gebruiken?

Stel je hebt een CMS en je slaat de styles op in een database dan kan je deze door middel van php uit de database laden en deze outputen naar de browser.

Een png fix maken voor IE 5,5 en IE 6 bijvoorbeeld. Door eerst op een browser en versie te controleren en daar de AlphaImageLoader filter in de div te plaatsen. zodat je css ook nog valid blijft.


Denk dat het niet echt een Tutorial is maar meer een Wist je Dat Je maar toch maar hier gepost. Misschien heeft iemand er nog wat aan

Ik vind het handig.. Wist niet dat dit kon.. altijd handig om te weten!

Neophyte schreef:Een png fix maken voor IE 5,5 en IE 6 bijvoorbeeld. Door eerst op een browser en versie te controleren en daar de AlphaImageLoader filter in de div te plaatsen. zodat je css ook nog valid blijft.

Daarvoor kan je ook conditional comments voor gebruiken.

maar swat, ik denk wel dat er mensen zijn die het kunnen gebruiken. +

JorisL schreef:

Neophyte schreef:Een png fix maken voor IE 5,5 en IE 6 bijvoorbeeld. Door eerst op een browser en versie te controleren en daar de AlphaImageLoader filter in de div te plaatsen. zodat je css ook nog valid blijft.

Daarvoor kan je ook conditional comments voor gebruiken.

maar swat, ik denk wel dat er mensen zijn die het kunnen gebruiken. +

Je zou het ook kunnen gebruiken om je site aan te laten passen aan het seizoen of tijd van de dag. Kan soms grappige effecten geven.

Bedankt voor de tut iig. ++

JorisL schreef:

Neophyte schreef:Een png fix maken voor IE 5,5 en IE 6 bijvoorbeeld. Door eerst op een browser en versie te controleren en daar de AlphaImageLoader filter in de div te plaatsen. zodat je css ook nog valid blijft.

Daarvoor kan je ook conditional comments voor gebruiken.

Dat kan maar conditional comments is niet echt zo netjes (je vervuild de bron code) waarom dingen oplossen op de client ook al kan het server-side.


De rest bedankt voor de reacties en punten

Neophyte schreef:Dat kan maar conditional comments is niet echt zo netjes (je vervuild de bron code) waarom dingen oplossen op de client ook al kan het server-side.

Dat valt maar te bezien. Ik vind het niet zo erg om een condcom te gebruiken.

Ikke schreef:Je zou het ook kunnen gebruiken om je site aan te laten passen aan het seizoen of tijd van de dag. Kan soms grappige effecten geven.

Hey das een goeie. Had ik nog niet aan gedacht. Binnenkort eens proberen

Als je hier van gebruik maakt zou ik ook zorgen dat je in de headers de refresh gegevens zet zodat je browser niet de gecached versie gebruikt.
Dat kan dan ook weer een nadeel zijn, bandbreedtevergroting. Nuja 't is 'maar' een css file natuurlijk, maar voor sommige sites kan dat wel uitmaken natuurlijk

Normaal gezien gebruik ik altijd volgende header:
Ik weet niet hoe strikt dat men hierin is, maar volgens mij moet er een streepje tussen ipv een spatie (Content-type).

Een soortgelijk systeem kan je ook gebruiken om externe js met php te genereren.

MichielV schreef:Normaal gezien gebruik ik altijd volgende header:

PHP-code:

header('Content-type: text/css'); 


Ik weet niet hoe strikt dat men hierin is, maar volgens mij moet er een streepje tussen ipv een spatie (Content-type).

Een soortgelijk systeem kan je ook gebruiken om externe js met php te genereren.

PHP-code:

header('Content-type: application/javascript'); 


Klopt idd het is Content-Type: en het is ook mogelijk om javascript zo te maken. Ik heb het aangepast