एक HTML iframe टैग आपको अपने वेब पेज पर कहीं भी एक Google मानचित्र प्रदर्शित करने देता है। Iframe एक ऐसा तत्व है जो आपके स्वयं के पृष्ठों में एक अन्य वेब पेज प्रदर्शित करता है, इसलिए आपको ifame में प्रदर्शित सामग्री के लिए कोड करने की आवश्यकता नहीं है। सीएसएस "ड्रॉप शैडो" प्रभाव का उपयोग करके आप आइफ्रेम पर एक ड्रॉप शैडो बना सकते हैं जो पेज पर Google मैप को बाहर खड़ा करता है।

1।

उस HTML फ़ाइल को राइट-क्लिक करें जिसमें आपका iframe हो। "ओपन विथ" पर क्लिक करें, फिर संपादक में कोड खोलने के लिए अपने HTML एडिटर पर क्लिक करें।

2।

Iframe के लिए CSS क्लास बनाएँ। निम्नलिखित कोड "myframe" नामक एक iframe के लिए CSS क्लास बनाता है:

myframe {

बॉक्स-छाया: 1 पीएक्स 1 पीएक्स 1 पीएक्स # 888; }

इस उदाहरण में iframe तत्व में एक-पिक्सेल ड्रॉप-शैडो दिखाया गया है।

3।

नए वर्ग को अपने आइफ्रेम से लिंक करें। अपने Google मानचित्र iframe पर कोड को नीचे स्क्रॉल करें और iframe परिभाषा टैग में निम्न कोड जोड़ें:

वर्ग = "myframe"