hello cafespain,
I am trying to get your plugin running, and style my calendar like the one you give as an example here: http://blog.clearskys.net/plugins/availability-plugin/sample/
It seems I am too stupid, I just do not know which CSS code to copy from your site. Could you give more detailed instructions?
I tried copying this:
style type="text/css"> #calendar {position:relative; width:350px; height:306px; border:1px solid #000; background:#fff; margin:0 auto;} #calendar h2 {position:absolute; width:240px; left:110px; top:150px; text-align:center; font-size:2em;} #year a {text-decoration:none; color:#000;} #year {padding:10px 0 0 0; margin:0; list-style-type:none; width:110px;} #year li {display:block; width:100px; height:17px; line-height:17px; padding-left:0px; background:transparent;} #year table {border-collapse:collapse; width:240px; height:270px;} #year table td {height:33px; width:35px; text-align:center; line-height:33px;} #year table tfoot td{width:240px; background:#919f67; height:46px;} #year table caption {color:#707a6a; height:32px; line-height:32px; padding:0; margin:0; background:#e1e5a6; font-size:1.5em;} #year table thead th {text-align:center; background:#6d8666; color:#fff; height: 20px;} #year li table {display:none;} #year li:hover {cursor:default; background:#7092bf; color:#fff;} #year li:hover table {display:block; position:absolute; left:110px; top:0; background:#7092bf;} #year td a {display:block; border:1px solid #000; margin:-1px; color:#fff;} #year td a:hover {display:block; background:#fff; color:#000;} #year td.booked { background: #FF0000;} </style> <!--[if lte IE 6]> <style type="text/css"> #year {padding-top:10px;} #year li table {display:block;} #year li table tfoot td {height:44px;} #year li {width:110px; float:left; padding:0;} #year li a {display:block; width:100px; height:17px; line-height:17px; background:#fff; overflow:hidden; padding-left:5px; background:transparent;} #year li a:hover {display:block; height:17px; overflow:visible; background:#7092bf; padding-left:0px; color:#fff;} #year li a:hover table {position:absolute; top:0; left:110px; background:#7092bf;} #year li a:hover table a {height:100%; width:100%; text-align:center; line-height:33px; text-align:center; padding:0; border:1px solid #000; margin:-1px;} #year li a:hover table a:hover {background:#fff; color:#000;} </style> <![endif]-->
into my templates style.css but it did not work out.
can you gime more detailed isntructions? do you need an url? and of course I made the other modifications you told us to make on the instructions site, its just about the css...