11 Kasım 2013, PAZARTESİ

Oluşturmak Ve Center Yatay Gezinme Menüsü

O katırı gitmek hey bu bir video İstiyorum Ralph olan merkez halka a yaratma üzerine gitmek yatay menü Özellikle soru olarak birkaç kez geldi bir merkezleme bir Yorum bölümünde o yüzden bir mağaza gidelim senin çapa etiketleriyle sıralı listede uçak dolayısıyla bir navigasyon menüsü yapma ve yapılacak ilk şey gidip bir dönüştürebilmek olduğunu yatay menü evet sürece biz takip gibi yapmak oldukça kolay olabilir bazı temel CSS kuralları her zaman yarım gidiyor Ben bir çok temel ile başlamak edeceğim kural ya da CSS sıfırlama kuralı sıfırlamak ve ben devam edecektir dedi tüm marjları 20 sa

hip 0 kutu ve sadece alacak küçük bir araştırma kuralı kursu ilk veteriner almak onu hatırlatmak kansas koç tüm elemanları için marjlar ve dolgu orada her şey Ben üzere hemen ne istediğini olan yatay navigasyon me

nüsü go ahead ve söylemek benim kendi kelime listesi olduğunu Bir stil tip olacak 9 rahibe Birkaç bunlar buradan nakavt gitmek olmak ile iago ve asa ne benim liste öğeleri bir Bunların yüksekliği 120 pikse

“Sırasız liste kullanarak Yatay gezinme menul oluşturun ve sayfa veya kap üzerinde menü ortalamak...”
Ralph Phillips

l olacak 40 piksel biraz Biti onlara bir marj ile veremem Üst ve alt kenar üzerine 0 piksel ve sol ve sağ çok kritik adım dört piksel buraya geliyor Bizim navigasyon menüsü çapa etiketleri için benim öfke vergi kızdırmak istiyorum Ben de 120 piksel olması ile orada oturup kulüpler blok elemanı olarak gösterilecek Onların yükseklik çizgisi belirgin 40 piksel gezmiş olmak Aynı yüksekliği 240 piksel çapa etiketi olarak kendisi bu asla metin bize bir dike

Oluşturmak Ve Center Yatay Gezinme Menüsü Resim 1 Oluşturmak Ve Center Yatay Gezinme Menüsü Resim 2 Oluşturmak Ve Center Yatay Gezinme Menüsü Resim 3 Oluşturmak Ve Center Yatay Gezinme Menüsü Resim 4

y merkez vereceğim ve en gidip nereye text-decoration olacak görelim: yok O altı çizili bir gerçektir kurtulmak için gidiyor ve ben bir text-align yapacağız: merkezi ve o olacak Center çapa içinde metin var Kendi açıkça hakkında ben eğer bunlar nasıl görebilirsiniz böylece Gerçek dövme öğelerini listelemek ve ben üzerinde biraz koyacağız su, katı almak için Siyah biraz border-radius: 5 piksel biraz onların etkilediği ortaya koymaktadır Bize kavisli köşe kurullarının çeşit gidecek ve kavisli köşe düğmeleri şimdi biz sa

dece yan bu unsurlar yan almak gerekir Herkes yan blok elementleri tarafı olsun çünkü ne zaman ve bu oldukça kolay olabilir Bunu yapmak için gerçekten harika bir yoldur burada bu liste öğeleri için ben sadece edeceğiz olduğunu Sol ve bunu yaparken onları yüzer Yan hemşireler orada küçük aralık ile onları yan alacak çünkü ben sağ ve sol koymak kenarında bulunuyor bu yüzden şimdi biz almak bizim yatay navigasyon menüsü her liste maddesine aşk bizim en son merkezi bu savaşın tüm menü nasıl kullanılacağı temelde beceri orta halkadaki alanı içinde çağrı içinde sürece zor değildir öğenin gerçek şeklinin çok farkında olduğunuzu senin ortalama Bana bir kaç şeyler o aşkın vardı bakmak için bu kolaylaştırmak için McRib hızlı ya da başlık için bir tane biraz vermek için geldim margin-bottom: 20 piksel Medula text-align: Merkez Bu dersin bize bazı vermek headliner olan merkezi olacak şimdi sen gerçekten bu odaklanabilirsiniz altında boşluk Sırasız liste şimdi bu navigasyon menüsü Ben bir çift yapacağım en bu navigasyon menüsü görselleştirmek emin olalım Burada işler Bir sınırın iki katı Pics kırmızı için Kendi sıralı liste ve en kısa sürede bir çok var gidiyoruz bu gibi beni gerçekten hızlı bu düzeltmek izin diyor olduğuna dair açık bir fikir Başka bir CSS özelliği taşma yapın: gizlenmiş Bu zaman zaman bir kap yararlı Yüzen elemanların başka bir şey içeriyor bize daha iyi görmek için izin verirsiniz şimdi sen gerçekten Sırasız listeyi görebilirsiniz kadar tam alıyor o sayfa olsa yukarı çekmek bir kısmında kötü zamanlar sayfa Bu benim istediğim bizim merkezleme etkileyecek gidiyor benim Sırasız liste 4 $ listeden daha adil büyük olması İçerdiği öğeler yüzden benim liste öğeleri ya da ne 920 piksel her biliyoruz böylece 480 piksel 246 S Kongresi'ne götürür bizi bu yüzden benim sırasız liste çok az deneme onu bilinen koyar aşk ile seni kol yapacağım Daha geniş biraz olacak Asus 500 piksel Ben hesap vermek zorunda unutmayın Mars Space 2 için ve bunu yaparak ben çok dar bu yüzden biraz kazanabilirsiniz o biraz daha büyük fiyata baktıktan sonra sahip yapar doğru Oyun gösterileri Hala orada Tabii ben sadece matematik halka yapmalıydım değil Orada yaklaşık 530 piksel böylece bakım alır gitmek şimdi ya da sırasız liste bu sırasız liste büyüklüğünde uygun olacak bir merkezleme oyuncağı olmak Sadece marjı 20 piksel üstte ve altta bir sırasız listeye biz oto marjlarının bıraktı ve o az veya hiç marjlarının sağ sol ve sağ olacak bize sıralı liste üzerinde yoğunlaşmış olsun olduğunu Şimdi kolay olacak ben kırmızı sınırına o kurtulabilirsiniz Ben artık ihtiyacım yok ve ben kaldım çünkü Bir merkezli yatay navigasyon menüsü eğlenmek.

Açıklama

Sırasız liste kullanarak Yatay gezinme menul oluşturun ve sayfa veya kap üzerinde menü ortalamak

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

  • 92
    Olumlu
  • 2
    Olumsuz
  • 27
    Yorum
  • 12439
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Disney Pets and Animals

    Disney Pets

    29 ŞUBAT 2012
  • george sarintzotis

    george sarin

    2 Aralık 2007
  • My Name Is Jeff

    My Name Is J

    26 ŞUBAT 2008

ANKET



Bu sayfa işinize yaradı mı?