Yeni Teknikler ile Hazirlanmis Oldukca Güzel ve profesyonel css menülerimizi gecmis gunlerde dile getirmistim. Harika javascript&css menüler konusuda bahsetmis oldugum menulerin yine bir devami daha Kisa zaman icerisinde internetten bulupta arsivlemis oldugum Diger Hos gozlere hitap eden yapitlari yine burdan paylasima sunacagim.
simdi bahsetmis oldugumuz menulerin detaylarini gormek icin biraz goze atalim 
Sayfa elemanlarının blok, liste, satır için sınıfsız ( bir eleman gibi davranılmaması ) olmasını, boşluk karakterlerinin nasıl gösterileceğini, liste elemanlarının nasıl görüntüleneceği gibi konuları bu bölümde ayarlayacağız.
Display özelliği uygulandığı elemanın nasıl görüntüleneceğini belirler. Alabileceği değerler; block uygulandığı elemanı bir blok eleman haline getirir ve satırsonu karakterinin eklenmesini sağlar, inline uygulandığı elemanın satır için eleman olarak atanmasını sağlar, list-item uygulandığı elemanın bir liste elemanı olarak görüntülenmesini sağlar ve none uygulandığı elemanın görüntülenmemesine ve ona bir alan ayrılmamasına neden olur.Kullanımı :
Bir blok elemanın kenarlara göre uzaklıkları/marj ( margin ) , çerçeve değerleri, içkenarlara olan uzaklıkları ( padding ) gibi değerlerin ayarlandığı özellikleri bu bölümde göreceğiz.
Tüm elemanlara uygulanabilen margin özelliği bir elemanın yan kenarlara olan uzaklığını belirlemekte kullanılır, uzunluk ve yüzdelik değerler alabilir. margin-top elemanın üst kenarının bir önceki elemandan ne kadar uzaktan başlayacağını belirler. Verilen değer kadar üsteki elemandan aşağıda ( eksi değerlerde yukarıdan ) elemanı başlatır.
text-indent bir blok elemanının ilk satırında bir metin girintisi sağlar. Değer olarak uzunlu veya yüzdelik alabilir. Varsayılan değer sıfırdır ( 0 ) ve bir girinti yoktur.
P { text-indent: %5;}
DIV { text-indent: 1cm;}
Bu paragrafta ilk satır girintisi 3 santim olarak ayarlandı. Bu değer sadece ilk satırı etkileyecektir. Diğer satırlar normal değerden gösterilmeye başlayacaklardır. text-indent değeri negatif verilirse satır normal satırdan daha verilen değer kadar önce başlayacaktır.
Kullanılan zemin resminin sayfa kaydırıldığında sayfa elemanı ile birlikte kaydırılması veya sabit kalmasını denetler. İki değer alabilir scroll arkaplanın sayfa ile birlikte kaydırılmasını sağlar. Bu değer vardayılan değerdir, fixed arkaplan resminin sayfa kaydırılsa bile yerinde kalmasını sağlar. Bu özellik kullanıldığında sayfa içeriği arkaplan resmi üzerinden kayarak hareket eder.
<DIV STYLE=”background-image:url(zemin.jpg);
background-attachment:scroll;”>
Bu alanda kullanılan zemin resmi kayabilir.
Html sayfa düzenlemesi konusunda tasarımcılar için yeterli gelmediğinden yeni arayışlar başlamıştır. Bu aslında htmlin bir kusuru olmamakla beraber tasarımcılar sayfa tasarımı konusunda daha fazla denetim istediklerinden yeni oluşumlar başladı.Css tasarımcıların kendi sitillerini oluşturmasını sağlamak için geliştirilen html ekidir. Bu sayede tasarımcılar kenidi sitillerini websayfalarına ekleyebileceklerdir.
Css ( Style Sheet ) kullanılarak html taglarının özellikleri rahatlıkla değiştirilebilir. İstenilen tagın etki ettiği alanın özelliklerini ayarlayabiliriz. Mesela <H1> tagının zemin rengini değiştirebilir veya ona bir çerçeve ekleyebiliriz. Bunun gibi tüm taglar için eklemeler yapabiliriz.
Cascading Style Sheets (CSS) HTML ‘deki bazı problemleri halletmek için ama asıl neden olarak da; web sayfası içeriği ve web sayfası görünümünü birbirinden ayırmak için oluşturulan bir standarttır.
Son Yorumlamalar