Volver al Programación / Codificación foro

Variables CSS

  • aloof
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Abr 03, 2004
  • Mensajes: 14
  • Loc: Oregon
  • Status: Offline

Nota Abril 5th, 2004, 4:08 pm

¿Hay una manera de definir las variables CSS para que yo pueda controlar el color general de diseño utilizando sólo un par de variables en lugar de tener que pasar por el código y cambiar cada uno de ellos uno a uno a cambiar los colores?
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Abril 5th, 2004, 4:08 pm

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Nota Abril 5th, 2004, 4:29 pm

Se trata de un crossover entre el diseño y scripting, pero aunque no sé cómo, sé que usted no será capaz de hacerlo sin algún tipo de scripting para que este movimiento Im a nuestros Programación / Scripting bordo.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Mar 24, 2004
  • Mensajes: 1855
  • Loc: Uk
  • Status: Offline

Nota Abril 7th, 2004, 8:20 am

Por lo que soy consciente de CSS no tiene soporte para las variables, al igual que HTML.

Sin embargo...
Hay opciones disponibles para usted.

1) Crear un JavaScript que se ejecutará en la parte superior de la página HTML, usando algo como:

Código: [ Select ]
var color1=#ff0000;
var color1=#0000ff;
document.writeln('<STYLE>');
document.writeln('td{background-color:'+color1+'}');
document.writeln('div{background-color:'+color2+'}');
document.writeln('</STYLE>');
  1. var color1=#ff0000;
  2. var color1=#0000ff;
  3. document.writeln('<STYLE>');
  4. document.writeln('td{background-color:'+color1+'}');
  5. document.writeln('div{background-color:'+color2+'}');
  6. document.writeln('</STYLE>');


I pensar esto debería de trabajo como usted acaba de escribir la etiqueta de estilo en la parte superior de su página HTML con JavaScript. No he probado sin embargo.

2) Uso de PHP (o similar) para crear un archivo CSS dinámico? Así que tienen una css creados dinámicamente llamado blah.php, a continuación, utilice esto en lugar de la blah.css archivo que normalmente uso.

Esto definitivamente no sé si funcionará o no, como Im apenas empezando a aprender PHP, pero si se puede hacer con imágenes y pdf, no veo por qué no CSS?
Espero que esto le da algunas ideas. Déjame saber si necesitas más información gif "alt =":)" title =" Smile "/>
  • GrimShadow
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Abr 12, 2004
  • Mensajes: 6
  • Loc: Chandler, Oklahoma
  • Status: Offline

Nota Abril 12th, 2004, 6:11 pm

En caso de que su todavía buscando otras soluciones puede probar esto;
Código: [ Select ]
<?php
$var = main

if($var)
{
    $CSS = @fopen("images/$var/file.css", 'r');
        if(!$CSS)
        {
            die("There seems to be a problem with the css file. Either it doesn't exist, or the correct permissions aren't set.<br />");
        }
        else
        {
            $info = @fread($CSS, @filesize("images/$var/file.css"));
            @fclose($CSS);
        }
}
$cssinfo = str_replace("<-theme->", $var, $data);
//$cssinfo = str_replace("vaule to be replace", what to replace the value with, file to open)

@header( "Content-type: text/css" );
print $themecss;
?>
  1. <?php
  2. $var = main
  4. if($var)
  5. {
  6.     $CSS = @fopen("images/$var/file.css", 'r');
  7.         if(!$CSS)
  8.         {
  9.             die("There seems to be a problem with the css file. Either it doesn't exist, or the correct permissions aren't set.<br />");
  10.         }
  11.         else
  12.         {
  13.             $info = @fread($CSS, @filesize("images/$var/file.css"));
  14.             @fclose($CSS);
  15.         }
  16. }
  17. $cssinfo = str_replace("<-theme->", $var, $data);
  18. //$cssinfo = str_replace("vaule to be replace", what to replace the value with, file to open)
  20. @header( "Content-type: text/css" );
  21. print $themecss;
  22. ?>

Esto abrirá el archivo especificado CSS y reemplazar <-theme-> con el valor de la variable $ var (en este caso, el principal). Entonces todo lo que tienes que hacer es incluir este archivo en su plantilla.
  • gsv2com
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ene 25, 2004
  • Mensajes: 776
  • Loc: Nippon
  • Status: Offline

Nota Abril 12th, 2004, 6:47 pm

¿Estás seguro de hes no estamos hablando de selectores, en lugar de variables?

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 205 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC