PHP in CSS (Ja, het kan!)

Hi,

PHP in een CSS bestand? Tuurlijk! Altijd van die ontelbare CSS files gemaakt? Waarom moeilijk doen, terwijl het makkelijk kan.

Het is heel simpel, dus als je het niet snapt dan moet je het nog even een paar keer doorlezen.
Eerst maken we van je CSS style blad een PHP bestand. Dus we veranderen van extensie.
Simpelweg gewoon je .css vervangen door .php. Klaar? Dan gaan we verder.

Voeg de onderstaande code boven aan je css bestand. (Houd wel rekening dat je de highlight kleuren niet meer kan zien.)

[COLOR= #0000BB]<?php[/COLOR]
[URL="http://www.php.net/header"]header[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]Content-Type: text/css[/COLOR][COLOR= #007700]);[/COLOR]
?>

Wil je bijvoorbeeld een background switcher maken? Nou dan kan je de voorgekookte code onderaan goed gebruiken.

[COLOR= #0000BB]<?php[/COLOR]
[URL="http://www.php.net/header"]header[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]Content-Type: text/css[/COLOR][COLOR= #007700]);[/COLOR]
[COLOR= #0000BB]$kleurencode[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #DD0000]#kleurencode[/COLOR][COLOR= #007700];[/COLOR]
?>

element { background: [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$kleurencode[/COLOR][COLOR= #007700];[/COLOR] ?>; }

Helaas moet je de rest zelf afmaken, want ik kan niet alles voorkauwen.

Ik hoop dat jullie er wat van hebben geleerd, jullie zien mijn volgende tutorial wel verschijnen.

Gegroet,

Shahiem

Shahiem schreef:

Hi,

PHP in een CSS bestand? Tuurlijk! Altijd van die ontelbare CSS files gemaakt? Waarom moeilijk doen, terwijl het makkelijk kan.

Het is heel simpel, dus als je het niet snapt dan moet je het nog even een paar keer doorlezen.
Eerst maken we van je CSS style blad een PHP bestand. Dus we veranderen van extensie.
Simpelweg gewoon je .css vervangen door .php. Klaar? Dan gaan we verder.

Voeg de onderstaande code boven aan je css bestand. (Houd wel rekening dat je de highlight kleuren niet meer kan zien.)

[COLOR= #0000BB]<?php[/COLOR]
[URL="http://www.php.net/header"]header[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]Content-Type: text/css[/COLOR][COLOR= #007700]);[/COLOR]
?>

Wil je bijvoorbeeld een background switcher maken? Nou dan kan je de voorgekookte code onderaan goed gebruiken.

[COLOR= #0000BB]<?php[/COLOR]
[URL="http://www.php.net/header"]header[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]Content-Type: text/css[/COLOR][COLOR= #007700]);[/COLOR]
[COLOR= #0000BB]$background[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #DD0000]#kleurencode[/COLOR][COLOR= #007700];[/COLOR]
?>

element { background: [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$kleurencode[/COLOR][COLOR= #007700];[/COLOR] ?>; }

Helaas moet je de rest zelf afmaken, want ik kan niet alles voorkauwen.

Ik hoop dat jullie er wat van hebben geleerd, jullie zien mijn volgende tutorial wel verschijnen.

Gegroet,

Shahiem

Is de broncode van de CSS dan nog steeds zichtbaar? Of verdwijnt deze net zoals alle php codes?

Is gewoon zichtbaar

De output is, net als bij html, gewoon zichtbaar inderdaad. Anders is het voor de browser onmogelijk om de stylen op de pagina te kunnen gebruiken.

Inderdaad , ik zal dat er ook zo bij zetten

Dit is niks korter alleen maar onhandiger dit is misschien makkelijker

Ik doe het vaak bij JS maar dan zet ik bovenaan:

Timmie schreef:

Dit is niks korter alleen maar onhandiger dit is misschien makkelijker

Ieuw Wat jij nu gebruikt is zeer af te raden.

@Nielsie: Ja, dat kan ook

Waarom is dat af te raden dan, het is een manier speciaal gemaakt voor dit soort zaken, de

Shorttags (onder andere

Je kan ook gewoon in een PHP bestand dit doen:

[COLOR= #0000BB]<?php
$kleur[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #DD0000]#FFFFFF[/COLOR][COLOR= #007700];[/COLOR]
?>

<style type="text/css">
.test {
  color: [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$kleur[/COLOR][COLOR= #007700];[/COLOR] ?>;
}
</style>

Habboscape schreef:

Je kan ook gewoon in een PHP bestand dit doen:

[COLOR= #0000BB]<?php
$kleur[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #DD0000]#FFFFFF[/COLOR][COLOR= #007700];[/COLOR]
?>

<style type="text/css">
.test {
  color: [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$kleur[/COLOR][COLOR= #007700];[/COLOR] ?>;
}
</style>

Maar dan heb je het weer op een plek waar je niet wilt, zo heb je het gewoon in je css bestand.
@Shahiem
Hoe roep je dit nu aan? Gewoon zelfde manier als je normaal een css bestand aanroept?

Eleky wat bedoel je met dan heb je het op een plek waar je niet wilt?

Eleky schreef:

Eerdere citaten tonen

Habboscape schreef:

Je kan ook gewoon in een PHP bestand dit doen:

[COLOR= #0000BB]<?php
$kleur[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #DD0000]#FFFFFF[/COLOR][COLOR= #007700];[/COLOR]
?>

<style type="text/css">
.test {
  color: [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$kleur[/COLOR][COLOR= #007700];[/COLOR] ?>;
}
</style>

Maar dan heb je het weer op een plek waar je niet wilt, zo heb je het gewoon in je css bestand.
@Shahiem
Hoe roep je dit nu aan? Gewoon zelfde manier als je normaal een css bestand aanroept?

Inderdaad, alleen met een .php extensie .

@Habboscape: Je vergeet dan de header content type.

Shahiem schreef:

@Habboscape: Je vergeet dan de header content type.

Nee, hij zet het tussen