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
 
(3 välissä olevaa versiota 2 käyttäjän tekeminä ei näytetä)
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ä. Jos tuntuu liian hankalalta, kopioi etusivulta valmis teema ja liitä se sivuillesi'''


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
 
 
 
 
<nowiki>
 
 
 
/*body {background-color: black}*/  /*Koko sivun taustaväri*/
 
</nowiki>
 
<nowiki>
 
/*
p {
background-color: #000000
color: #ffffff;
}
*/
 
/*Tekstin taustaväri*/
</nowiki>


<nowiki>
<nowiki>
Rivi 10: Rivi 34:
}
}


</nowiki>
<nowiki>
.calendarHeader { /* Kalenterin otsikko */
.calendarHeader { /* Kalenterin otsikko */
font-weight: bolder;  
font-weight: bolder;  
Rivi 15: Rivi 42:
/* 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 136:
     text-decoration: none;
     text-decoration: none;
}
}
</nowiki>
<nowiki>


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


a.button:active {
a.button:active {
Rivi 76: Rivi 157:
     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 174:
border-collapse: collapse;
border-collapse: collapse;
}
}
</nowiki>
<nowiki>


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


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


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


.ajanvaraus_list1_full {
.ajanvaraus_list1_full {

Nykyinen versio 15. tammikuuta 2009 kello 21.48

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ä. Jos tuntuu liian hankalalta, kopioi etusivulta valmis teema ja liitä se sivuillesi

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

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