Multidesk.be » Forums » Webdesign & graphics » php css html5 + variable toekennen (gesloten)

Helpinformatie
Dit onderwerp werd gesloten.
Het is bijgevolg niet mogelijk er nog op te reageren.
  • Pagina
  • 1 van 1
  • RSS
  • Eerste ongelezen reactie
  • Plaats een reactie
  • Abonneer mij
  • Onderwerp sluiten
0 gasten lezen dit onderwerp.
^ Onderwerp geschreven door Toren op dinsdag 9 oktober 2012 om 10:29:14.
Toren heeft nog geen avatar toegevoegd
Multiviteit: 230
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
Hoi

is dit juist ? kan dit ?

<?php
header("Content-type: text/css");
$white = '#fff';
$dkgray = '#333';
$dkgreen = '#008400';
?>
body {
background:<?=$white?>;
color:<?=$dkgray?>;
}
h1, h2, h3, h4 {
color:<?=$dkgreen?>;
}



<html>


<head>
<h1>testje voor dit</h1>
</head>
<body>
<div>Hello World</div>
</body>


</html>
^ Reactie #1 geschreven door Simon op dinsdag 9 oktober 2012 om 13:22:06.
Simon's avatar
Multiviteit: 3742
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
Ik weet niet waar je naartoe wil maar om het te doen werken kan je doen zoals hieronder.

Als het gewoon je bedoeling is om de verschillende kleuren slechts één keer toe te kennen, kijk dan eens naar less. Dat is precies daarvoor gemaakt.
http://lesscss.org

PHP
  1. <html>
  2.  
  3.  
  4. <head>
  5.  
  6. <style type="text/css">
  7. <?php
  8. $white = '#fff';
  9. $dkgray = '#333';
  10. $dkgreen = '#008400';
  11. ?>
  12. body {
  13. background:<?=$white?>;
  14. color:<?=$dkgray?>;
  15. }
  16. h1, h2, h3, h4 {
  17. color:<?=$dkgreen?>;
  18. }
  19.  
  20. </style>
  21. </head>
  22. <body>
  23. <h1>testje voor dit</h1>
  24. <div>Hello World</div>
  25. </body>
  26.  
  27.  
  28. </html>
^ Reactie #2 geschreven door Toren op dinsdag 9 oktober 2012 om 14:09:37.
Toren heeft nog geen avatar toegevoegd
Multiviteit: 230
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
dank je voor je reactie.

de bedoeling is een variable in css zetten.
Ik heb een background achtergrond gradient en in procentage hoogte, deze is in css gecreeerd.

dus zou het makkelijk zijn om de variablen in css te zetten.

daardoor mijn voorbeeld =>

<?php
header("Content-type: text/css");
$white = '#fff';
$dkgray = '#333';
$dkgreen = '#008400';
?>
body {
background:<?=$white?>;
color:<?=$dkgray?>;
}
h1, h2, h3, h4 {
color:<?=$dkgreen?>;
}



<html>


<head>
<h1>testje voor dit</h1>
</head>
<body>
<div>Hello World</div>
</body>


</html>
^ Reactie #3 geschreven door Toren op dinsdag 9 oktober 2012 om 14:25:55.
Toren heeft nog geen avatar toegevoegd
Multiviteit: 230
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
het zou zo moeten

Try this:

#widthVariable.php


PHP Code:

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

$widthVariable = '998px';
?>
.widthVariable {width:<?php echo $widthVariable ?>px;background-color:yellow}

#index.html


HTML Code:
<head>
<meta charset="UTF-8">
<link href="widthVariable.php" rel="stylesheet" type="text/css">
<title>widthVariable</title>
</head>
<body>
^ Reactie #4 geschreven door Simon op dinsdag 9 oktober 2012 om 15:48:35.
Simon's avatar
Multiviteit: 3742
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
Als je die variabele niet uit een database haalt ofzo kan je gerust less gebruiken. Daarmee kan je variabelen (en nog veel meer) gebruiken in je css bestanden. De .less files compileer je dan naar css vooraleer je alles naar de server uploadt.
^ Reactie #5 geschreven door Toren op zaterdag 13 oktober 2012 om 23:26:35.
Toren heeft nog geen avatar toegevoegd
Multiviteit: 230
  • Bewerken
  • Citeren
  • Reageren
  • Verwijderen
  • Waarschuw een crewlid
ok deze mag je afsluiten

Opmerking van de crew

Okido :)

thekid
  • Pagina
  • 1 van 1
  • RSS
  • Eerste ongelezen reactie
  • Plaats een reactie
  • Abonneer mij
  • Onderwerp sluiten