Ero sivun ”CSS-määrityksiä vaihtamalla” versioiden välillä

Ajas Internet-ajanvarauksen ohjesivustosta
Siirry navigaatioon Siirry hakuun
(Ak: Uusi sivu: Muuttaaksesi nettivarauksen ulkonäköä, lisää nettivarausten hallintapaneelin CSS-määritykset kohtaan seuraavat tekstit ja vaihda niihin haluamasi värit ja muut arvot. Muistat...)
 
Ei muokkausyhteenvetoa
Rivi 1: Rivi 1:
'''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ä.'''


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ä.


<nowiki>
<nowiki>
.calendarMain {
.calendarMain {
/* background-color: #F5F5DC; */
/* background-color: #F5F5DC; */
Rivi 10: Rivi 9:
}
}


</nowiki>
<nowiki>
.calendarHeader { /* Kalenterin otsikko */
.calendarHeader { /* Kalenterin otsikko */
font-weight: bolder;  
font-weight: bolder;  
Rivi 15: Rivi 17:
/* background-color: #F5F5DC;  */
/* background-color: #F5F5DC;  */
}
}
.calendarToday { /* Kalenterin tämän päivän väri */
 
</nowiki>
 
<nowiki>
.calendarToday { /* Kalenterin tämän päivän väri */
background-color: #6495ED;  
background-color: #6495ED;  
}  
}  
</nowiki>
<nowiki>
.calendar { /* Kalenterin tausta*/
.calendar { /* Kalenterin tausta*/
/* background-color: #F5F5DC; */
/* background-color: #F5F5DC; */
}  
}  
</nowiki>
<nowiki>
.kalenteri { /* Kalenterin taulu */
.kalenteri { /* Kalenterin taulu */
background-color: #F5F5DC;
background-color: #F5F5DC;
}  
}  
</nowiki>
<nowiki>
.table1 { /* Koko taulukko*/
.table1 { /* Koko taulukko*/
background-color: #F5F5DC;  
background-color: #F5F5DC;  
}  
}  
</nowiki>
<nowiki>
.kello { /* 'klo' ja päiväys listan päällä*/
.kello { /* 'klo' ja päiväys listan päällä*/
font-weight: bolder;  
font-weight: bolder;  
background-color: #F5F5DC;   
background-color: #F5F5DC;   
}  
}  
</nowiki>
<nowiki>
.valinnat { /* valinta boxit*/
.valinnat { /* valinta boxit*/
background-color: #F5F5DC;  
background-color: #F5F5DC;  
}  
}
</nowiki>
 
 
<nowiki>
 
.lista0 { /* lista vapaista aika+varaa taulut*/
.lista0 { /* lista vapaista aika+varaa taulut*/
background-color: #F5F5DC;  
background-color: #F5F5DC;  
}
}
</nowiki>
<nowiki>
.lista1 { /* kelloaika listalla*/
.lista1 { /* kelloaika listalla*/
font-style: italic;  
font-style: italic;  
background-color: #F5F5DC;  
background-color: #F5F5DC;  
}
}
</nowiki>
<nowiki>
.lista2 { /* 'Tee varaus' listalla*/
.lista2 { /* 'Tee varaus' listalla*/
background-color: #F5F5DC;  
background-color: #F5F5DC;  
}  
}  
</nowiki>




A:link {text-decoration: none; color: blue;}
A:link {text-decoration: none; color: blue;}
A:visited {text-decoration: none; color: blue;}
A:visited {text-decoration: none; color: blue;}
A:active {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
A:hover {text-decoration: underline; color: red;}


 
 
<nowiki>
a.button {
a.button {
     background: transparent url('images/button_a.gif') no-repeat scroll top right;
     background: transparent url('images/button_a.gif') no-repeat scroll top right;
Rivi 63: Rivi 111:
     text-decoration: none;
     text-decoration: none;
}
}
</nowiki>
<nowiki>


a.button span
a.button span
Rivi 71: Rivi 123:
     padding: 5px 0 5px 18px;
     padding: 5px 0 5px 18px;
}
}
</nowiki>
<nowiki>


a.button:active {
a.button:active {
Rivi 76: Rivi 132:
     color: #000;
     color: #000;
}
}
</nowiki>


<nowiki>
a.button:active span {
a.button:active span {
     background-position: bottom left;
     background-position: bottom left;
}  
}  
</nowiki>




<nowiki>


.ajanvaraus_lista1 {
.ajanvaraus_lista1 {
Rivi 88: Rivi 149:
border-collapse: collapse;
border-collapse: collapse;
}
}
</nowiki>
<nowiki>


.ajanvaraus_list1_date {
.ajanvaraus_list1_date {
Rivi 96: Rivi 161:
width: 80px;
width: 80px;
}
}
</nowiki>
<nowiki>


.ajanvaraus_list1_empty {
.ajanvaraus_list1_empty {
Rivi 101: Rivi 170:
background-color: darkgrey;
background-color: darkgrey;
}
}
</nowiki>
<nowiki>


.ajanvaraus_list1_varattu {
.ajanvaraus_list1_varattu {
Rivi 106: Rivi 179:
background-color: none;
background-color: none;
}
}
</nowiki>
<nowiki>


.ajanvaraus_list1_full {
.ajanvaraus_list1_full {

Versio 28. lokakuuta 2008 kello 19.17

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ä.


.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; }

Noudettu kohteesta ”http://nettivaraus.com/index.php?title=CSS-määrityksiä_vaihtamalla&oldid=39”