siteye tam sayfa harita ?

Kodla Büyü

sapphire

Seçkin Üye
Seçkin Üye
Mesajlar
252
merhabalar, bir web alanının giriş sayfasına (index.html) tam sayfa google maps eklemek istiyorum. Örneğin hotmail.com sayfasına girildiğinde kullanıcı adı yazdığımız formun bulunduğu sayfanın artalanı bir fotoğraf ile kaplanmış bunun harita şekline olanı gibi
önerisi olan arkadaşlar lütfen yazabilirler mi?
 
Haritayı Google'den alacağınızı varsayarsak; https://www.google.com/maps/ adresine girip haritada ilgili alanı görüntüledikten sonra "Paylaşın veya Harita Yerleştirin" menüsüne tıklayıp açılan pencereden "Harita yerleştirme" sekmesine geçin, orada yer alan iframe etiketini sitenizin body alanına yapıştırın.
HTML:
<iframe src="https://www.google.com/maps/embed?pb=" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
Kodda bulunan width ve height değerlerini sildikten sonra iframe etiketinin style özelliğini ekleyip,
Kod:
"width:100%; height:100%; border:none"
değerini verin. Muhtemelen sorunsuz çalışacaktır.
 
Aşağıdaki kodları index.html 'nin <head> tagları arasına yapıştırıp "resimyolu"nu ayarlarsanız istediğiniz olur.

<style type="text/css">
html {
background: url(resimyolu) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
 
Geri
Üst