26 NİSAN 2010, PAZARTESİ

Dikey Navigasyon Menüsü İle Geçerli Sayfa Göstergesini - Bölüm 2 / 2

Merhaba, bu Ralph ve ben benim son video bıraktığı yerden devam etmek istiyorum Bir aktif linki göstermek için gidiyor navigasyon menüsü yapıyor Belirli bir sayfa Sırasız liste o kadar bir navigasyon menüsü gibi biraz görünmek için yapılmış oldu yapabilirsiniz İstiyorum Burada benim CSS üzerinde geri atlamak bana o ile bitirmek bu yüzden şu anda benim navigasyon background-renk vardır: Mart Ben mermi kurtulmak için dokuz alacağım ve ben önde gitti ve ben koymak liste üzerindeki sınırın biraz benim sırasız liste öğeleri 10 benim liste öğeleri gerçekten sadece 6 Geçici ben en önde gidelim v

e bir kaç saniye tamir edeceğim Ben devam edin ve biçimlendirmek ediyorum tüm Ben listemde içinde çapa yüzden başka bağlamsal seçici var içinde benim liste öğeleri içinde çapa benim Sırasız liste şimdi kimliği ile özdeş

leşmiş yapmak sen benim Geçerli sayfayı fark ederseniz bunlar iyi formda nitelik Ben bu öğelerden birini tıklayın istersen ben tam anlamıyla benim koymak zorunda metnin üzerine işaretçi ve benim işaretçi ko

“Görsel menü öğesi bir web sayfası navigasyon menüsü üzerinde şu anda aktif olan belirtmek için CSS kullanın....”
Ralph Phillips

ymak mümkün olmak istiyorum istemiyorum Her yerde bu dikdörtgen içinde ancak şekil bu yüzden go ahead ve bu düzeltmek izin onların anahtarı kağıt vergi ekranda olacak yapıyor döküm blok elementleri K çok blok elementleri Benim blok ile set yaşıyorum öylesine ve olacak akşam Heights ile orada oturup oldu elemanlarındaki Ultra 180 piksel bir enayi Heights duyuyorum butik grev nasıl anne 30 Metin o nasıl göründüğünü görmek ve bu yüzden gerçekten şeyler bura

Dikey Navigasyon Menüsü İle Geçerli Sayfa Göstergesini - Bölüm 2 / 2 Resim 1 Dikey Navigasyon Menüsü İle Geçerli Sayfa Göstergesini - Bölüm 2 / 2 Resim 2 Dikey Navigasyon Menüsü İle Geçerli Sayfa Göstergesini - Bölüm 2 / 2 Resim 3 Dikey Navigasyon Menüsü İle Geçerli Sayfa Göstergesini - Bölüm 2 / 2 Resim 4

da nasıl gidiyor görebilirsiniz Ben şehre mümkün olmak istiyorum Gerçekten resmi geçen yaz üzerine gemiye koymak benim çapa etiketleri Amick sınırının kurtulmak Benim liste öğelerinin tamam bu yüzden ben de go ahead ve sınır silmek ediyorum Benim liste öğeleri ve onlar gelip bunu buradayız gel Sınır CL 5 piksel yapalım başından ve hadi ne dersin dem bakın askerler saldırmak ve orada Belirli dışarı Ben sadece bir bok alarak alırım hey görelim 00 baskı nasıl bu yüzden iyi bakıyor bunlar benim düğmeleri fark şimdi can ama h

er yerde kırmızı sınırları içinde benim işaretçi Gerçekten o köprü eylemi almak için bkz biraz daha fazla arasına biraz daha fazla marj için iyi üzerinde Bir kendilerini ayırmak benim düğmeleri artık bu yüzden benim metni almak düğmeler güzel merkezi yatay olarak ve dikey beni buraya ve I can benim çapa metin blokları beri geri atlamak böylece onlara kolayca biraz daha marj Aslında çıkıp teknik benim liste öğeleri marjı sürebilir aslında orada inanıyorum bu yüzden yerine benim çapa metin üzerinde listemde marjı koyarak sadece artış Benim liste öğeleri yürüyüşü 5 piksel yıl önce en biraz daha iyi ve bakalım ama sonra büyük vergi kullanacak Ben text-align yapacağım: Merkez K Dikey merkezine şimdi Lee merkezinde metin kuvvet sonra Ben go ahead ve anne line-height yapacağım: ve bunu blok yüksekliğine hızlı olan bir hücre hattı yüksekliği değilim Orada 30 piksel kanepe 30px olduğunu tabi eleman bir camide olacak metni çalışması yapmak Dekorasyon 9 kurtulmak için hiper-link Tanrı matsu kaydedilmiş gördüm sahip altını çizen var şimdi onların olsun bu yüzden ben bu düğmeleri her yerde tıklayabilirsiniz benim benim menü yani bu, temel dönüşüm, diğer sırasız liste dikey gezinme menüsü bakımı şimdi ben sadece benim düğmeleri hover durumuna oturum nasıl kontrol etmek için ihtiyacınız Ben ne zaman örneğin bir sayfada aslında olduğunuzda ve nasıl bakmak geri sayfamda Ben mağaza istiyorum ama menüde görsel bir gösterge var ve bu yüzden vurgulanan kalmak Bu zift kadar geri stil sayfasında üzerinde o an olduğunu ve burada birkaç değişiklik yapmaya başlayalım Yeni kural ve oldukça kolay burada uyku başlangıcını alımı ediyorum Devam edin ve vurgulu durumunu kontrol edeceğim liste öğeleri içinde 'em AFP çapa etiketleri Benim menü içinde bunu sadece bu gerçekten kolay hale getirmek için için Gerçekten standout nasıl ama go ahead ve background-color yaparsanız: O müthiş adlı nasıl tüm beyaz görünüyor görelim var olan Burada bu yüzden biz, beyaz bir soluk sarı değişim biraz gidip şimdi ben her sayfada bir menü öğeleri, ek çalışma için bir hover devlet var hala çok ev hesabına olsun benim blog unutmak Orada iyi görünümlü şeyler şimdi ben bu menü öğeleri nasıl görüneceğini kontrol etmek istediğiniz Biri aslında belirli bir sayfada etkin olduğunda kullanım bir arada o için bağlamsal seçiciler bir grup seçici kötüye seçiciler ve CSS kurallarının seçici bölümü oldukça uzun olan sona erebilir ve ben de benim ana ile başlamak olabilir Diğer Kia bu başarıyla çalışan biz benzersiz hatırlıyorum olduğunu Kimlikleri sayfaları için vücut vergisi her bu yüzden, sayfa 1 bedenimde sayfa 1 numarası var Kimlik böylece sayfanın iki vücutta sayfa 2 eşittir hangi anlamına gelir ama tek olay orada oluyor ve ideal biri kimliği içinde Benim ana ağlar sayfa 1 bu yüzden bu tür stil sayfasında bu check out var Ben yarım diyelim ki eğer vücut diyez işareti sayfa 1 uzay liste öğesi diyez işareti link1 burada bu bir başlangıç ​​olamaz Biri benim sayfasında istediğim 1 açıksa benim twink farklı bakmak istiyorum Özellikle keresinde linke bir yıl ve bir yarısında çapa etiketi istiyorum liste öğesi link1 içinde etiketi çapa olabilir ben bu biraz farklı bakmak istiyorum gövde sayfasında 1 içinde var nasıl background-color dersin: Ulf sarı ne de bir sınır işe yarıyor Eğer ilgili sırasını değiştirebilirsiniz 4 Eyl 5 piksel başlangıcını vardı ve hangi şimdi kırmızı kaleci en nasıl göründüğünü görelim değişir hala bazı iyi, güvenli ap kırmızı var Web sayfasına bitti gezi biz gerçekten fark yoktur buradan yenilemek şimdi check out bir değişiklik Ben dördüncü sayfada olduğum için Bakalım nasıl sayfa 1 Anasayfam görünüyor orada biz Anasayfam hücre gidin ve şu anda etkin bu sarı arka plan biraz sınır kaymıştır Bu yüzden aktif menü öğesi tutmak anahtarıdır Bu işlemi yineleyin denemek için kim şimdi web sayfasını ziyaret ediyor için belirtilen Bu benim diğer menü öğeleri için arka stil sayfası üzerinde Bunun yerine aslında gruplandırılmış yapmada olacağım tüm bunlar için yeni kurallar yapma seçici şimdi biz o iş için nasıl alabilirim olduğunu Biz bunu alabilirsiniz seçenek iyi bakın 41 menü, diğer menü seçenekleri için çalışmak bir buçuk ve daha fazla kez bu yapıştırın neyi kopyalamak Böyle paster olarak alanlar hemen karşısında burada sayfa boyunca tüm yol gidiyor Bir kafa geliyor sayfanın 2. dahilinde bağlantılıdır burada bazı değişiklikler yapmak sayfa 3 içinde haftada 3 gitti sayfa dört değildi sayfa 5 içindeki bağlantı beş ve biraz heyecanlandım gerekir benim yapıştırma çünkü Ben bir ekstra Salam var Bu sonuncusu yaralanması Orada biz baltalar Ben bir var emin olun gidin melodileri 345 Ben bütün parayı önemser düşünüyorum ve bu tasarruf Benim tarayıcı çöp üzerinden atlama diğer sayfaları kontrol oldu benim blog benim mağaza hesabım var benim iletişim sayfası mağaza blog hesabı Mükemmel şimdi biz resmen belirten r aktif belirli bir sayfada.

Açıklama

Görsel menü öğesi bir web sayfası navigasyon menüsü üzerinde şu anda aktif olan belirtmek için CSS kullanın.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Ralph Phillips

Ralph Phillips

Üretkenlik yazılımları ve web geliştirme üzerinde durularak öğretici videolar. Web Geliştirme, HTML, CSS, JavaScript, PHP, Internet, SEO, Flash, Dreamweaver, Excel, Access, Word, PowerPoint, Web tabanlı uygulamalar ...

YORUMLAR



9.6/10

  • 32
    Olumlu
  • 1
    Olumsuz
  • 15
    Yorum
  • 6835
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • BeginnersTech

    BeginnersTec

    8 NİSAN 2011
  • GirlSanctuaryBlog

    GirlSanctuar

    28 Aralık 2011
  • super1988guy

    super1988guy

    9 Aralık 2007

ANKET



Bu sayfa işinize yaradı mı?