Crear archivo css

salbatore · #1 (**permalink**) 06/08/2009, 20:23

Hola foreros!,

Llevo unos dias buscando informacion sobre como crear archivos y demas pero nada me ha satisfecho del todo, jeje... asi que pregunto a los sabios... a vosotros!:

¿Como podria crear un archivo CSS y guardarlo en una carpeta de mi servidor?

¿Es muy dificil?

ElPoliticoSagaz · #2 (**permalink**) 06/08/2009, 20:42

No es difícil. QUe usas para programar?
1) Este es un ejemplo de código css, donde ".Titulo" sería el nombre del estilo

Cita:

.Titulo {
font-family: Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #990000;
text-decoration: underline;
text-align: center;

y los que están incluidos entre llaves, serían simplemente las características del estilo. Lo copias y lo guardas en un archivo css (ejemplo miestilo.css)
2) Luego, tienes que añadir a tu archivo html (o plantilla) el siguiente código (entre <head> y </head>) para que cargue el archivo miestilo.css. Esto sería así

Cita:

3) Y por ultimo, debes añadir este estilo a algo (entre <body> y </body>), puede ser un título de una tabla, etc. Más fácil, un párrafo (usas la palabra clave class)

Cita:

<p class="Titulo">Tu Titulo aqui</p>

Entonces, "Tu Titulo aqui" tendrá las características del estilo que le pusiste (Letra Arial 16, subrayado, alineado al centro, etc.). Lo bueno de esto es que si tienes 10000 parrafos en todo su sitio con el estilo ".Titulo", puedes modificarles, por ejemplo, el tamaño de la letra (o lo que quieras) de 16 px a 12px y se modificarán todos los 10000 párrafos en el mismo momento.

Y por ultimo (lo agrego ahora porque me olvidé) para agregarlo a una carpeta del servidor es facil, simplemente usa un programa FTP (yo uso FileZilla) que te muestra a la izquierda tu disco rígido y a la derecha tu sitio en tu servidor. Seleccionas el archivo con el botón derecho, luego aprietas el izquierdo y le dices enviar y te lo envia inmediatamente a la carpeta que tienes abierta en el servidor. Saludos!

salbatore · #3 (**permalink**) 08/08/2009, 07:03

Hola ElPoliticoSagaz,

Ya siento que mi pregunta no estuviese mas enfocada a PHP, pero estando en un foro de PHP... crei que era obvio que me referia a crear un archivo.css con php y con php subirlo a una carpeta, jeje... y ya lo siento pues tu respuesta te ha tenido que costar...

Muchas gracias por tu ayuda ElPoliticoSagaz... pero no era lo que buscaba, jeje...

ElPoliticoSagaz · #4 (**permalink**) 08/08/2009, 09:54

Amigo, lo que pasa que tu dices "como crear un archivo css", no "como crear un archivo css usando php" (a veces hay que explicar con detalles las preguntas, sino no se entienden bien).
Bueno, nos vemos
Hasta donde yo se, los archivos css se crean en archivos con extensión css. Tu puedes agregar el código css justamente entre <head> y </head> (en una pagina php o plantilla php) y leerlos sin problemas.

Kristt · #5 (**permalink**) 08/08/2009, 10:53

pues en http://php.net vas a encontrar las funciones necesarias y la información:
las funciones que te harán falta serán fopen(), fwrite() o fputs() , y fclose()

salbatore · #6 (**permalink**) 08/08/2009, 15:57

Hola...

Gracias Kristt... eso me hacia falta!... un lugar por el comenzar...

Muchas gracias!...

mfb5 · #7 (**permalink**) 09/09/2009, 13:49

Hola agregar un CSS a un PHP o a un HTML es lo mismo asi que lo que decía ElPoliticoSagaz es correcto, pero existen varias maneras de agregar estilo a la página checalo aqui:

samu22 · #8 (**permalink**) 09/09/2009, 14:18

tambien desde php podes generar una cabecera y escribir los datos, eso te permite mantener un archivo que genera el codigo css necesario por ejemplo

Código php:

Ver original<?php
    header("Content-type: text/css"); 
    // yo lo uso asi
    $defaultCSS = 'style/estilo.css'; 
    $anchosCss = 'style/ancho.css'; 
    $coloresCss = 'style/colores.css'; 
    //include($defaultCSS);
         
 
    
    if(isset($_GET['idCss'])){
        $idCss = $_GET['idCss'];
        $dinCSS = 'style/estilo'.$idCss.'.css';
        if(file_exists($dinCSS)){
            include($dinCSS);
        }else{
             include($anchosCss);
             include($coloresCss);
        }
    }

y desde el head hago lo siguiente

Código html:

Ver original<head>
<link rel="stylesheet" type="text/css" href="estilo.php?idCss=panel">
</head>

mfb5 · #9 (**permalink**) 09/09/2009, 20:28

hola yo uso más jsp que php asi que no se mucho de lo que haces pero parece muy intersante la manera en que manipulas los datos y también es una opción para quienes usan php aunque se me hace un poco complicada y menos genérica es decir no lo puedes usar en proyectos que no sean php pero en fin gracias por tu aporte es bueno tener varias opciones