CSS menülerini nasıl açabilirim?



Basamaklı Stil Sayfaları ( CSS ), bir Hiper Metin İşaretleme Dili ( HTML ) veya Genişletilebilir İşaretleme Dili (XML) belgesinin biçimlendirilme biçimini açıklamak için kullanılan bir addır . Herhangi bir XML belgesi türü için kullanılabilir, ancak en çok HTML ile yazılmış web sayfalarında kullanılır. Web sayfalarında açılır menüler oluşturmak için kredi notu düşüklere kredi veren bankalar CSS kullanılabilir . CSS menülerinin bırakılması, ziyaretçinin fareyi menü üzerinde gezinmek için fareyi kullanana kadar tek bir metin öğesi içermesidir, bu durumda tüm öğeler listesi gösterilir. Menü, CSS tanımlama ve sınıf etiketleri kullanılarak oluşturulur.
CSS menüleri aşağı açılırken kimlik seçiciyle başlayın. Bu seçici # gibi görünüyor. Bunu kimliğin adı takip eder. Kimliği herhangi bir şekilde adlandırabilirsiniz, ancak diğerlerinin kodunuzu okuyabilmesi için açıklayıcı olmalıdır. Örneğin, bir açılır menü # drop1 kodunu kullanabilir.
Bir dönem gibi görünen sınıf seçiciyi kullanarak açılır menüdeki ilk öğe için sınıf oluşturun. Sınıf, HTML listesi öğesinin bir parçası olacaktır. Liste elemanı "li" karakterleriyle belirtilmiştir. "Li.top" yazarak en üst düzey sınıfı oluşturun. Sınıf açıklaması iki kaşlı ayraç arasında bulunur.
Aşağıdaki örnek , listedeki ilk öğe için tüm CSS kodunu gösterir :
# drop1 li.top {font-family: Verdana, Cenevre, san-serif;
yazı tipi boyutu:% 100;
renk: # FF00FF;}
Ardından, CSS menüsünde ilk öğenin altına gizlenecek öğeler için bir sınıf oluşturun. Sınıf, "ul" karakterleriyle belirtilen HTML sırasız listesini açıklayacaktır . Açıklama, açıklamanın başında "display: none # 59" kelimelerinin eklenmesiyle temel olarak en üst düzey menü öğesiyle aynı görünecektir. Bu, sırasız listedeki öğelerin, işaretçi açılır CSS menüsünün üzerine gelene kadar gizleneceğini gösterir.
Aşağıdaki, CSS kodunun bu bölümünün bir örneğidir:
# drop1 ul.link {
display: none # 59
yazı tipi-aile: Verdana, Cenevre, san-serif;
yazı tipi boyutu:% 100;
renk: # FF00FF;}
HMTL belgesinin geri kalanında görünmesi için aşağı açılan CSS menüsünü isteyeceksiniz. Aksi takdirde, ziyaretçi menüde gezinirken, listeye yer açmak için sayfanın geri kalanını sayfaya indirir. Pozisyon elemanını mutlak olarak ayarlamak, bunu yapacaktır.
Pozisyonu belirleyen kod:
# Drop1 {konumu: mutlak;}
Bu, açılır menünün CSS kısmı için gereken her şeydir. Aşağı açılır CSS menüsünün geri kalanı, HTML dosyasında "div", "id", "class", "li" ve "ul" öğeleri kullanılarak oluşturulur. "Div" etiketi, belgenin menü bölümünü ayırır. Açılır menü bölümünü kredi notuna bakmadan kredi veren bankalar oluşturmak için <div id = "drop1"> yazın. Sonra HTML "ul" öğesini kullanarak sırasız listeye başlayın.
İlk liste öğesine üst sınıfı ve öğelerin geri kalanı için bağlantı sınıfını ekleyin. HTML kodu aşağıdaki gibi görünmelidir:
<div id = "drop1">
<li class = "top"> Üst Öğe </ li>
<li class = "bağlantı"> <a href="#"> Öğe </a> </ li>
<li sınıfı = "link"> <a href="#"> Öğe </a> </ li>
<li class = "bağlantı"> <a href="#"> Öğe </a> </ li>
</ ul > </ div>
Belgeyi bir web tarayıcısında açtığınızda, açılan CSS menüsü sayfada tek bir öğe olarak görünecektir. Farenizi üst öğenin üzerine getirdiğinizde, menünün geri kalanı görünecektir. Sayfadaki metnin geri kalanı hareket etmeyecek, ancak menü tarafından bir bölüm gizlenecektir.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

ScanDisk nedir?

ScanDisk, bir bilgisayar kullanıcısının bozuk dosyaları veya sabit disk sorunları için bilgisayarını taramasına ve bu tür sorunları gidermeye çalışmasına olanak veren Microsoft ™ Windows ™ 'un ilk sürümlerinde kullanıma sunulan bir yardımcı programdır . Yardımcı program artık Windows ™ 'un daha yeni sürümlerine dahil edilmemiştir, çünkü yalnızca Dosya Ayırma Tablosu (FAT) dosya sistemlerini kullanan eski sürümlerle çalışır. Windows ™ 'un kosgeb sıfır faizli kredi daha yeni sürümlerinde, FAT sistemleri Yeni Teknoloji Dosya Sistemleri (NTFS) ile değiştirildi ve böylece ScanDisk, CHKDSK adlı yardımcı programın yeni bir sürümü ile değiştirildi. ScanDisk, Windows XP ™ sürümünden önce Windows ™ sürümlerinde çalıştırılabilir ve popülerliği nedeniyle, birçok bilgisayar kullanıcısı, CHKDSK'yi çalıştırırken buna yine de başvuracaktır. Bir bilgisayardaki dosyalar günlük kullanım, virüs enfeksiyonu ve kopyalama veya sıkıştırmadan kaynaklanan kalite kaybı ile kolayca bozulabil...
Devamı

Hobo İşaretleri nedir?

1880'lerden1940'lara kadar, Amerika Birleşik Devletleri boyunca rayları sallayan hoboslar, arkadaşlıkların, kaldırımların, sokak tabelalarının ve diğer hobosların keşfetmesi için demiryolu duraklarında şifreli semboller bırakacaktı. Hobo işaretler olarak bilinen bu semboller, kentin misafirperverlik seviyesi, potansiyel dinlenme ve yeme faizsiz kredi veren bankalar noktaları, yerel yasaların uygulanma durumu ve bir çalışma için en iyi yaklaşımlar da dahil olmak üzere diğer gezginler için hayati bilgiler sağlayabilir . Ne zaman bir serseri yeni bir kasabaya geldiğinde, bir mola bozukluğunun riske değip değmeyeceğini görmek için önce bu hobo işaretlerini arardı. Hobo işaretlerinin çoğu, tebeşir, kömür çubukları veya muhtemelen zemine oyulmuş basit çizgi çizimleridir. En yaygın hobo bulgularının çoğunda bölgesel varyasyonlar vardır, ancak bilinçli bir gezgin onların temel anlamlarını tanımlayabilmelidir. Yasaların uygulanmasından veya yabancılar tarafından yanlış veya yanılt...
Devamı

SEO Analizi Nedir?

Bir arama motoru optimizasyonu (SEO) analizi, bir web sitesi sahibinin popüler arama motorlarındaki sıralamasını nasıl geliştirebileceğini açıklayan bir rapordur. Analiz genellikle, yinelenen içeriği, web sitesine gelen bağlantıları ve tekdüzen kaynak konum belirleyici ( URL ) yapısını arar ve değerlendirir . Bu rapor normalde bir web sitesi tarafından kosgeb sıfır faizli kredi oluşturulur ve bir yazılım programı indirmeye gerek yoktur. Bazı SEO anaylsis web siteleri bile, web yöneticisine bulduğu sorunları nasıl düzeltebileceğini söyler . Örneğin, web sitesi arama motoru tarayıcılarını engelleyen bir şekilde Flash® kullanıyorsa, bir SEO analizi problemi en iyi şekilde nasıl kullanacağınızı detaylandırabilir. Bir SEO analiz aracı öncelikle arama motoru sıralamasını iyileştirmek isteyen web yöneticileri tarafından kullanılır. SEO'nun ana hedefi, rekabetten daha üst sıralarda yer almaktır, böylece İnternet sörfçülerinin web sitesine girmesi daha olasıdır. Nedensel site sahipler...
Devamı