8 AĞUSTOS 2010, Pazar

2-Css Rollover Menü Görüntüler Ve Geçerli Sayfa Göstergesi İle

Merhaba ve seri lassie ilk video tekrar hoşgeldiniz biz yapacağız devam bu css gezinme çubuğunda bir göz attım en go ahead HTML CSS oluşturmak için başlayalım şimdi oluşturmak Gerçekten tüm bu zor değil bu out yatıyordu Burada benim dizin HTML dosyasına girdiği Bu benim çalışma kopyası ve navigasyon görebilirsiniz Bar basit bir sırasız liste burada tekrar kurmak var içeride Ford bireysel liste öğeleri ile Orada tekrar bir yalan alıyorum önemli hatırlar ve LR içinde a orada bir bu yüzden a için geçerli herhangi bir grafik II uygulanan ne olursa olsun örtbas edecek şimdi CSS yazmaya ba

şlamadan önce Ben benzersiz öylesine gitmek hedeflediğim olabilir bu unsurların bazı sınıf fayans eklemeniz gerekir önde ve bir sınıf stili kurmak benim Dış kap benim size l ve arayacaksın menü ve sonra biz devam edin

ve bireysel sınıf oluşturmak her biri% için stilleri ah benim Listeye ben bu yüzden bu konuda ev var vardı ve biz Prada var olan biz hizmet var ve nihayet demek temas Biz 5 cam fayans yarattı yüzden

“Bu seride size rollover görüntüleri ile saf CSS Yatay gezinme menü oluşturmak için nasıl göreceksiniz. Menü ona üç devletler olacak - "kapalı" devlet &q...”
Joshua Kywn

ve her şey orada yazıldığından olsun Şimdi Glen şimdi benim CSS girer yine biz kalacağız iki farklı görüntüler hatırlıyorum Her on ama zaten bir görüntü var müttefiki ve biz Cincy için bir resim konum Bir yüzyıllardır bir kent için GLI etiketinin içinde olduğunu Bir etiket test ettik ne olursa olsun L etiketinin içinde olduğunu Bir etiket en takmak ne olursa olsun normal Michel ise Ben etiketler: Bazı ilk öncesinde yaratıcı tarzını gitmek örtbas edilmesi

2-Css Rollover Menü Görüntüler Ve Geçerli Sayfa Göstergesi İle Resim 1 2-Css Rollover Menü Görüntüler Ve Geçerli Sayfa Göstergesi İle Resim 2 2-Css Rollover Menü Görüntüler Ve Geçerli Sayfa Göstergesi İle Resim 3 2-Css Rollover Menü Görüntüler Ve Geçerli Sayfa Göstergesi İle Resim 4

ev ve burada görebilirsiniz Ben gerçekten orada dirsek kapanış görünüyor kulüpler sadece iyi bir kopyası hayvan gibi kurulumu öncesinde gitmek Daha sonra sadece lanet yapıştırılan Üç kez daha şimdi ben yaklaşık bir şey var Hizmetler iletişim Son bir temas Şimdi bana öncesinde yeni yıl gidelim Ben bu unsurların her biri için arka plan görüntüleri uygulamak için gidiyorum üzgünüm öncesinde yeni plan nakit gitmek Görüntü ve ben şu anda ben olduğumu tekrar göz yaşıyorum değil HS / li etiketi yüzden eve liman bulmalıyız ama o

rada o dışarı yakın hakkı yoktur gerçek bir sene anlaşıldı ben yapacağım önde gitmek olduğumda ve ben öylece buraya üç kez daha yapıştırılan ediyorum bu yüzden yapmak zorunda olduğu değişim Orada bir kelime Biz gitmek şimdi Tasarım görünümünde bu bakmak demek Aslında burada hayatta atlamak Eğer ben hovercraft bkz gidiyoruz Şimdi tabii ki böyle bir şey görünmüyor neyi nerede Ben gidiyorum ama sen görmeye başlayabilirsiniz düğmeleri olacak burada kod içine gel görünür ve ben bir etiketin aynı şeyim Arka plan resmi bir göz duyuyorum Devlet grafik bu üst aslında sekiz biri üzerinde olduğu Orada o Tamam'a tıklayın nari ve sonunda bir virgül var ve şimdi Ray sadece kopya değilim ve içine stil yapıştırmak saat ve herhangi bir Yapmam gereken tek şey isimler düğmelerini değiştirmek olduğunu lazım emin olmak Orada biz gidip orada çok İki resim müttefiki biri hariç her bağlanmış var ve HS yıl bir sen tasarım görünümünde olduğunu söylemek Bu almak şeklini değil görmek kanisteri Gerçekten bir sonraki şey bu yüzden biz önde yapmak gitmek gerekir bireysel öğeler için gidiyoruz şekilde biçimlendirmek olduğunu Bu gerekli olacak değil Özetle CSS sıfırlama kullanırsanız hemen bakmak Ben devam konteyner de oluşmaya başlar ediyorum konteyner içindeki tüm liste öğeleri ve yapmak istediğim ilk şey herhangi bir dolgu marjı kaldırmak olduğunu onların ben de yapabilirim sınırın ötesinde olur istedim ve sonra ben de devam ediyorum ben emin liste stili türünü yapmak istiyorum başka bir şeyi deşifre burada değil orada ve şimdi bu özellikleri biz daha çok özelliklere başvuruda önde gideceğim gerçekten bu öğelerin her biri bir float ihtiyacınız gerek aslında sol ve üzeri en önde gidelim geçen ay, o kaydetmek ve bir göz atın ve bu da ne yaptığını görmek için Bizim Design düğmeleri olduğunu görmeye başlayabilirsiniz onların sola akan formu almaya başlıyor Bir plaj ve Abut gri görebilirsiniz arka planda her biri bu hatta biraz ışık görebilirsiniz yazma avukat hizmetleri geri gelirsem Benim koduna ben tür düğmeleri istiyorum Sadece biraz dışarı uzay biraz göreceksiniz içinde arasındaki sauna go ahead ve söylüyorlar marjı doğru olacak 5 piksel kurtarmak onların Gördüğünüz tasarım görünümü parçasını iterek olduğunu Şimdi elimizde tek şey koyun ama veriyor o Ben popo yerleştirdiğiniz asıl metin Yapmamız gerekenleri ruh o dönüm K biçimlendirmek için ihtiyaç vardır Buraya Cody gelip bu yüzden tekrar bu biraz şekil vermek ve ben de ziyaret biçimlendirmek istiyorum ve göl özelliği size önde menüsüne gitmek Bir Lee ve daha sonra tekrar menü kabı ittifak müttefik bir ziyaret ve ben de go ahead ilk özelliği cevap ediyorum bloğu görüntülemek için Biz bu farklı unsurları yüksek olan küçük bir sinek olmak istiyorum, çünkü ve daha sonra yükseklik belirtin beni go ahead ve yapılacak let E-posta ama her biri için tutarlı olacak olan Ben sevindim navigasyon ve bu olduğunu söyledi 30 piksel ve biz plaj veya düğmelerde ile belirtmek istiyorum Ben önde gittin bu durumda 100 piksel genişliğinde tüm düğmeleri bu iyi bu yüzden olabilir Kolay kitaplar 100px onların Oldukça Ian yapıştırılır kopya olduğunu ne bir vergi için bunu yapmak gerekmez, sadece liste öğeleri için bunu yapmak için Burada nihayet bu hakkı fazladan boşluk çok söylüyorlar ve biz go ahead ve burada tasarım görünümü bakmak gerekir ve şimdi geride CA grafik görebilirsiniz Hala da grafikleri görebilirsiniz metni görebilirsiniz Bir sonraki videoda yapacağız devam hover efekti var konum ve bu metinleri okumak olsun edeceksin.

Açıklama

Bu seride size rollover görüntüleri ile saf CSS Yatay gezinme menü oluşturmak için nasıl göreceksiniz. Menü ona üç devletler olacak - "kapalı" devlet "vurgulu" devlet ve "akım" devlet geçerli sayfayı indiciate için. Parçalar 1-5 6-8 Adobe Fireworks cs5 görüntüler oluşturmak için nasıl göstermek, Adobe Dreamweaver CS5 ve Parçaları menü oluşturma kapsar.

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



10/10

  • 34
    Olumlu
  • 0
    Olumsuz
  • 3
    Yorum
  • 10230
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • cdgotx

    cdgotx

    8 Kasım 2011
  • Lena Danya

    Lena Danya

    11 NİSAN 2010
  • Richard Laxa

    Richard Laxa

    30 AĞUSTOS 2012

ANKET



Bu sayfa işinize yaradı mı?