วิธีการปรับแต่งเครื่องมือการจองของกลุ่ม

เปลี่ยนสีของแท็กเมื่อเมาส์โฮเวอร์อยู่เหนือ. แทนสี #008000 ด้วยสีอื่น ๆ และเพิ่มรหัสในส่วน ส่วนหัวที่กำหนดเองสำหรับหน้าการจองโรงแรมของคุณ:

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

เปลี่ยน #aaa เป็นรหัสสีที่ต้องการ. เพิ่มรหัสต่อไปนี้ในส่วน ส่วนหัวที่กำหนดเองสำหรับหน้าการจองโรงแรมของคุณ:

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

เปลี่ยนคำ 'เพิ่มข้อความที่นี่' ด้วยคำที่ต้องการในรหัสต่อไปนี้และนำไปใช้ในส่วน เมต้าแท็กที่กำหนดเอง:

<style>
.price_box .not_available {
font-size: 0;
}
.price_box .not_available:after {
content: "เพิ่มข้อความที่นี่";
font-size: 10px;
}
</style>

เพิ่มรหัสต่อไปนี้ในส่วน ส่วนหัวที่กำหนดเองสำหรับหน้าการจองโรงแรมของคุณ และเปลี่ยน #fff เป็นรหัสสีที่ต้องการ:

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

เปลี่ยนสีของปุ่มเมื่อเม้าส์วางอยู่เหนือ. ใช้รหัสใดก็ได้แทนที่ #000. เพิ่มรหัสต่อไปนี้ในส่วน ส่วนหัวที่กำหนดเองสำหรับหน้าการจองโรงแรมของคุณ:

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

เปลี่ยนสีตัวอักษรเป็นสีอื่นได้. เปลี่ยน #fff เป็นรหัสสีที่ต้องการ:

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

1. เปิด Google Maps ค่ะ
2. ค้นหาตำแหน่งของ ที่พัก ของคุณ ค่ะ
3. คลิก แชร์ ค่ะ

4. คลิก ฝังแผนที่ ค่ะ
5. คลิก คัดลอก HTML (นี้จะคัดลอกโค้ดทั้งหมด) โค้ดควรเริ่มต้นด้วย <iframe> และจบด้วย </iframe> ค่ะ

ตัวอย่าง: โค้ด ที่ได้รับการเน้นสีแดง ด้านล่างคือภาษาของแผนที่, ภาษาอังกฤษ (en). หากจำเป็น คุณสามารถเปลี่ยนเป็นภาษาอื่นได้ (เช่น สเปน (es), โปรตุเกส (pt), ฯลฯ)

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

เพิ่มโค้ดต่อไปนี้ในส่วน เมต้าแท็กที่กำหนดเอง แทน "ใส่ URL ของ Google Map ของคุณที่นี่" ด้วย URL ของ Google Maps จาก ขั้นตอนที่ 1.

<style>
#map_canvas, #map_canvas_big {  
display: none; 
} 
</style> 
<script type="text/javascript"> 
window.addEventListener("load", function(event) {  
//append google maps iframe  
var d1 = document.getElementById('map_canvas');  d1.insertAdjacentHTML('afterend', 'Put your Google Map URL here'); }, false); 
</script> 
<script type="text/javascript"> 
window.addEventListener("load", function(event) {  
//append google maps iframe  
var d1 = document.getElementById('map_canvas_big');  d1.insertAdjacentHTML('afterend', '<iframe src="Put your Google map URL here" width="100%" height="274">'); }, false); 
</script>