[[File:Secure-Online-Booking.png]]
== '''Weitere Einstellungen und Optionen''' ==
== Fixen Text austauschen==
Über KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individueller Text ".
== "Mehrere Buchen" ==
Nutzen sie den Selektor in KONFIGURATION->BUCHUNGSSEITE->WEITERE
== Hover Text deaktivieren ==
Fügen sie dieses Script in KONFIGURATION->BUCHUNGSSEITE->WEITERE "HTML " ein.
<pre>
<script>
$(document).ready(function() {
var $title = $("td,div,span");
$.each($title, function(index, value) {
$(this).tooltip({
disabled:true
});
});
});
</script>
</pre>
== '''CSS'''==
Webdesigner und Nutzer CSS-Kenntnissen können individuelles CSS benutzen, um den Look der Buchungsmaske zu verändern. CSS kann in KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individuelles CSS " eingefügt werden.
== Name Einheit größer==
Fügen sie diesen Code in KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individuelles CSS" ein.
/*code for bigger room name*/
.at_roomnametext{
font-size: 14px /*für größeren Text nehmen sie eine größere Zahl*/
}
== Hintergrundbild ==
Laden sie das Hintergrundbild in KONFIGURATION->BUCHUNGSSEITE->BILDER hoch. Ersetzen sie https://www.beds24.com/pic/p0000/2049/04.jpg mit der URL des hochgeladenen Hintergrundbildes.
Fügen sie diesen Code in KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individuelles CSS " ein.
/*code fo use an image as background*/
body {
background-image:url(https://www.beds24.com/pic/p0000/2049/04.jpg);
}
== Schatten um die Buchungsseite ==
Fügen sie diesen Code in KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individuelles CSS " ein.
/*code for a shadow arround your booking page*/
<nowiki>#</nowiki>bookingpage {
-webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);
-moz-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 10, 10, 0.38);
margin-bottom: 20px;
}
== Buchungsseite mit abgerundeten Ecken ==
Fügen sie diesen Code in KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individuelles CSS " ein.
/*code for rounded corners*/
<nowiki>#</nowiki>bookingpage {
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}