css veranderen aan jaargetijden
css is helemaal geschreven maar wil de css/html automatich de header veranderen van winter naar lente en verder.
heb nu 4 afbeeldingen voor de winter | lente | herst & de zomer
stukje css waar de afbeelding in sta is.
Quote:
/* Header */
div#header {clear: both; min-width: 690px; height: 100px; margin: 0; padding: 0;}
div#header img#logo {position: absolute; z-index: 99; margin: -7px 0 0 17px;}
div#header div#webLogo {position: absolute; z-index: 99; cursor: pointer; display: inline; margin: -10px 0 0 17px; background-image: url("afbeelding/headerGrassFall.jpg"); width: 170px; height: 116px;}
div#header {clear: both; min-width: 690px; height: 100px; margin: 0; padding: 0;}
div#header img#logo {position: absolute; z-index: 99; margin: -7px 0 0 17px;}
div#header div#webLogo {position: absolute; z-index: 99; cursor: pointer; display: inline; margin: -10px 0 0 17px; background-image: url("afbeelding/headerGrassFall.jpg"); width: 170px; height: 116px;}
volgende tekst sta in de header.
Quote:
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<div id="topNavWrap">
<div id="topNavig">
<div id="myAcct"><a class="navItem" href="#">Projecten</a></div>
<div id="logOut"><a class="navItem" href="#">Mijn Factuur</a></div>
</div>
</div>
<div id="header">
<a href="/"><img src="afbeelding/Weblogo2.gif" id="logo" alt="#" title="#" /></a>
<div id="countSavings">(site slogon)<font color="#E42217">(sitenaam)</font> dus.</div>
<div id="customerSupport">
<ul>
<li>06123456789 <img src="iconPhoneBlue.gif" id="iconPhone"></li>
<li><a href="#">Customer Support <img src="arrowRtBlueHeader.gif" ></a></li>
</ul>
</div>
<div id="tabsWrap">
<ul id="tabs">
<li class="buyTab"><a href="index.html">Home</a></li>
<li class="appraisalTab"><a href="diensten.html" class="selected">Diensten</a></li>
<li class="eduTab"><a href="voorwaarden.html">Voorwaarden</a></li>
<li class="toolsTab"><a href="contact.html">Contact</a></li>
</ul>
</div></div></div></div></div></div id="header">
<div id="topNavWrap">
<div id="topNavig">
<div id="myAcct"><a class="navItem" href="#">Projecten</a></div>
<div id="logOut"><a class="navItem" href="#">Mijn Factuur</a></div>
</div>
</div>
<div id="header">
<a href="/"><img src="afbeelding/Weblogo2.gif" id="logo" alt="#" title="#" /></a>
<div id="countSavings">(site slogon)<font color="#E42217">(sitenaam)</font> dus.</div>
<div id="customerSupport">
<ul>
<li>06123456789 <img src="iconPhoneBlue.gif" id="iconPhone"></li>
<li><a href="#">Customer Support <img src="arrowRtBlueHeader.gif" ></a></li>
</ul>
</div>
<div id="tabsWrap">
<ul id="tabs">
<li class="buyTab"><a href="index.html">Home</a></li>
<li class="appraisalTab"><a href="diensten.html" class="selected">Diensten</a></li>
<li class="eduTab"><a href="voorwaarden.html">Voorwaarden</a></li>
<li class="toolsTab"><a href="contact.html">Contact</a></li>
</ul>
</div></div></div></div></div></div id="header">
had al een stukje gevonden maar snap er niks van hoe ik die er in kan zetten.
zie website van de gevonden stuk http://www.html-site.nl/forum/9_20410_0.html
Gewijzigd op 29/07/2013 18:08:50 door Kevin van gestel
de lente begint 21 maart. in een jaar dat geen schrikkeljaar is dan is dat dag 31+28+21 = 80.
de zomer begint 21 juni. in een jaar dat geen schrikkeljaar is dan is dat dag 31+28+31+30+31+21 = 172.
- Aar - op 29/07/2013 18:34:41:
Welk deel wordt per seizoen steeds aangepast?
de afbeelding in deze header.css tekst:
Code (php)
1
background-image: url("afbeelding/headerGrassFall.jpg"); width: 170px; height: 116px;}
had deze nog gevonden maar of het werkt onbekent,
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$winter = array(12, 1, 2);
$spring = array(3, 4, 5);
$summer = array(6, 7, 8);
$fall = array(9, 10, 11);
$month = date("n"); //1-12
if (in_array($month, $winter)) {
$stylesheet = "winter.css";
} elseif (in_array($month, $spring)) {
$stylesheet = "spring.css";
} elseif (in_array($month, $summer)) {
$stylesheet = "ummer.css";
} elseif (in_array($month, $fall)) {
$stylesheet = "fall.css";
}
echo '<link rel="stylesheet" type="text/css" media="all" href="' . $stylesheet . '" />';
$spring = array(3, 4, 5);
$summer = array(6, 7, 8);
$fall = array(9, 10, 11);
$month = date("n"); //1-12
if (in_array($month, $winter)) {
$stylesheet = "winter.css";
} elseif (in_array($month, $spring)) {
$stylesheet = "spring.css";
} elseif (in_array($month, $summer)) {
$stylesheet = "ummer.css";
} elseif (in_array($month, $fall)) {
$stylesheet = "fall.css";
}
echo '<link rel="stylesheet" type="text/css" media="all" href="' . $stylesheet . '" />';
ik neem aan dat deze code gewoon op de header.php hoor te staan?
Gewijzigd op 29/07/2013 23:44:33 door kevin van gestel
Kevin van gestel op 29/07/2013 23:21:47:
de afbeelding in deze header.css tekst:
had deze nog gevonden maar of het werkt onbekent,
ik neem aan dat deze code gewoon op de header.php hoor te staan?
- Aar - op 29/07/2013 18:34:41:
Welk deel wordt per seizoen steeds aangepast?
de afbeelding in deze header.css tekst:
Code (php)
1
background-image: url("afbeelding/headerGrassFall.jpg"); width: 170px; height: 116px;}
had deze nog gevonden maar of het werkt onbekent,
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$winter = array(12, 1, 2);
$spring = array(3, 4, 5);
$summer = array(6, 7, 8);
$fall = array(9, 10, 11);
}
if($isSouthern) {
$winter = array(6, 7, 8);
$spring = array(9, 10, 11);
$summer = array(12, 1, 2);
$fall = array(3, 4, 5);
}
$month = date("n"); //1-12
if (in_array($month, $winter)) {
$stylesheet = "winter.css";
} elseif (in_array($month, $spring)) {
$stylesheet = "spring.css";
} elseif (in_array($month, $summer)) {
$stylesheet = "ummer.css";
} elseif (in_array($month, $fall)) {
$stylesheet = "fall.css";
}
echo '<link rel="stylesheet" type="text/css" media="all" href="' . $stylesheet . '" />';
$spring = array(3, 4, 5);
$summer = array(6, 7, 8);
$fall = array(9, 10, 11);
}
if($isSouthern) {
$winter = array(6, 7, 8);
$spring = array(9, 10, 11);
$summer = array(12, 1, 2);
$fall = array(3, 4, 5);
}
$month = date("n"); //1-12
if (in_array($month, $winter)) {
$stylesheet = "winter.css";
} elseif (in_array($month, $spring)) {
$stylesheet = "spring.css";
} elseif (in_array($month, $summer)) {
$stylesheet = "ummer.css";
} elseif (in_array($month, $fall)) {
$stylesheet = "fall.css";
}
echo '<link rel="stylesheet" type="text/css" media="all" href="' . $stylesheet . '" />';
ik neem aan dat deze code gewoon op de header.php hoor te staan?
het is wel PHP, dus vergeet de PHP-tags niet...
- Aar - op 30/07/2013 00:27:52:
Nog steeds correct ;-)
het is wel PHP, dus vergeet de PHP-tags niet...
het is wel PHP, dus vergeet de PHP-tags niet...
u bedoelt dit
Code (php)
1
<?php echo "<link rel="stylesheet" type="text/css" media="all" href="' . $stylesheet . '" />"; ?>
of zoals dit
Code (php)
op heb ik de php tags telkens verkeerd voor ogen.
Gewijzigd op 30/07/2013 02:27:03 door kevin van gestel
Alleen de </style> moet ook tussen enkele haakjes. Of gewoon in dezelfde regel.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$winter = array(12, 1, 2);
$spring = array(3, 4, 5);
$summer = array(6, 7, 8);
$fall = array(9, 10, 11);
}
if($isSouthern) {
$winter = array(6, 7, 8);
$spring = array(9, 10, 11);
$summer = array(12, 1, 2);
$fall = array(3, 4, 5);
}
$month = date("n"); //1-12
if (in_array($month, $winter)) {
$stylesheet = "winter.css";
} elseif (in_array($month, $spring)) {
$stylesheet = "spring.css";
} elseif (in_array($month, $summer)) {
$stylesheet = "summer.css";
} elseif (in_array($month, $fall)) {
$stylesheet = "fall.css";
}
echo '<link rel="stylesheet" type="text/css" media="all" href="' . $stylesheet . '" />';
$spring = array(3, 4, 5);
$summer = array(6, 7, 8);
$fall = array(9, 10, 11);
}
if($isSouthern) {
$winter = array(6, 7, 8);
$spring = array(9, 10, 11);
$summer = array(12, 1, 2);
$fall = array(3, 4, 5);
}
$month = date("n"); //1-12
if (in_array($month, $winter)) {
$stylesheet = "winter.css";
} elseif (in_array($month, $spring)) {
$stylesheet = "spring.css";
} elseif (in_array($month, $summer)) {
$stylesheet = "summer.css";
} elseif (in_array($month, $fall)) {
$stylesheet = "fall.css";
}
echo '<link rel="stylesheet" type="text/css" media="all" href="' . $stylesheet . '" />';
daarna moet ik de volgende er bij zetten.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
if ($winter == "winter") {
echo '<style type="text/css/winter.css">',"\n";
echo '</style>';
}
if ($spring == "spring") {
echo '<style type="text/css/spring.css">',"\n";
echo '</style>';
}
if ($summer == "summer") {
echo '<style type="text/css/summer.css">',"\n";
echo '</style>';
}
if ($Fall == "Fall") {
echo '<style type="text/css/fall.css">',"\n";
echo '</style>';
}
?>
if ($winter == "winter") {
echo '<style type="text/css/winter.css">',"\n";
echo '</style>';
}
if ($spring == "spring") {
echo '<style type="text/css/spring.css">',"\n";
echo '</style>';
}
if ($summer == "summer") {
echo '<style type="text/css/summer.css">',"\n";
echo '</style>';
}
if ($Fall == "Fall") {
echo '<style type="text/css/fall.css">',"\n";
echo '</style>';
}
?>
waar nu de huidige
Code (php)
1
<link rel="stylesheet" type="text/css" href="www.webnaam.nl/css/default.css" />
sorry eerste keer met de dit script zoeken en aanpassen
Gewijzigd op 30/07/2013 07:59:56 door kevin van gestel
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
$winter = array(12, 1, 2);
$spring = array(3, 4, 5);
$summer = array(6, 7, 8);
$fall = array(9, 10, 11);
}
$month = date("n"); //1-12
if (in_array($month, $winter)) {
$stylesheet = "winter.css";
} elseif (in_array($month, $spring)) {
$stylesheet = "spring.css";
} elseif (in_array($month, $summer)) {
$stylesheet = "summer.css";
} elseif (in_array($month, $fall)) {
$stylesheet = "fall.css";
}
echo '<link rel="stylesheet" type="text/css" media="all" href="' . $stylesheet . '" />';
?>
$winter = array(12, 1, 2);
$spring = array(3, 4, 5);
$summer = array(6, 7, 8);
$fall = array(9, 10, 11);
}
$month = date("n"); //1-12
if (in_array($month, $winter)) {
$stylesheet = "winter.css";
} elseif (in_array($month, $spring)) {
$stylesheet = "spring.css";
} elseif (in_array($month, $summer)) {
$stylesheet = "summer.css";
} elseif (in_array($month, $fall)) {
$stylesheet = "fall.css";
}
echo '<link rel="stylesheet" type="text/css" media="all" href="' . $stylesheet . '" />';
?>
Vervolgens heb je 4 css sheets, die veranderen obv huidige maand.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php
function getSeason() {
$spring = mktime(0,0,0,3,21, date('Y'));
$summer = mktime(0,0,0,6,21, date('Y'));
$autumn = mktime(0,0,0,9,21, date('Y'));
$winter = mktime(0,0,0,12,21, date('Y'));
$now = time();
if ($now >= $spring && $now < $summer) {
return 'spring';
}
elseif ($now >= $summer && $now < $autumn) {
return 'summer';
}
elseif ($now >= $autumn && $now < $winter) {
return 'autumn';
}
return 'winter';
}
?>
function getSeason() {
$spring = mktime(0,0,0,3,21, date('Y'));
$summer = mktime(0,0,0,6,21, date('Y'));
$autumn = mktime(0,0,0,9,21, date('Y'));
$winter = mktime(0,0,0,12,21, date('Y'));
$now = time();
if ($now >= $spring && $now < $summer) {
return 'spring';
}
elseif ($now >= $summer && $now < $autumn) {
return 'summer';
}
elseif ($now >= $autumn && $now < $winter) {
return 'autumn';
}
return 'winter';
}
?>
Gewijzigd op 31/07/2013 08:24:40 door Ger van Steenderen