10 ŞUBAT 2015, Salı

Navigasyon Menüsü İle Tepe-A-Boo Metin - Bölüm 1

Hey bu bir video İstiyorum Ralph size yapmak için kullanabilirsiniz tekniği üzerine gitmek Peek-a-boo metin ile serin navigasyon menüsü ama Goldblum tamam bu yüzden basit bir navigasyon menüsü burada için bir sağlık kontrolü özellikle HTML oluştu Eğer yıl ARM görmek eğer şimdi o var gerçekten çok görürsünüz Eğer altındaki video için açıklamayı görüntülemek eğer eminim yemeksiz video Eğer kaynak kodunu görüntüleyebilirsiniz bunu kontrol edebilir, bu dosyaya bak bir bağlantı bulmak ve tüm bu şeyler olsun var bu yüzden ve belki birden fazla navigasyon menüsü için aynı dosyayı kullanarak olacak

burada bir kaç şey olacak videoları bu belirli bir şimdi izleyin Ben de dahil olmak üzere hızlı ve liste öğesi içindeki spinners fark ediyorum Bu süre içinde çapa içeriyor bitişik Metin ve ben de zaten orada küçük bi

r görüntü var görüntü kaydedilir var ve gitmeye hazır böylece her küçük bir karış Kendi simgesi belli bir vergi ile ilişkili sahip oluyor Ben aynı sayfada menüleri olabilir birden kullanarak olacak çünkü bi

“Menü öğeleri vurgulu dışarı pop için metin açıklamaları yapmak z-index, komşu seçicileri ve geçişler kullanın. Demo dosyası: http://www.sixminutessmarter.com/dem...”
Ralph Phillips

r ben varım ve makaleleri onları kapatın ve onlara benzersiz kimlikleri vermek Ben stil parçaları şeylerle bunları ayrı ayrı başvuruda bulunabilir, böylece Şimdi CSS Ben bir bütün CSS kurallarını almak go ahead Bu kurtulmak tasarruf ve bu yüzden bu menü özgün durumuna nasıl göründüğünü görebilirsiniz ve bu biz bizim tipik sırasız liste kolu var ne var görüntü size liste ürün C açıklık metni puanı bu yüzden biliyorsunuz NAT adam için bu menü ilk şey manatee yapalım B

Navigasyon Menüsü İle Tepe-A-Boo Metin - Bölüm 1 Resim 1 Navigasyon Menüsü İle Tepe-A-Boo Metin - Bölüm 1 Resim 2 Navigasyon Menüsü İle Tepe-A-Boo Metin - Bölüm 1 Resim 3 Navigasyon Menüsü İle Tepe-A-Boo Metin - Bölüm 1 Resim 4

en bu listedeki liste öğesi için kural oluşturulur öncelikle en olmayacak tipi benim tarzı ile bu kurşunların kurtulmak izin Burada kısa bir süre biraz daha gitmiş Bazı bu listeler süreleri ile sette çok fazla 200 o mermi kurtulmak için piksel genişliğinde yaklaşık 40 Metin salonunda ve sonra ben dört taraftan dört piksel kadar marjı razı edeceğiz O tamam çok iyi ve Ben de bir liste öğeleri içinde katlandığı kontrol gidiyorum ve daha önce kim nedeniyle bazı iyi bu tarayıcı yenileme kaydetmek ve bir sahnede gitmek İ

şte Bir amigo Hindu display: block Bu navigasyon menüleri için oldukça kritik bir adımdır senin neredeyse her zaman olacak çapa ekranı yapın: yapabilir blok şimdi düğmeler gibi davranmaya doğurur I can sektör olan ve yüksek ben değil liste öğeleri için iyi bir iş vardı ya da öylesine görebilirsiniz aynı olarak işler Oyunculuk gerçekten burada iyi bir haber göze çarpıyor text-align: Merkez olacak çevrimiçi yüksekliği 240 piksel do line yüksek bu bana biraz dik vereceğim yüksekliği aynıdır fark Büyük metne merkezleme Sadece böyle iyi değil metin birden fazla satır saldırıların bir satır varsa gitmek için yol ve ben o metin dekorasyon yapacağız: dokuz alt çizgi kurtulmak için Arka plan rengini verilen ve renk becerdin değil Orada 10 bizim bilmediğimiz yani işler burada boyunca hareket ediyor ve biz benim temel net bir menü var olduğunu görebilirsiniz yapısı ve herhangi bir görünümleri üzerine gelin olabilir şimdi o menü öğeleri almak için Ben odaklanmak istiyorum İspanya'nın içerdekilerin liste öğeleri böylece Seni içeride liste öğesi olan ekranları ekran ile yapın: bloğunu çünkü hızlı ve varsayılan olarak bir blok yapmak için bir satır içi unsurdur Şimdi bu ile biraz daha büyük gidelim biliyorum iyi Google 200 Ev olacak 240 piksel do ve yüksek atmak aynı 40 piksel olmak ve ben olmak kadar bitirmek istiyorum, çünkü o mutlak olduğunu konumlandırmak zorunda değilim Benim çapa arkasında böylece pozisyon yapın: Mutlak bir all-star üst Loftis 0px sol 0px şimdi kesinlikle bir pozisyon şey ben de birlikte olmak istiyorum nispeten konumlandırılmış öğe veya mutlak konumlandırılmış öğe Yaz geri liste öğesi kuralına kadar okul ve ben bir saldırı değilim Ben liste öğesinin bu yapmadım eğer pozisyon açma edecek Benim spin vücutta dayalı pozisyon olacağını daha Ben kesinlikle istemiyorum sayfa yüzden spin pozisyon bazlı olmak istiyorum liste öğesinin üzerine Bu liste öğesi bir çocuk olarak kendi ana spin bu yüzden gidip sizin üzerinizde alıyorum şeyler bize bakarak nasıl görelim ve zaten işler biraz daha bana izin vardır denizde etiket su onları görebilirsiniz ve sen benim spin demirli üstünde aslında olduklarını hemen görebilirsiniz Yeşil sınırına benim Spin sadece zar zor görebiliyorum benim çapa kırmızı bir sınır var Orada metin bu yüzden bize onlar şeyler üzerine haklısın bildirmek ama sadece orada onları terk ikinci Biraz line-height yapacağım: eylem yaklaşık 40 piksel piksel hakkında terk ederek zaman ve biz gidip orada şeyler oluyor alır ve Bir katip p animasyon spin içine tamsayılardır Ben devam edin ve onları konumlandırmak ediyorum Mutlak ve üst 0px iddia oran 0px ve şimdi bir durum var Görüntüler yüzden yayılma görüntüleri daha iyi bir konuma istiyorum position: absolute ve benim konum beri benim spin zaten position: absolute sorun değil Benim görüntü onların İspanya ebeveyn dayalı pozisyon olacak span ebeveyn kendi liste öğesi üst dayalı pozisyon olacak şeyler sıraya başlıyor bu yenileme almak Ben geride ekranlar almak için şimdi istediğiniz yere dönüm sadece indeksi yemek olduğunu yapmak gerçekten kolay ve sadece satılan düşük sayıda ihtiyaç Bir -1 ağları olacak şimdi oraya bu yüzden koydum Her şey tek şey sol özgün durumuna iyi bakıyor Ben gerçekten vurgulu durum kendini oldu Bir çapa etiketi üzerinde gezdirin Ben bu bahar alacaksın ve çapa bitişik değilim Orada bitişik seçici ben konuşma korumalı ve ne zaman bir değişiklik kulüpler onun biz sol konumlandırma eve 210 piksel onun olacak dışarı itmek üyesi küçük çapa etiketleri 200 piksel genişliğinde Onların yenileme ötesinde onu biraz zorlamalıyız için Aradığımız o etki var oraya gitmek Mükemmel şimdi biraz da spin bir geçiş atalım nasıl bir geçiş ben sadece edeceğim dört yüz milisaniye sol özelliklerini değiştirmek görmek anlamına gelir Bu tarayıcı yenileme ve yanılsama öylesine orada biz gitmek tamamlandı nah aşk insanlarla yeni gelen kim metin yeni kural.

Açıklama

Menü öğeleri vurgulu dışarı pop için metin açıklamaları yapmak z-index, komşu seçicileri ve geçişler kullanın. Demo dosyası: http://www.sixminutessmarter.com/demofiles/webdev/navigation-menus.html

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



10/10

  • 12
    Olumlu
  • 0
    Olumsuz
  • 4
    Yorum
  • 1322
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Dive In

    Dive In

    17 Temmuz 2013
  • macpulenta

    macpulenta

    9 EYLÜL 2006
  • TheDamnWreckless

    TheDamnWreck

    12 Temmuz 2010

ANKET



Bu sayfa işinize yaradı mı?