Comment personnaliser votre moteur de réservation de groupes

Modifie la couleur de l’étiquette lorsque la souris la survole. Remplace le code couleur #008000 par une autre couleur de ton choix et ajoute ce code dans la section En-tête personnalisé pour ta page de réservation d’hôtel :

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

Change #aaa par le code couleur de ton choix. Ajoute le code suivant dans la section En-tête personnalisé pour ta page de réservation d’hôtel :

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

Remplace les mots « ADD TEXT HERE » par le texte souhaité dans le code suivant et applique-le dans la section Balises méta personnalisées :

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

Ajoutez le code suivant dans la section En-tête personnalisé pour votre page de réservation d'hôtel et remplacez #fff par le code couleur de votre choix :

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

Modifiez la couleur du bouton lorsque la souris le survole. Remplacez #000 par le code couleur de votre choix. Ajoutez le code suivant dans la section En-tête personnalisé pour votre page de réservation d'hôtel :

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

Changez la couleur de la police pour une autre couleur. Remplacez #fff par le code couleur souhaité :

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

1. Ouvre Google Maps.
2. Localise l’établissement.
3. Clique sur Partager.

4. Clique sur Intégrer une carte.
5. Clique sur Copier le HTML (cela copiera tout le code). Le code doit commencer par <iframe> et se terminer par </iframe>.

Exemple : Le code surligné en rouge ci-dessous indique la langue de la carte, l’anglais (en). Si nécessaire, tu peux la changer pour d’autres langues (p. ex. espagnol (es), portugais (pt), etc.).

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

Ajoutez le code suivant dans la section Balises méta personnalisées. Remplacez « Mettez ici l’URL de votre Google Map » par l’URL Google Maps obtenue à l’Étape 1.

<style> #map_canvas, #map_canvas_big {  display: none; } </style> <script type="text/javascript"> window.addEventListener("load", function(event) {   //ajouter l’iframe Google Maps   var d1 = document.getElementById('map_canvas');  d1.insertAdjacentHTML('afterend', 'Mettez ici l’URL de votre Google Map'); }, false); </script> <script type="text/javascript"> window.addEventListener("load", function(event) {   //ajouter l’iframe Google Maps   var d1 = document.getElementById('map_canvas_big');  d1.insertAdjacentHTML('afterend', '<iframe src="Mettez ici l’URL de votre Google Map" width="100%" height="274">'); }, false); </script>