Log in

View Full Version : CSS weekday colour change



moose86
05-26-2011, 12:06 PM
Hi,

I'm stuck with a css calander i am making and would like to know if it is poss for the css & php to change a
<li> colour depending on the day off the week?

i.e. monday=yellow...tuesday=bluee...wednesday, pink...etc

Here is my html and css code

HTML

<ul class="date">
<li>
<font class="number">1</font>
<br />
<?php include ("jan/1.txt"); ?>
</li>
<li>
<font class="number">2</font>
<br />
<?php include ("jan/2.txt"); ?>
</li>
</ul>

CSS

.number {
font-family: Verdana, Geneva, sans-serif;
font-size: 24px;
color: #F90;
}
.date li {
background-color:#FC0;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
height: 100px;
width: 98px;
list-style-type: none;
float: left;
margin-right: 8px;
margin-bottom: 8px;
}
.date li:hover {
background-color:#FC3;
}

Thanks guys :D

Beverleyh
05-26-2011, 02:56 PM
You could use something like this:

<?php

$weekday = (date('l')); // get current day of weeek

if ($weekday == 'Monday') {
echo 'Today is Monday';
echo '<link rel="stylesheet" href="/monday-style.css" type="text/css"/>';
// do something else for Monday
}
else if ($weekday == 'Tuesday') {
echo 'Today is Tuesday';
echo '<link rel="stylesheet" href="/tuesday-style.css" type="text/css"/>';
// do something else for Tuesday
}
else if ($weekday == 'Wednesday') {
echo 'Today is Wednesday';
echo '<link rel="stylesheet" href="/wednesday-style.css" type="text/css"/>';
// do something else for Wednesday
}
else if ($weekday == 'Thursday') {
echo 'Today is Thursday';
echo '<link rel="stylesheet" href="/thursday-style.css" type="text/css"/>';
// do something else for Thursday
}
else if ($weekday == 'Friday') {
echo 'Today is Friday';
echo '<link rel="stylesheet" href="/friday-style.css" type="text/css"/>';
// do something else for Friday
}
else if ($weekday == 'Saturday') {
echo 'Today is Saturday';
echo '<link rel="stylesheet" href="/saturday-style.css" type="text/css"/>';
// do something else for Saturday
}
else if ($weekday == 'Sunday') {
echo 'Today is Sunday';
echo '<link rel="stylesheet" href="/sunday-style.css" type="text/css"/>';
// do something else for Sunday
}

?>