Ir para conteúdo

POWERED BY:

Arquivado

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

FabricioGomes

É Possivel em CSS?

Por , em Desenvolvimento frontend

Recommended Posts

FabricioGomes    0

FabricioGomes
Postado

É possivel utilizar uma constante para os valores de cores do CSS, como por exemplo, quero criar alguns "templates" para meu CSS, porem, nao quero ficar mudando cor por cor, nem utilizar replaces para trocar as cores, pois ai perco o controle.

 

quero fazer algo do tipo

 

<style>#constante1 = #FF0000#constante2 = #00FF00#constante3 = #0000FFtabela.td { color: #constante1 }.selecao { color: #constante2 }.span_aviso { color: #constante3 }</style>

Alguém tem alguma ideia???

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

É cara, infelizmente não.Eu já fiz essa mesma pergunta a algum tempo e me disseram que no CSS 2 atual não é possível. Pra mim, esta é uma das falhas do CSS 2

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

É possível sim, aqui na empresa usamos isso, temos um CRM q tem várias licenças e cada licença tem a cor do cliente registrada em um registro de banco de dados, é so você colocar o CSS dentro de um arquivo chamado estilo.asp (qqer linguagem dinâmica) e recuperar os valores do banco. P.S: Mas só com css não da!

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

POis é... É o que eu falei. Só com CSS 2 é impossível.

 

O post que eu perguntei isso: http://forum.imasters.com.br/index.php?sho...9&hl=constantes

 

Neste post meu, a solução encontrada foi agrupar os seletores.

O maujor falou sobre o assunto de agrupamento em: http://www.maujor.com/blog/2006/03/17/agrupesel/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

mas o que ele ta querendo é recuperar variáveis e não constantes, pois a partir do momento que eu determino um seletor css ele passa a ser uma constante, olhando simplistamente para a definição de constante... mas quanto a recuperar valores dá pra fazer sim so usar uma linguagem dinamica q desenrola bacaninha

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

mas o que ele ta querendo é recuperar variáveis e não constantes, pois a partir do momento que eu determino um seletor css ele passa a ser uma constante, olhando simplistamente para a definição de constante... mas quanto a recuperar valores dá pra fazer sim so usar uma linguagem dinamica q desenrola bacaninha

tô meio ruim da cabeça hoje http://forum.imasters.com.br/public/style_emoticons/default/sick.gif e não entendi nada do que você falou. heheh :wacko: Mas você deve tá certo, sei lá... heheheVamo esperar a respota do elemento pra ver as viagem que ele quer. heheh

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

O que ele ta querendo é definir uma variavel, setar os valores e recuperar o valor dela dentro do css, é so fazer como falei

Compartilhar este post

Link para o post
Compartilhar em outros sites

FabricioGomes    0

FabricioGomes
Postado

o que queria é fazer algo que pudesse substituir dentro do CSS...até pensei em fazer em asp, mas ai ficaria impossivel de mudar a cor sem mexer no .asp, que nao fica disponivel para alterar...valeu pelas resposta...e micox, elemento foi fod... hahahahaah, e desculpa pela demora na resposta... hehehehehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

e micox, elemento foi fod... hahahaha

haue huahe. Esquenta não... Chamo todo mundo de elemento. Até meu pai. Meus amigos eu chamo de "elemento suspeito".hhauehu

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

boa... uahahaua... elemento...soh pra lembrar, css eh estilo, layout, estética... caso queira dinamismo junto, somente ele não faz... tem q rolar um server-side, javascript por trás... ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

algo mais perto disso (e nem é tão perto assim), seria inherit e !important

mas ainda sim é dificil, uma aplicação talvez perto disso seria o SERVER-SIDE como sugerio pa_bruno

o que eu quero dizer é que criariamos um arquivo CSS cia PHP assim definirimos alguns valores "globais", mas ainda sim

seria uma aplicação "ruim".

Leia sobre inherit e !important talvez seja interessante para algo parecido a sua ideia,

mas logico que não é nem 50% o que você quer

 

abraços ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

Bom cara, só com CSS isso é impossivel, você precisaria de uma linguagem dinâmica junto.

 

Se você quiser fazer isso, É POSSIVEL....

 

E não é complicado.

 

Você pode fazer algo assim.

 

INDEX.PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<?
//==================================================================//
//	INCLUI O CSS
	include "estilo.php";
?>


</head>

<body>

	<p class="texto1">Testando, esse texto fica verde</p>
	<p class="texto2">Esse texto fica vermelho</p>
	<p class="texto3">Esse texto fica azul</p>
	<p class="texto4">E esse texto fica verde e em negrito</p>
			
</body>
</html>

 

ESTILO.PHP

<?
//============================================================//
//	DEFINE VARIAVEL COM AS CORES
	
	$cor_verde = "#9C0"; //COR VERDE
	$cor_vermelha = "#900"; // COR VERMELHA
	$cor_azul = "#369";	// COR AZUL
?>


<style type="text/css">
<!--

.texto1 {
	color: <?=$cor_verde?>; 
}

.texto2 {
	color: <?=$cor_vermelha?>;
}
.texto3 {
	color: <?=$cor_azul?>;
}
.texto4 {
	font-weight: bold;
	color: <?=$cor_verde?>;
}
-->
</style>

 

Rodando esse arquivo no servidor o HTML gerado seria esse.

 

CÓDIGO GERADO NO NAVEGADOR

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
<!--

.texto1 {
	color: #9C0; 
}

.texto2 {
	color: #900;
}
.texto3 {
	color: #369;
}
.texto4 {
	font-weight: bold;
	color: #9C0;
}
-->
</style>

</head>

<body>

	<p class="texto1">Testando, esse texto fica verde</p>
	<p class="texto2">Esse texto fica vermelho</p>
	<p class="texto3">Esse texto fica azul</p>
	<p class="texto4">E esse texto fica verde e em negrito</p>
			
</body>
</html>

 

Resumindo é possivel sim... da até pra fazer essa alteração de cores do banco de dados...

 

Só fazer a conexão ao banco e puxar as variaveis com o estilo.php

 

Mas só com CSS é impossivel, no CSS 2 sem chance, e pelo que pareceo CSS3 também não terá este recurso.

 

Mas beleza, da pra se virar de outras formas

 

:)

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

bem se for seguir a ideia do nick171(que eu achei muito boa) poderia fazer isso tambem:

 

css.php:

<?php
header("Content-Type: text/css");
//============================================================//
//	DEFINE VARIAVEL COM AS CORES
	
	$cor_verde = "#9C0"; //COR VERDE
	$cor_vermelha = "#900"; // COR VERMELHA
	$cor_azul = "#369";	// COR AZUL
?>

.texto1 {
	color: <?=$cor_verde?>;
}

.texto2 {
	color: <?=$cor_vermelha?>;
}
.texto3 {
	color: <?=$cor_azul?>;
}
.texto4 {
	font-weight: bold;
	color: <?=$cor_verde?>;
}

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css.php" rel="stylesheet" type="text/css" />
</head>

<body>

	<p class="texto1">Testando, esse texto fica verde</p>
	<p class="texto2">Esse texto fica vermelho</p>
	<p class="texto3">Esse texto fica azul</p>
	<p class="texto4">E esse texto fica verde e em negrito</p>
			
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito