Sådan ændres PHP farveskema i CSS

Sådan ændres PHP farveskema i CSS


Når du udvikler PHP-applikationer, nogle gange vil have dig til at gøre det lettere for dig eller dine brugere til at ændre farveskemaet anvendes i programmet. Da farveskemaer er defineret ved hjælp af Cascading Style Sheets (CSS), kan du oprette en ekstern CSS-fil, medtage den i PHP kode og bruger PHP til at bestemme logik hvordan farvesammensætningen er brugt. Når du vil ændre farveskemaet, kan du blot redigere CSS-fil og erstatte farverne med forskellige farver.

Vejledning

1

Opret en CSS-fil og indtaste styling tags, der skal anvendes i ansøgningen. For eksempel, for at oprette et farveskema, der viser almindelig tekst i sort, men viser en baggrundsfarve lyserødt til en kvindelig navn og blå for en mandlig navn, type:

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

Opret en ny PHP-fil og indsætte HTML headers for filen. Skriv f.eks:

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

<Html>

<Head>

<Title> Display Navne </ title>

<Meta http-ækvivalent = "Content-Type" content = "text / html; charset = iso-8859-1">

3

Sæt HTML stil tags og medtage den eksterne CSS-fil ved hjælp af PHP. Skriv f.eks:

<? Php

omfatte "style.css";

?>

</ Style>

</ Head>

4

Opret et array af data at vise ved hjælp af styling tags. Indsæt et navn og køn, som vil styre farveskema anvendes. Skriv f.eks:

<Body>

<? Php

$ Data = array ();

array_push (data $, array ("navn" => "Susan", "sex" => "f"));

array_push (data $, array ("navn" => "Tom", "sex" => "m"));

array_push (data $, array ("navn" => "Steve", "sex" => "m"));

array_push (data $, array ("navn" => "Jane", "sex" => "f"));

5

Output HTML-kode ved hjælp af PHP, der erstatter den rigtige klasse for CSS styling baseret på oplysningerne i dataene. Skriv f.eks:

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

foreach ($ data som $ index => $ personer) {

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

}

echo "</ table> ';

?>

</ Body>

</ Html>

6

Rediger CSS-fil og ændre farveskemaet. Gentag PHP script og se resultaterne på skærmen.

Relaterede artikler