Ero sivun ”Etusivu” versioiden välillä

Ajas Internet-ajanvarauksen ohjesivustosta
Siirry navigaatioon Siirry hakuun
Ei muokkausyhteenvetoa
Ei muokkausyhteenvetoa
Rivi 45: Rivi 45:


Esimerkki demovarauksesta: http://nettivaraus.ajas.fi/index.php?lid=ff42613df9d0&yritys=1&disabloiviikko=1
Esimerkki demovarauksesta: http://nettivaraus.ajas.fi/index.php?lid=ff42613df9d0&yritys=1&disabloiviikko=1
'''Ulkoasun muuttaminen ajanvarauksen asiakkasivulle CSS-määritysten avulla'''
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 ==

Versio 7. lokakuuta 2008 kello 22.31

Ajas ajanvarausjärjestelmien tietosivu

Ajas periaate small.png

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 asiakkasivulle CSS-määritysten avulla

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 integroituu ajanvarausjärjestelmän kanssa saumattomaksi kokonaisuudeksi. Lisää järjestelmästä Ajas asiakaskortisto