Ero sivun ”CSS-määrityksiä vaihtamalla” versioiden välillä
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
Rivi 2: | Rivi 2: | ||
Poista haluamasi kohdan ympäriltä kommentit /* ja */, niin se tulee käyttöön | Poista haluamasi kohdan ympäriltä kommentit /* ja */, niin se tulee käyttöön | ||
<nowiki> | <nowiki> | ||
/* | /*body {background-color: black}*/ /*Koko sivun taustaväri*/ | ||
</nowiki> | |||
<nowiki> | |||
/* | /* | ||
p { | p { | ||
Rivi 17: | Rivi 22: | ||
} | } | ||
*/ | */ | ||
/*Tekstin taustaväri*/ | |||
</nowiki> | |||
<nowiki> | |||
.calendarMain { | .calendarMain { |
Versio 15. tammikuuta 2009 kello 11.07
Muuttaaksesi nettivarauksen ulkonäköä, lisää nettivarausten hallintapaneelin CSS-määritykset kohtaan seuraavat tekstit ja vaihda niihin haluamasi värit ja muut arvot. Muistathan, että kuvatiedostot tarvitsee linkittää omaan kotisivutilaasi, jos haluat vaihtaa niitä.
Poista haluamasi kohdan ympäriltä kommentit /* ja */, niin se tulee käyttöön
/*body {background-color: black}*/ /*Koko sivun taustaväri*/
/* p { background-color: #000000 color: #ffffff; } */ /*Tekstin taustaväri*/
.calendarMain { /* background-color: #F5F5DC; */ color: black; border: 1px solid; }
.calendarHeader { /* Kalenterin otsikko */ font-weight: bolder; color: #CC0000; /* background-color: #F5F5DC; */ }
.calendarToday { /* Kalenterin tämän päivän väri */ background-color: #6495ED; }
.calendar { /* Kalenterin tausta*/
/* background-color: #F5F5DC; */
}
.kalenteri { /* Kalenterin taulu */ background-color: #F5F5DC; }
.table1 { /* Koko taulukko*/
background-color: #F5F5DC;
}
.kello { /* 'klo' ja päiväys listan päällä*/
font-weight: bolder;
background-color: #F5F5DC;
}
.valinnat { /* valinta boxit*/ background-color: #F5F5DC; }
.lista0 { /* lista vapaista aika+varaa taulut*/
background-color: #F5F5DC;
}
.lista1 { /* kelloaika listalla*/
font-style: italic;
background-color: #F5F5DC;
}
.lista2 { /* 'Tee varaus' listalla*/ background-color: #F5F5DC; }
A:link {text-decoration: none; color: blue;}
A:visited {text-decoration: none; color: blue;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
a.button {
background: transparent url('images/button_a.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.button span
{
background: transparent url('images/button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #000;
}
a.button:active span {
background-position: bottom left;
}
.ajanvaraus_lista1 {
border: 1px solid;
empty-cells: show;
border-collapse: collapse;
}
.ajanvaraus_list1_date {
border: 1px solid;
border-bottom: 3px solid;
background-color: lightgrey;
height: 30px;
width: 80px;
}
.ajanvaraus_list1_empty {
border: 1px solid;
background-color: darkgrey;
}
.ajanvaraus_list1_varattu {
border: 1px solid;
background-color: none;
}
.ajanvaraus_list1_full {
border: 1px solid;
}