Yukarıdaki bağlar, CSS ile stil verilmiş bir sırasız liste kullanarak temel bir gezgin yapısını gösterir. Bunu bir başlangıç noktası olarak kullanın ve kendi benzersiz görünümünüzü oluşturmak için özellikleri değiştirin. Açılır pencere menüleri istiyorsanız, bir Spry menüsü, Adobe Exchange’de bulunan bir menü widget’ı veya diğer javascript ya da CSS çözümlerinden kullanarak kendi menünüzü oluşturun.

Gezinmenin üst kısımda olmasını istiyorsanız, ul.nav öğesini sayfanın üst kısmına taşıyıp stili yeniden oluşturun.

Talimatlar

Bu mizanpajlara yönelik CSS’nin çok fazla yorum içerdiğini unutmayın. İşinizin çoğunu Tasarım görünümünde yapıyorsanız, sabit mizanpajlar için CSS ile çalışmayla ilgili ipuçları almak için kodu inceleyin. Sitenizi yayınlamadan önce bu yorumları kaldırabilirsiniz. CSS mizanpajlarında kullanılan teknikler hakkında daha fazla bilgi için Adobe'nin Geliştirici Merkezi’ndeki bu makaleyi okuyun - http://www.adobe.com/go/adc_css_layouts.

Temizleme

Tüm sütunlar yüzdürüldüğünden, bu mizanpaj .container öğesinde overflow:hidden öğesini kullanır. Bu temizleme tekniği, .container öğesine yerleştirdiğiniz herhangi bir kenarlık veya arka plan rengini göstermek için .container öğesini sütunların nerede sonlanacağını anlamaya zorlar. .container öğesinin dışına çıkan büyük bir öğeniz varsa, oradan kesilmiş gibi görünür. Ayrıca, .container öğesinin dışındaki öğeleri çekecek negatif değerlerle mutlak konumlama veya negatif kenar boşlukları kullanamazsınız, yoksa onlar da .container öğesinin dışında görünmez.

Bu özellikleri kullanmanız gerekiyorsa, farklı bir temizleme yöntemi kullanmanız gerekir. En güvenilir yöntem, son yüzdürülen sütununuzdan sonra (ancak .container öğesi kapanmadan önce) bir <br class="clearfloat" /> or <div class="clearfloat"></div> eklemektir. Bu aynı temizleme efektini sağlar.

Altbilgi

Sütunları takip eden ancak hala .container öğesinin içinde olan bir altbilgi eklemek, bu overflow:hidden temizleme yönteminin başarısız olmasına sebep olur. Bir .footer öğesini zararlı bir etkisi olmadan ilkinin dışında olan ikinci bir .container öğesine yerleştirebilirsiniz. En basit çözüm, üstbilgi ve altbilgiler içeren bir mizanpajla başlamak ve o mizanpaj türündeki temizleme yöntemlerini kaldırmak olabilir.

Arka Planlar

Doğal olarak, herhangi bir div’deki arka plan rengi yalnızca içeriğin uzunluğu boyunca görünecektir. Bir renk yerine bölücü bir çizgi istiyorsanız, .content div’inin yanına bir kenarlık yerleştirin (ancak yalnızca devamlı daha fazla içeriğe sahip olacaksa).

//-->

önce vatan-у@ℓηιz кυят

Ana Sayfa

 
Bugün 1 ziyaretçi (1 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol