Cuando estás desarrollando aplicaciones PHP , a veces se quiere hacer más fácil para usted o sus usuarios a cambiar el esquema de color que se utiliza en el programa. Dado que los esquemas de color se definen mediante Cascading Style Sheets ( CSS ) , puede crear un archivo CSS externo, incluirlo en el código PHP y usar PHP para decidir la lógica de cómo se utiliza la combinación de colores . Si desea cambiar la combinación de colores, sólo tiene que editar el archivo CSS y reemplazar los colores con diferentes colores. Instrucciones
1
Crear un archivo CSS y entrar en las etiquetas de estilo que se utilizarán en la aplicación. Por ejemplo , para crear una combinación de colores que muestra el texto normal en negro , pero muestra un color de fondo de color rosa para un nombre femenino y azul para un nombre masculino , escriba:
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
Crear un nuevo archivo PHP e insertar los encabezados de HTML para el archivo. ! Por ejemplo , escriba:
< DOCTYPE HTML PUBLIC " - //W3C //DTD HTML 4.01 Transitional //EN" Nombres < /title >
3
Inserte las etiquetas de estilo HTML e incluir el archivo CSS externo utilizando PHP. Por ejemplo , escriba: < ? Php
incluyen " style.css " ;
>
< /style> < br >
< /head>
4
Crear un conjunto de datos para mostrar el uso de las etiquetas de estilo. Introduzca un nombre y el género, que controlará el esquema de colores utilizado . ¿ Por ejemplo , escriba: php
$ data = array ()
< ;
array_push ( $ data , array ("nombre " = > " Susan ", "sexo " = > "f "));
array_push ( $ data , array ( "nombre" = > " Tom ", "sexo " = > "m "));
array_push ( $ data , array ( "nombre" = > "Steve ", "sexo " = > "m "));
array_push ( $ data , array ( "nombre" = > " Jane ", "sexo " = > "f ")) ;
5
código HTML de salida utilizando PHP que sustituye a la clase correcta para CSS el estilo basado en la información contenida en los datos . Por ejemplo , escriba:
echo '
% s < /td > < ;/tr> ', $ persona [ "sexo" ], $ persona [" name"] ) ; }
echo' < /table > ';
< p > ? >
< /body>
< /html>
6 Editar el archivo CSS y cambiar el esquema de color. Vuelva a ejecutar el script PHP y ver los resultados en pantalla.
|
