V4 Header ve Footer Alanları

  • 280 Views
  • Last Post 19 Ocak 2018
destekk posted this 01 Haziran 2016

Header ve Footer alanları kendi header ve footer tasarımlarınızı yapabileceğiniz alanlardır. 
Header bölümüne Özel sayfa,ve header için tanımlanmış alanları
Footer bölümüne ise Özel Sayfalar, Bloklar, reklamlar tanımlayabilirsiniz.
Ayrıca her iki alan için boşluk ve satır ile açılış alanları ile görselliğini zenginleştirebilirsiniz.
Eklediğiniz alanların yerlerini sürükleyerek değiştirebilirsiniz.

Özetle anlatacak olursak,
Header ve Footer alanları genişlik olarak 12 birim olarak tasarlanmıştır. 
Eklemek istediğiniz özel sayfa, blok yada reklamları açılan pencerelerdeki boyutlarından 12 ye tamamlayacak şekilde yan yana sıralayabilirsiniz. (örn. genişliği 4 olan 3 farklı özelliği eklediğinizde eklemiş olduğunuz 3 bölümde yan yana sıralanacaktır)
Genişlik seçtiğiniz bölümde farklı çözünürlükteki genişlikleri belirtmenize imkan sağlanmıştır. (Masaüstü, Laptop, Mobil ve daha büyük çözünürlük)
Örnek verecek olursak headera logo ekledik ve bunun Masa Üstü Çözünürlük (MD) * boyutunu 3 seçtik yine logoya Laptop Çözünürlüğü (SM) için 4 Mobil Çözünürlük (XS) için ise 12 yi belirledik. Bu bize eklemiş olduğumuz logonun masa üstü bilgisayarlarda 3 birim laptoplarda 4 birim mobil cihazlarda ise 12 birimlik bir alanı kaplayacağını belirtmiş oluruz.
Eklenilen nesne yada sayfaların kendi yükseklikleri ile ilgili kaynaklanan düzensizlikleri ise yüksekliği az olan bölüm üzerine bölüme tanımladığınız genişlik kadar satır ve boşluk tanımlayıp bu alanlara bir yükseklik vererek girintileri ortadan kaldırabilirsiniz. 
Yine örnek verecek olursak Header bölümünün sol tarafında Masa Üstü Çözünürlük (MD) 4 birimde bir logo tanımladık. Bunun yanına da Masa Üstü Çözünürlük (MD) 4 birimlik bir arama alanı koyduk kalan 4lük alana da 2 birimlik hesabım ve sepetim alanlarını ekledik. sayfayı oluşturduğumuzda göreceğiz ki hesabım ve sepetim kısımları satır yükseklikleri olmadığı için headerın üst kısmına bitişik olarak görünmekte işte bu durumu hesabım ve sepetim kısımlarının üstüne tanımlayacağımız 15px yüksekliğinde Masa Üstü Çözünürlük (MD) 4 genişliğinde bir boşluk ve satır ile düzenleyebiliriz
Hızlı menü alanından kendi menünüzü oluşturabilirsiniz. oluşturduğunuz bu menüler vermiş olduğunuz isimle özel sayfa olarak kayıt edilecektir. Bu sayede oluşturduğunuz menüleri header ve footer alanlarına ekleyebilirsiniz
Açılış bölümü ise size classını sizin tanımlayabileceğiniz bir alan açmanızı sağlayacaktır. Oluşturduğunuz bu alan içine olmasını istediğiniz özellikleri ekleyebilirsiniz ve verdiğiniz class a stil yazarak görsel olarak farklılık oluşturabilirsiniz.
Yine bir örnek verecek olursak eklemiş olduğumuz Hesabım ve Sepetimi bir alan içine aldığımızı düşünelim ve dışardaki bu alana verdiğimiz class üzerinden farklı bir background rengi tanımlayalım sırası ile logo, arama, hesabım ve sepetimden oluşan bir header sutunu vermiş olduğumuz özel class sayesinde hesabım ve sepetim alanı farklı renkli bir görünümde olacaktır

can i take ibuprofen with ciprofloxacin canitake.net can i take ibuprofen with ciprofloxacin
acheter viagra en toute securite acheter viagra en toute securite acheter viagra en toute securite
prescription discount coupon open coupon for prescriptions

basaksehircilingir posted this 14 Ekim 2017

teşekkürler hocam 

Close
walgreens photo coupon 100 prints open promo codes for walgreens photo
in store walgreens photo coupons site coupons free printable
walgreens in store photo coupon rx prescription discount free printable coupons
photo coupon codes promo codes for walgreens photo walgreens photo coupon code free prints
flagyl pill open sumatriptan 100mg
online pharmacy coupons free pharmacy discount cards us pharmacy discount card
tadalafil 10mg link imitrex 100mg
transfer prescription coupon blog.plazacutlery.com viagra manufacturer coupon
can you get an abortion without parental consent abortion pill what are the methods of abortion
can i take antabuse and naltrexone can i take antabuse and naltrexone can i take antabuse and naltrexone
viagra dosage and side effects viagra for sale uk buy cheap viagra