|
|
| Rivi 50: |
Rivi 50: |
| == Ulkoasun muuttaminen ajanvarauksen asiakassivulle CSS-määritysten avulla == | | == Ulkoasun muuttaminen ajanvarauksen asiakassivulle CSS-määritysten avulla == |
|
| |
|
| | | Nettivarauksen ulkonäön muokkaaminen [[CSS-määrityksiä vaihtamalla]] |
| Lisää nettivarausten hallintapaneeliin 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;
| |
| }
| |
| | |
| | |
|
| |
|
| == Ajas asiakaskortisto == | | == Ajas asiakaskortisto == |
Ajas ajanvarausjärjestelmien tietosivu
Tämä Nettivaraus.com -sivusto on Ajas ajanvarausjärjestelmien kysymyksiä ja esittelyä varten kehitetty Wiki-sivusto. Sivustolla on kerrottu yksityiskohtaisesti Ajanvarausjärjestelmän toiminnasta, eduista ja ominaisuuksista.
Kysymyksiä ja vastauksia varten on tehty Ajas FAQ -palsta.
Ohjeet
Voit lisätä sivustolle vapaasti tietoa.
Internet-ajanvaraus
Integrointi nettisivuille
Iframe on "ikkuna" joka näyttäisi olevan yrityksenne sivustolla.
Esimerkki sivu: Demo ajanvaraus
Iframe: <iframe src="http://nettivaraus.ajas.fi/index.php?lid=?" width="760" height="750"></iframe>
Linkkinä asiakas siirretään ajanvaraussivustolle
Esimerkki linkistä: Demo ajanvaraus
Linkki: <a href="http://nettivaraus.ajas.fi/index.php?lid=?">Ajanvaraus</a>
( Korvaa "?" lid-tunnuksella joka löytyy tilausvahvistuksesta )
Edellämainitun koodin voi kopioida ja lisätä tekstieditorilla yrityksenne nettisivuille.
Asiakasvarauksen lisäparametrit
&yritys=1 - Näyttää yrityksen nimen toimipiste-valinnan yläpuolella
&disabloiviikko=1 - Piilottaa viikkonäkymän
&viikko=1 - Asettaa viikkonäkymän
&tid=2 - Valitsee oletustoimipisteeksi sen, jonka id=2.
&ty=1 - Valitsee oletustyöntekijäksi sen, jonka id on 1, eikä "Kuka tahansa" -valintaa.
Esimerkki demovarauksesta: http://nettivaraus.ajas.fi/index.php?lid=ff42613df9d0&yritys=1&disabloiviikko=1
Ulkoasun muuttaminen ajanvarauksen asiakassivulle CSS-määritysten avulla
Nettivarauksen ulkonäön muokkaaminen CSS-määrityksiä vaihtamalla
Ajas asiakaskortisto
Ajas asiakaskortisto integroituu ajanvarausjärjestelmän kanssa saumattomaksi kokonaisuudeksi.
Lisää järjestelmästä Ajas asiakaskortisto
