Μια ετικέτα iframe HTML σας επιτρέπει να εμφανίζετε έναν χάρτη Google οπουδήποτε στην ιστοσελίδα σας. Το iframe είναι ένα στοιχείο που εμφανίζει μια άλλη ιστοσελίδα στις δικές σας σελίδες, έτσι δεν χρειάζεται να κωδικοποιήσετε για το περιεχόμενο που εμφανίζεται στο iframe. Χρησιμοποιώντας το εφέ CSS "drop shadow" μπορείτε να δημιουργήσετε μια σκιά σταγόνας στο iframe που κάνει τον χάρτη Google να ξεχωρίζει στη σελίδα.

1.

Κάντε δεξί κλικ στο αρχείο HTML που περιέχει το iframe. Κάντε κλικ στην επιλογή "Άνοιγμα με", στη συνέχεια κάντε κλικ στον επεξεργαστή HTML για να ανοίξετε τον κώδικα σε ένα πρόγραμμα επεξεργασίας.

2.

Δημιουργήστε την κλάση CSS για το iframe. Ο ακόλουθος κώδικας δημιουργεί μια κλάση CSS για ένα iframe με όνομα "myframe":

myframe {

κουτί-σκιά: 1px 1px 1px # 888; }}

Στο παράδειγμα αυτό, στο στοιχείο iframe εμφανίζεται μια σκιά απόκλισης ενός εικονοστοιχείου.

3.

Συνδέστε τη νέα τάξη στο iframe σας. Πραγματοποιήστε κύλιση προς τα κάτω στον κώδικα iframe του χάρτη Google και προσθέστε τον ακόλουθο κώδικα στην ετικέτα ορισμού iframe:

class = "myframe"