Добавяне на падащи сенки към Google Map в iFrame

Етикет с HTML вградена рамка ви позволява да показвате карта на Google навсякъде в уеб страницата си. Вградената рамка е елемент, който показва друга уеб страница в собствените ви страници, така че не е необходимо да кодирате съдържанието, показвано в iframe. С помощта на CSS "drop shadow" ефекта можете да създадете сянка върху iframe, което прави картата на Google открояваща се на страницата.

1.

Щракнете с десния бутон върху HTML файла, който съдържа вашето iframe. Кликнете върху „Отваряне с“ и след това върху редактора на HTML, за да отворите кода в редактора.

2.

Създайте CSS класа за вградената рамка. Следният код създава CSS клас за вградена рамка с име "myframe":

myframe {

box-shadow: 1px 1px 1px # 888; }

В този пример един елемент от падащия пиксел е показан в елемента на рамката.

3.

Свържете новия клас с вашето iframe. Превъртете надолу кода до вашата вградена карта на Google и добавете следния код към маркера за дефиниране на вградената рамка:

клас = "myframe"

Препоръчано