Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

micox

Constantes e Variáveis em CSS

Recommended Posts

É o seguinte pessoal:

 

Já pesquisei aqui no forum e na net e não encontrei nada do tipo.

 

Em várias linguagens existe o conceito de constantes, onde você atribui o valor a uma "variavel" e a utiliza no restante do código.

Ex:

 

DEFINE PI = 3.14;var vconta,conta2;vconta = 2 * PI;conta2 = PI * 3 / 4;

Uma coisa desse tipo seria muito útil em CSS, principalmente para modificações/padronizações rápidas no layout.

Ex:

DEFINE CORPADRAO: lightgray;.conteudo { background-color: CORPADRAO;}#topo #menu a:hover { background-color: CORPADRAO;}

Sacaram? Isso seria MUUITO útil.

Esse CSS com CONSTANTES é possível usando linguagens server side, mas se tivesse nativo no css seria muito bom.

Alguem sabe alguma coisa a respeito??

Compartilhar este post


Link para o post
Compartilhar em outros sites

http://forum.imasters.com.br/public/style_emoticons/default/devil.gif

 

Só vi isso mesmo com linguagem server side, pois você cria a variável e ele recupera o valor do banco, aqui na empresa que trabalho usamos assim para cada licença de produto http://forum.imasters.com.br/public/style_emoticons/default/joia.gif .

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pode crê... seria útil pacas... a única solução que temos em CSS é agrupar seletores que têm o mesmo valor de propriedades...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pode crê... seria útil pacas... a única solução que temos em CSS é agrupar seletores que têm o mesmo valor de propriedades...

Já é um bom começo... Não tinha me atentado pra isso. heheMas deixa o código um pouco desorganizado (na verdade ele ficaria organizado por propriedade e não por classe como é o comum que eu faço)Mas é uma solução...

Compartilhar este post


Link para o post
Compartilhar em outros sites

eh soh você renomear o arquivo css e colocar uma extensão .php (ou asp, depende da linguagem) e colocar um content-type css e fazer as funções de php...

É... realmente, mas isso aí eu já sabia... Concluímos que não há solução então, a nao ser a do THE_WATCHER.Valeus..

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode utilizar php para fazer esse procedimento

 

basta no início do código utilizar o seguinte código

 

<?php
   header("Content-type: text/css; charset: UTF-8");
?>

 

Você tem que colocar na primeira linha isso

ae você pode fazer o que você deu como exemplo

<?php
$corpadrao = "lightgray";
?>

.conteudo { background-color: <?php echo $corpadrao; ?>;}
#topo #menu a:hover { background-color: <?=$corpadrao;?>;}

 

ae para chamar é do mesmo jeito

<link rel="stylesheet" type="text/css" href="css/estilo.css.php">

 

E ainda da pra enviar variável

<link rel="stylesheet" type="text/css" href="css/estilo.css.php?corfundo=#fff">

 

 

 

Além disso caso você não queira que apareça o .php no final do arquivo você pode utilizar o .htaccess para isso.

 

na pasta css você pode salvar um arquivo .htaccess e colocar o seguinte código

 

#Options +FollowSymlinks
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

#Aqui você coloca o endereço do arquivo .php que será o css, se não encontrar nenhum arquivo ele vai mandar para estilo.css.php na pasta css
RewriteRule .(/)?$ css/estilo.css.php

 

nesse htaccess é valido lembrar também que na verdade ele não ta excluindo a extensão .php

e sim ele verifica, se o endereço não existir dentro da pasta css, ele irá redirecionar para estilo.css.php

 

,logo, se você colocar qualquer coisa vai pra estilo.css.php

 

http://nomedosite.com/css/qualquer_nome

 

vai abrir

 

http://nomedosite.com/css/estilo.css.php

 

só pra lembrar! =DD

 

espero ter ajudado

um abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.