Başlıksız Belge

forumaqw

Ana Sayfa

aas

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, sıvı 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 Yöntemi

Tüm sütunlar yüzdürüldüğünden, bu mizanpaj .container öğesinde clear:both bildirimini 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. Tasarımınız .footer öğesini .container öğesinden kaldırmanızı gerektiriyorsa, 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> eklemek olacaktır. Bu aynı temizleme etkisini sağlar.

Logo Değiştirme

Bu mizanpajda logo yerleştirmek isteyebileceğiniz .header öğesinde bir görüntü yer tutucusu kullanılmış. Yer tutucuyu kaldırıp kendi bağlı logonuzla değiştirmeniz önerilir.

SRC alanını kullanarak (yer tutucusunu kaldırmak ve değiştirmek yerine) logo görüntünüzde gezinmek için Özellik Denetimi’ni kullanırsanız satır içi arka planını ve görüntü özelliklerini kaldırmanız gerekir. Bu satır içi stiller yalnızca logo yer tutucusunun tarayıcılarda tanıtım amacıyla görünmesini sağlamak için kullanılır.

Satır içi stilleri kaldırmak için, CSS Stilleri panelinizin Geçerli’ye ayarlı olduğundan emin olun. Görüntüyü seçin ve CSS Stilleri panelinin Özellikler bölmesinde, görüntü ve arka plan özelliklerini sağ tıklatıp silin. (Tabii ki, her zaman doğrudan kodun içine girip satır içi stilleri oradaki yer tutucusu veya görüntüden silebilirsiniz.)

Internet Explorer Koşullu Yorumlar

Bu sıvı mizanpajlar iki sorunu düzeltmek için bir Internet Explorer Koşullu Yorumu (IECC) içerir.

  1. Tarayıcıların yüzde tabanlı mizanpajlarda div boyutlarını yuvarlama şekli tutarsızdır. Tarayıcının 144,5pks veya 564,5pks gibi bir sayı oluşturması gerekiyorsa, onu en yakın tam sayıya yuvarlaması gerekir. Safari ve Opera aşağı yuvarlar, Internet Explorer yukarı yuvarlar ve Firefox kabı tamamen doldurarak bir sütunu yukarı, diğerini aşağı yuvarlar. Bu yuvarlama sorunları bazı mizanpajlarda tutarsızlığa sebep olabilir. Bu IECC’de IE tarayıcısını düzeltmek için bir 1pks’lik negatif kenar boşluğu vardır. Bu boşluğu mizanpaj gereksinimlerinize uyması için sütunların (soldaki veya sağdaki) herhangi birine taşıyabilirsiniz.
  2. Bazı durumlarda IE6 ve IE7’de ekstra boşluk oluşturulduğundan, yakınlaştırma özelliği gezinme listesindeki bağlantıya eklendi. Yakınlaştırma, bu sorunu gidermek için IE tarayıcısına özel hasLayout özelliğini verir.

Arka Planlar

Doğal olarak, herhangi bir div’deki arka plan rengi yalnızca içerik uzunluğu boyunca görünür. Bu, bir yan sütun görünümü oluşturmak için bir arka plan rengi veya kenarlık kullanıyorsanız onun altbilgiye kadar uzanmak yerine içerik sonlandığında biteceği anlamına gelir. .content div’i devamlı daha fazla içeriğe sahip olacaksa, onu sütundan ayırmak için .content div’ine bir kenarlık yerleştirebilirsiniz.

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol