Wie Sie Ihre Gruppen-Buchungsmaschine anpassen können

Modifiez la couleur du tag lorsque la souris le survole. Remplacez le code couleur #008000 par une autre couleur de votre choix et ajoutez le code dans la section En-tête personnalisé pour votre page de réservation d'hôtel :

<style>
.not_available i.fa-tag:hover {
  color: #008000;
  cursor: pointer;
}
</style>

Changez #aaa par le code couleur souhaité. Ajoutez le code suivant dans la section En-tête personnalisé pour votre page de réservation d'hôtel :

<style>
.not_available {background: #aaa}
</style>

Remplacez les mots 'ADD TEXT HERE' par le texte souhaité dans le code suivant et appliquez-le dans la section Meta Tags personnalisés :

<style>
.price_box .not_available {
  font-size: 0;
}
.price_box .not_available:after {
  content: "ADD TEXT HERE";
  font-size: 10px;
}
</style>

Fügen Sie den folgenden Code im Abschnitt Benutzerdefinierter Kopfzeilenbereich für Ihre Buchungsseite hinzu und ändern Sie #fff in jeden gewünschten Farbcode:

<style>
.sidebar_white_box button {
  background: #fff none repeat scroll 0 0;
}
</style>

Ändern Sie die Farbe der Schaltfläche, wenn die Maus darüber fährt. Ersetzen Sie #000 durch jeden gewünschten Farbcode. Fügen Sie den folgenden Code im Abschnitt Benutzerdefinierter Kopfzeilenbereich für Ihre Buchungsseite hinzu:

<style>
div.sidebar_white_box.form-group button:hover 
{ 
background: #000; 
}
</style>

Ändern Sie die Schriftfarbe in jede andere Farbe. Ersetzen Sie #fff durch jeden gewünschten Farbcode:

<style>
div.sidebar_white_box.form-group button 
{ 
color: #fff
}
</style>

1. Öffnen Sie Google Maps.
2. Suchen Sie den Standort Ihrer Unterkunft.
3. Klicken Sie auf Teilen.

4. Klicken Sie auf Karte einbetten.
5. Klicken Sie auf HTML kopieren (dadurch wird der gesamte Code kopiert). Der Code sollte mit <iframe> beginnen und mit </iframe> enden.

Beispiel: Der unten rot markierte Code zeigt die Sprache der Karte, Englisch (en). Falls nötig, kannst du sie auf andere Sprachen ändern (z. B. Spanisch (es), Portugiesisch (pt) usw.).

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7886.465207518082!2d115.1726561!3d-8.764173!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd244f35b8a5d05%3A0xd42d4da6a44aa938!2sJimbaran%20Beach!5e0!3m2!1sen!2sid!4v1596624024065!5m2!1sen!2sid" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

Füge den folgenden Code im Abschnitt Benutzerdefinierte Meta-Tags ein. Ersetze „Füge hier deine Google-Maps-URL ein“ durch deine Google-Maps-URL aus Schritt 1.

<style> #map_canvas, #map_canvas_big {  display: none; } </style> <script type="text/javascript"> window.addEventListener("load", function(event) {   // Google-Maps-iFrame anhängen   var d1 = document.getElementById('map_canvas');  d1.insertAdjacentHTML('afterend', 'Füge hier deine Google-Maps-URL ein'); }, false); </script> <script type="text/javascript"> window.addEventListener("load", function(event) {   // Google-Maps-iFrame anhängen   var d1 = document.getElementById('map_canvas_big');  d1.insertAdjacentHTML('afterend', '<iframe src="Füge hier deine Google-Maps-URL ein" width="100%" height="274">'); }, false); </script>