24 Temmuz 2010, CUMARTESİ

Rollover Resimleri - Bölüm 1 İle Css Navigasyon Menüsü Oluşturma

Merhaba ve bizim CSS öğreticiler hoşgeldiniz Bu video İstediğim zaman nasıl yıllar yapacağınızı göstermek rollover görüntüleriyle css menü oluşturmak için nasıl ve sen benim tasarım için buraya HTML görebilirsiniz Ayrıca sağ buraya doğru seni yaşamak Ben olduğumu görebiliyorum ve burada bizim tamamlanmış menüler sadece bir çift var görüntüler ama bu çok Sleater uygulayabilirsiniz nasıl görebilirsiniz değilim tasarım olarak pek çok kullanım tek inç ve bu görüntüler üzerinde benim fare fark gidiyoruz Metin rengi fantezi düğmeleri değiştirir tüm ama bu az bir amaca hizmet Bunun için sorunu ml bakmak sade

ce diğer seferlerinden gibi görmeye gidiyoruz Bu sezon sırasız liste oluşturduk ve o iki liste öğeleri görürsünüz artık kaç şey farklı olacak Önceki örnekler görünümleri bu arasındaki biri hiçbir içerik var olduğunu içeride

olan bir vergi yılı sen tamamen boş olduğunu görebilirsiniz Ben vergilendirilir kelime gibi orada bir şey yazın ise Benim menü baktığımda ve kaydedin Burada şimdi birlikte görünen vergilendirilen bu kelimeyi g

“Görüntüleri ile basit bir dikey navigasyon menüsü oluşturmak ve rollover efekti vurgulu CSS nasıl kullanılacağını bakın....”
Joshua Kywn

örmek için popo o kaldırmak istiyorsanız yapacağız biraz hile görürsünüz size geri eklenen konum şimdi daha sonra yaparım sadece düğmeleri vardı Yani burada ilk şey biraz o Burada ilişkilerinde kullanılmayan aslında boş ama açıkçası sen-cekti koymak ne olursa olsun İstediğin bağlamak veya size gitmek için bu bağlantıyı istedim ne olursa olsun şimdi ikinci fark, biz bir sınıf stili uygulanan ettik ki Her Bizim liste öğelerinden biri ve burada sınıf ev var görebil

Rollover Resimleri - Bölüm 1 İle Css Navigasyon Menüsü Oluşturma Resim 1 Rollover Resimleri - Bölüm 1 İle Css Navigasyon Menüsü Oluşturma Resim 2 Rollover Resimleri - Bölüm 1 İle Css Navigasyon Menüsü Oluşturma Resim 3 Rollover Resimleri - Bölüm 1 İle Css Navigasyon Menüsü Oluşturma Resim 4

irsiniz takmak onun hakkında sınıfta listeye tamam bu kadar adil bazı oldukça basit CS için Bazı oldukça basit bir HTML şimdi en go ahead CSS sağdaki bakalım kiraya verilir Buraya stile she gelmek ister ve üst bazı oldukça standart var kadar görmeye gidiyoruz % uh css navigasyon stilleri biz yapıyoruz ilk şey ayarladığınız olduğunu ile USL biz gerçek menüsü kadar o görüyorsanız bu durumda bir yüz kırk piksel çıkarmadan edildi olacak Bu öğelerden kurşun bu yüzden ben hiç yazıp sonunda edeceğiz listesi yapıyoruz her zaman

biz bir müttefik içinde bir etiket var Biz 32 piksel ediliyor yüksekliğini belirtmek için gidiyoruz Şimdi 8 etiketleri aslında inline unsurlar beri Bu yüksekliğe sahip olmak için değil, blok seviyesinden elemanlar biz de belirtmeniz gerekir uygulamalı Ekran özelliği tekrar blok ve bir en çok onlar önceki size çok tanıdık olmalı videolar artık burada parti vardı aslında ilginç alır var Bir saniye, bu rolü yaratmak için birlikte çalışmak Burada yarım, dört stilleri görmek için gidiyoruz Bu stilleri için geçerli tüm Liste öğeleri, öğeleri listelemek için geçerlidir Bu ev ya da yaklaşık sınıfı vardı Burada da aynı şeyi görebilirsiniz uygulanan Ev ve yaklaşık bir ila uygulanmaktadır Diğer sadece uygulanmakta olan bir etiket Listeye şimdi bu öğeler için bu arka plan görüntüsü bakmak tekrar ne zaman Sen benim listesini görmek için gidiyoruz Grafik durumuna sahip veya aslında grafik var gösterildiği gibi burada bu liste öğesi olabilir bu yüzden üzerine geldiğinde hakkında sınıfı ile biçim olacak bir arka plan görüntüsü almak olduğunu Diğer hakkında ve yine devlet olmalıdır var zaman artık bitti aslında metaller Biz bunun yerine bu arka plan uygulayarak burada iki sınıf fayans var Görüntü sadece bir liste öğedir uygulamadan edildi her zaman bir liste öğesi var Bu biçim ve ev sınıf ve bu uyguluyorsanız Bir teknoloji ve burada görmeye gidiyoruz Aynı background-image var: deyimini Tek fark, kentin göstermek için gidiyor olmasıdır çünkü şimdi burada grafik Bir etiket özünde üstüne LIII geri dönmek ve burada bizim kaynak kodu bakalım Biz li- etiket sınıfı uygulanan vardır var bu nedenle bu derin iç ve ardından yediğimiz yumurta var alii daha sonra gelir için Eğer bir etiket uygulamak o adamı görmeye gidiyoruz Bir arka plan resmi başlangıç ​​sadece grafik see sürümünün grafiği beri Bir teknoloji üstünde olduğunu müttefiki Kay, normal bu düğmeleri belirtilen Devlet grafik burada bu olacak onun tek biz grafik üzerinde gezdirin Bu görüntüler neden bu görünür ve neden yaptım Burada kayak grafikleri burada yaptığı son tarzı biz her zaman söylediğim nerede biz değil / li ve biz aslında geç gidiyoruz bir gerçeği bir avı olacak Bir çek olarak uygulanır arka plan görüntüsünü gizlemek bu yüzden her zaman biz bir çek var ve biz arka plan ayarlamak istediğiniz bir gerçektir vurgulu var hiçbiri ve ne yapmak için gidiyor görüntü gizlemek için gidiyor Cincy bu iki grafik trafik grafik gizli ediliyor Bana altında şu o L uygulanan çünkü II aracılığıyla gösterecek bu nedenle bazı basit CSS yapmak için o görüntüler içeren bir rollover menü.

Açıklama

Görüntüleri ile basit bir dikey navigasyon menüsü oluşturmak ve rollover efekti vurgulu CSS nasıl kullanılacağını bakın.

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

Joshua Kywn

Joshua Kywn

Dreamweaver, Expression Web, PHP / MySQL, JavaScript ve WordPress Web Tasarım Öğreticiler PHP ve JavaScript serisi üzerinde çalışıyorum. İndirim Kodu Hosting Domain Tescil ve - etiketli "Domain & Hosting İndirim" aşağıdaki bağlantıyı kullanabilirsiniz

YORUMLAR



9.2/10

  • 36
    Olumlu
  • 3
    Olumsuz
  • 5
    Yorum
  • 15352
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • André Frizzo

    André Frizz

    16 Aralık 2006
  • Break

    Break

    10 Aralık 2005
  • xiaoyu85

    xiaoyu85

    20 ŞUBAT 2010

ANKET



Bu sayfa işinize yaradı mı?