next »

[V-man]

Some users has asked about issues where the mouseover/mouseout colors on weekday cells in the Spartan theme display different colors. I could not reproduce this ... until now.

The problem lies in the fact that theme.php the following on line 46 and 47:

Code:

$sundayclr = '#ffffff'; # color calendarsunday
$weekdayclr = '#ffffff'; # color calendarweekday

These determine the color of a cell (weekday and sunday) after you mouse over it (i.e. on mouseout). However, the color of the cells before mouseover is determined in the stylesheet style.css on line 49 (the background-color attribute):

Code:

#extcalendar .maintable {
border-top: 1px solid #708088;
border-right: 0px solid #708088;
border-bottom: 1px solid #708088;
border-left: 1px solid #708088;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
background-color: #FFFFFF;
}

Note that this is the same as the attributes in theme.php. To maintain the correct appearance, be sure to keep these three color attributes the same.

[Sapient]

Thanks, answered a big one.  One question about the actual mouseover.  Where is that controlled?  It appears to be a light blue going in. 

I have searched everywhere; except the right place.

Thanks,
Brian

fyi

Leaves a specified color on mouseout for current day.
$todayclr = '#669999'; # color today

[jerett]

I tend to be a bit confused on how to style the Spartan theme using the style sheet and the theme.php.  Does anyone have some good pointers on what they did to add some eye candy to their calendar?

Thanks,
Jerett

[gema3321]

Thanks, answered a big one.  One question about the actual mouseover.  Where is that controlled?  It appears to be a light blue going in. 

I have searched everywhere; except the right place.

Thanks,
Brian

fyi

Leaves a specified color on mouseout for current day.
$todayclr = '#669999'; # color today

I have looked everywhere also and cannot find where this color is designated.

Thanks!

[V-man]

The file names and line #s are shown in my first post. The path to these files is:

<joomla_root>/components/com_jcalpro/themes/spartan/

[jmc]

If nobody minds, I'm gonna pop this into this old post (so I know it's recorded somewhere for future!  ).
As Van has already pointed out, the cell colour before and after rollover is controlled in the theme.php and in the css.
The actual colour displayed on rollover is a different matter. This is controlled in the jcal/includes/functions.inc.php file, utilising the colour settings from the above files.

Code:

function colorHighlight($hexColor) {
  // highlights a color by increasing it's luminosity
$temp = hexdec(substr($hexColor, 1)) - hexdec("140A04");
return "#".dechex($temp);
}

So, taking these defaults as a starting point, what this calculation effectively does is subtract the hex colour value #140A04 from #ffffff (white) to leave you with a blue-ish rollover effect. All you need to do to gain complete mastery over the calendar cell's rollover effects is a little bit of hex math! Or, use this handy little calculator I found at http://www.guycroft.clara.net/utils/coloropts.html. Just put your desired rollover colour in the top 3 boxes (split the hex into 3 chunks) and click the "Complementary" button. Enter the generated complementary hex code into the functions.inc "hexdec..." code quoted above (replacing 140A04) and Bingo!
John Mc

[marijke]

Thanx jmc! Exactly what I was looking for. Your description is very helpful 

[neimles]

thank you, i searched that for over an hour now. but how can i also change the litte "+" signs at the right top corner of the field?

i have the background changed, but the "+" stays in blue.

[jmc]

Hi, neimles!
The "+" sign is an image which is actually called into the <td> in the theme. Look in the theme/images folder for "addsign" and "addsign_a". Re-create them in the colour you prefer and upload.
HTH,
John Mc