Come modificare la combinazione di colori PHP in CSS

August 31

Come modificare la combinazione di colori PHP in CSS


Quando si sta sviluppando applicazioni PHP, a volte vuole rendere più facile per voi oi vostri utenti di modificare la combinazione di colori utilizzata nel programma. Dal momento che combinazioni di colori sono definite utilizzando Cascading Style Sheets (CSS), è possibile creare un file CSS esterno, includere nel codice PHP e utilizzare PHP per decidere la logica di come viene utilizzata la combinazione di colori. Quando si desidera cambiare la combinazione di colori, si può semplicemente modificare il file CSS e sostituire i colori con colori diversi.

istruzione

1 Creare un file CSS e inserire i tag di stile da utilizzare nell'applicazione. Ad esempio, per creare una combinazione di colori che visualizza testo normale in nero, ma visualizza un colore di sfondo di colore rosa per un nome femminile e blu per un nome maschile, tipo:

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px}

.header {font-weight: bold; color: # 339}

.F {color: # 000; background-color: # FF99FF}

.m {color: # 000; background-color: # 66CCFF}

2 Creare un nuovo file PHP e inserire le intestazioni HTML per il file. Ad esempio, digitare:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">

<Html>

<Head>

<Title> nomi visualizzati </ title>

<Meta http-equiv = contenuti "Content-Type" = "text / html; charset = iso-8859-1">

3 Inserire i tag di stile HTML e includere il file CSS esterno utilizzando PHP. Ad esempio, digitare:

<? Php

includere "style.css";

?>

</ Style>

</ Head>

4 Creare un array di dati per visualizzare utilizzano i tag di stile. Inserire un nome e il sesso, che controllerà la combinazione di colori utilizzati. Ad esempio, digitare:

<Body>

<? Php

$ Data = array ();

array_push ($ dati, array ( "nome" => "Susan", "sesso" => "f"));

array_push ($ dati, array ( "nome" => "Tom", "sesso" => "m"));

array_push ($ dati, array ( "nome" => "Steve", "sesso" => "m"));

array_push ($ dati, array ( "nome" => "Jane", "sesso" => "f"));

5 Uscita codice HTML con PHP che sostituisce la classe corretta per lo stile CSS sulla base delle informazioni contenute nei dati. Ad esempio, digitare:

echo '<table border = "0"> <tr> <td class = "header"> Nome </ td> </ tr>';

foreach ($ dati come indice di $ => $ persona) {

printf('&lt;tr>&lt;td class="%s">%s&lt;/td>&lt;/tr>', $person["sex"], $person["name"]);

}

echo '</ table>';

?>

</ Body>

</ Html>

6 Modificare il file CSS e cambiare la combinazione di colori. Eseguire nuovamente lo script PHP e visualizzare i risultati sullo schermo.