8 Kasım 2008, CUMARTESİ

Yatay Navigasyon Menüsü İle Css Ve Arka Plan Resmi

Biz oluşturmak zorunda olduğu bir sınıf sınav kadar gözden geçireceğiz üzerinde çalışmaya Madde işaretli liste kullanarak bu yatay navigasyon menüsü ve bir image image sağlandı Şu anda kamerası yetişkin sitesi: ben buldum üç devlet görüntüleri oldu biz sadece ilk iki aşamadan kullanmak için gidiyoruz geçerli bağlantı Arka plan ve vurgulu devlet ve diğer sınıf faaliyetleri biz baktı Aktif durumunu nasıl kullanılacağını üç aşamadan kullanabilirsiniz Görüntü bir yatay menü sistemi oluşturmak istediğinizde bu öylesine ve Bergen sırasız liste ile başlamak yani bu aslında benim şimdiki web sayfası diğer say

fa görünüyor görebilirsiniz beni çok gidelim Biz listeye topu ile başlıyoruz çünkü bu kadar olsun Bu aşamada geçmesi bazı anda web sayfasında gördüğünüz tüm bu adım adım bu yüzden şimdi ben şimdi dönüyorum benim html ile artık sürec

in öğrenebilirsiniz benim sırasız liste ve kayıp öğeler için çapa etiketleri içerdekilerin için Google'da yer olduğunu var Bir div içinde benzersiz nafta menüsü olarak tanımlanan ve o vermek zorunda Ben ka

“CSS ve çok devlet imajını kullanarak, sırasız (mermi) listeden düğmeleri ile yatay bir navigasyon menüsü oluşturabilirsiniz....”
Ralph Phillips

bı arıyorum bir üst div içinde bulunan şimdi benim konteyner ile bazı başlangıç ​​Çalışırken bazı Çeşitli elemanlar blok CSS göndermek mi Tür görebileceğiniz bu şekilde düşünüyor ben geçici sınırlarını koymak istiyorum şekiller Işler nereye Siewert Skinner görmek ve ne zaman bu çok daha kolay hale getirir sen bir böylece çapraz tarayıcı uyumluluğu yapıyor Sadece olmuştur benim kap olarak ve bayım bir öfke kalmak için ayarlanmış bir ve I sınır sevmiyorum biraz te

Yatay Navigasyon Menüsü İle Css Ve Arka Plan Resmi Resim 1 Yatay Navigasyon Menüsü İle Css Ve Arka Plan Resmi Resim 2 Yatay Navigasyon Menüsü İle Css Ve Arka Plan Resmi Resim 3 Yatay Navigasyon Menüsü İle Css Ve Arka Plan Resmi Resim 4

xt-align: center marjı 15 piksel şimdi burada amaç i gerçekten benim navigasyon menüsü beri merkezli olmak istiyorum olduğunu Benim gezinme menüsü menüler listenizde bir plan yaptı onun kadar seyir nasıl sayfadaki uğursuz internet çok bu ve bu arada hücre görünüyor ve Firefox ben ileri geri değil atlıyormuşum sürecinde çok sela şimdi şimdi menü maden Firefox değilim Kendi sipariş listesini içeren geyik kullanıcısının hangi Ben zaten birkaç numara ile tecrübe ettik kendiniz Ben tespit şeyden Erica Sommers ile gitmek ol

un bu açıklayıcı bir parça genişlik ve yükseklik ve kenar boşluğu için hiçbir doldurma ve Ben üstünde ve altında 0 piksel marjı seçiyorum ve otomatik soldaki marj ve sağ Bu merkezlenmesi için yaygın bir tekniktir bu yüzden benim seyir kullanıcılar sadece zaten merkezli değil yani ne bir an için bu kontrol ne Peki bunu marjı alabilir: 0 pics auto ALP Ben yenileme ne kaydetmek yani bu bir olduğunu Ateş, bu IEEE olduğu ve IE şeyler ben merkezleme edeceğiz benim ders benim için oldukça iyi gidiyor ancak Firefox'ta değiller böylece marjları pics oto Beni Firefox yanıtlayan yapacak Şimdi ben özellikle sırasız liste işlemek istiyorum Benim navigasyon menüsü içinde yani bu olacak doğrudur Biz mermi kurtulmak burada eleman yıl önce mermi gitti Şimdi ben liste öğeleri işlemek istiyorum Navigasyon menüsü ile kendi iş listesi içinde ve sadece bu yüzden biz biraz burada neler olup bittiğini görselleştirmek Bir öfke barney en bu yüzden benim navigasyon menüsü içinde liste öğeleri her biri sola akışında geniş orada 130 piksel olacak kalacaksın Bu önemli bir adımdır senin Bu yan em yan alacak çünkü Varsayılan numaralı liste ile kurs dikey yönde olduğunu yani şamandıra: yanyana bazı sağ olsun her liste öğesi için sol ve dört tüyo bir marj dört tarafı 64 piksel marjı biraz Bir piksel aralığı değiliz yani solda ve oranı dört piksel marjı yani arasında bu yüzden daha fazla olsun ama görünüm gibi şimdi işlemek istiyorum Benim liste öğeleri içinde orada çapa etiketleri tüm yakında tek çapa etiketleri benim navigasyon menüsünde olduğu o liste vardır O bu yapabileceğini ürün de çalışmak daha detaylı iyi de ia ve burada bir kaç şey yapmak gitmek Size gerçekten tanıdık yaz Eminim font-family şeyler: Alt çizgi kurtulmak Ben genellikle navigasyon menüleri tahrik köprüler üzerinde alt çizgi koymak sevmiyorum onlar olduğunuzu çok açık navigasyon menüleri şimdi bu burada oldukça kritik bağlantılar çapa etiketleri ders içi eleman kazanmak ama sırayla kolayca yükseklikleri ve marjları dahilinde onların işlemek için temelde tarayıcı söylüyorsun yani o zaman blok elemanları olması gerekir sadece satır içi eleman bir blok elemanı gibi tedavi edilmesi gerekir yani şimdi benim çapa ben setleri can blok elemanı ile etiketleri olduğunu ve ben aynı olan 230 piksel oturacağım Burada liste öğesi ve böyle bir şey için önemli nedeni olduğu gibi şimdi benim yenileme vurmadan önce O kudreti bağlantı I tıklatın olsaydı aslında metin görürsünüz şimdi bu çağrı bunu bir düğme başka bir bölümüne ben koymak zorunda bir bağlantı alamadım metin üzerinde benim sağ fare ama benim çapa bir blok elemanı ve benim çapa şimdi o aynı şekilde ben şimdi benim yasal içermesi yaptım liste olarak var hala benim tarayıcı yenileme yani kullanılabilir alan kadar Belirli bir tarafında kapalı tıklayın şimdi bile Bir düğmeye kenarında metin hala bağlantı durumunu alırsınız Tabii düğmeleri arasında hiçbir bağlantı şimdi var çapa etiketi olan bir dikdörtgen şekil liste öğesi dikdörtgen şekli dolduruyor um Ben o ya da görüntü kullanılarak ve ben üye kullanıyorum düğmesi üç aşama vardır kırmızı, yeşil ve siyah toplam görüntü yüksekliği 120 piksel Her bir renk faz yüksekliği devre piksel kullanılabilir alan da bir çapa etiketi ve yükseklik ayarı line-height: o benzer bu oldukça güzel bir dikey merkezleme yaratacağız Bu güzel metin de eğlenceli boyutu biraz daha belirgin hale Burada kritik bir parçası Bu ben kullanmak istiyorum arka plan resimleri benimde bir navigasyon menü öğeleri benim düğmeleri için onlar şimdi ben gerek var sadece sen Burada şimdi ben değilim yapıyı var ki bazı navigasyon menüsü için oldukça iyi olacak bazı bu sınırları silmek için bir dakika içinde geçmesi ve daha önce yaşadım bu yüzden Neredeyse onu mükemmel almak için listedeki son bir yapılır Bu kaçaklar zaten ben bakmak istedim şekilde bakmak o kadar kötü değil onların mevcut durumu hücresi Bir dersin benim navigasyon menüsü içeren Köprü yaz onların hover devlet vurgulu Ben repozisyon ben yapabilirsiniz do Şu anda arka plan görüntüsü arka plan resimleri üç aşamalı um görüntü kırmızı, yeşil Yeşil, kırmızı ve ben siyah olacak vardiya background-position şunlardır: Ben oranı sola her yerde kayabilir ama ben de negatif uzaya kaymıştır değilim 40 piksel yeşil kırk piksel yüksekliğinde olduğu oran 40 piksel uzunluğunda yani kırk piksel uzunluğunda siyahlar Ben yukarı negatif 40 piksel vardiya halinde O kırmızı vurgulu maruz kalacağı anlamına gelir ve ben de olacak Sadece biraz daha fazla Rd yapar böylece FONT biraz ayarlamak orada biz mükemmel ve Firefox var yok internet explorer ve onu mükemmel.

Açıklama

CSS ve çok devlet imajını kullanarak, sırasız (mermi) listeden düğmeleri ile yatay bir navigasyon menüsü oluşturabilirsiniz.

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.7/10

  • 228
    Olumlu
  • 7
    Olumsuz
  • 58
    Yorum
  • 58238
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • After Effects Tutorials w/ Mikey

    After Effect

    24 HAZİRAN 2009
  • Droid Life

    Droid Life

    17 Kasım 2009
  • paulandstorm

    paulandstorm

    4 EYLÜL 2006

ANKET



Bu sayfa işinize yaradı mı?