1 HAZİRAN 2010, Salı

Css Kullan - Sekmeli Css Menü Oluşturma

Daha büyük videolar için öğreticiler öğrenme ya da indirmek için egzersizleri web sitemizi ziyaret ediniz bu videolar ile gitmek WWW net nokta com oluşturmak için Bu www nokta oluşturmak oldu Net nokta com hi ve bizim öğreticiler css navigasyon hoşgeldiniz Bu eğitimde yapacağız önde stajyer gideceksin Bu standart listelenen bilgileri burada bulunur sekme gezinme ve getirmek gibi oldu tarayıcı penceresi burada biz oluşturulacak gidiyoruz ne Seattle görebilirsiniz ve daha sonra biz bunlar üzerinde emin koyduk köşeleri yuvarlatılmış edeceksin Bazı tarayıcılarda bu Başlamak iç

in gidiyor yani olacak kadarıyla burada ne var kontrol gidebilirsiniz olduğu go ahead ve tıklayın Burada tüm kaynak kodunu çalmak olabilir Ben reklam oeuvres benim navigasyon var Ben önde gitmişti ve IDE benim s

ırasız liste navigasyon ve burada bu dört farklı öğeler vardı ve ayrıca isimleri yazan etiketler kulüpler HTML5 çalış Bu sevgili o bazı semantik bağlamda vermek için etrafında yüzden şimdi önde gidelim CSS dosya

“Dreamweaver CS5 CSS kullanarak bir "sekmeli" tarzı üst navigasyon oluşturmak öğrenin Bu video için fikri başlangıçta büyük bir öğretici geldi: http:/...”
Joshua Kywn

sındaki giderek başlayalım Bu belgeye eklemek için Her biçimlendirme başlamak go ahead navigasyon yaptım ve istediğim söylemek Bu navigasyon vardır sahip oluyor alt kurul, bazı go ahead ve sınır yapmak bonham kitaplar unuttum biliyorum onların Ben açılış kıvırcık braket unuttum şimdi sınır dibe yapın: Ben kısayolları geliyor olsun evet yapmak go ahead istiyorum Bu 1 piksel katı Asya ve Kuzey siyah sınır fakat renk sadece tutarlı olması için onların

Css Kullan - Sekmeli Css Menü Oluşturma Resim 1 Css Kullan - Sekmeli Css Menü Oluşturma Resim 2 Css Kullan - Sekmeli Css Menü Oluşturma Resim 3 Css Kullan - Sekmeli Css Menü Oluşturma Resim 4

oa bir piksel sınırı koymak yüzden söyledim bu şekilde yapacağız Şimdi biz devam edin ve bir reklam kalacaksın ekran inline mülkiyet bakın Bu sınır çıkageldi burada başka bir marj çıkarıldı evet öncesinde 2-0 marj piksel gidip ben de gidiyorum Biraz ben bu navigasyon olduğumu ekleme ve tekrar daha sonra o daha bu hafta göreceğiz olan üst içindir 0 koymayın 04 Sağ Patty ben önde gidiyorum ve alt için 0 benim sol başlığını çünkü doldurma Benim sekme navigasyon kenarından biraz üzerinde olmasını istediğiniz Eğer orada sizin g

örebilirsiniz Devam edin ve sol elimi yapmak için gidiyorum bir kenar 10 piksel Voleybol başladı Sadece biraz üzerinde ilk kademe şimdi tekrar burada gerçekten aslında haricinde sizi canlı üzerinde bir şey göremiyorum ben Bir alt sınır koymak size Altec ben o alt sınır koymak istiyorum eğer LI size onlar bir her biri olacağını ama ben yapacağım şimdi ne zaman devam edin ve yapmak Ben go ahead ve navigasyon açık bir A olsun ben yaptım ve özellikle de Ben de seni arayacağım bir el lol etiketler: ve ben bu-söylemek, tüm tarayıcı gidiyorum engellemeyecek aksine hukuk olanlar görüntüler çok go ahead ve bu belgeyi kaydetmek yok görelim neler Şimdi daha yakın bir küçük okumak hiç gibi bizim liste görünüyor Şimdi atomlar hat biçiminde sergilenmektedir Eğer ben edeceğiz alt sınır görebilirsiniz Navigasyon gerçekleşmesi korkmuş bu yüzden devam edin ve yapmaya gidiyoruz sonraki şey biçimidir Burada bireysel dönümlük ürün Bazı bu navigasyon özgü önde tekrar gitmek dev ve ben de go ahead ve bu geçerlidir söyleyeceğim kol bağlantıları ve onun da giderek Bu konuda uygulanacak X ve biz zor yapacağımız harcamalarından vergi bağlantılardan artık her emri etkiler Belirli bir arka plan rengi olmasını istiyorsanız ilk mülk sahipleri gibi pek Onun arka plan rengi ve ben çok açık gri yapma sevindim Yapmak istediğim bir sonraki şey Ben bir sınır oluşturur / setleri tüm yol etrafında koymak istiyorum nerede kutu Test C & C Orada bir arka plan rengi var Eğer ben de istiyorum muhabiri de hover efekti görebilirsiniz tüm yol etrafında çok sınır yapacağım ve ben üst belirtmek gerek yok Sol alt veya sağ Ben tüm yol etrafında olmak istiyorum ve bunun neden siyah olacak demek Sınır 1 piksel katı siyah ya da böylece belirtilen var istiyorum go ahead burada benim tarzı kapatmak Ayrıca ne alırsınız sağ burada açıkça ne kaydetmek Şimdi bu noktada ben muhtemelen gidiyorum sonraki şey gidiş var ettik yapmak istiyorum Ben ayarlamanız gerekir bu yüzden istemiyorum boşluk do Ben de ihtiyacım sekmeler arasında yer spacey spacey iç teknoloji set Ben gelene kadar şimdi gerçekten iki yarısı arasında boşluk hakim olamaz sekmesinde içinde aralık kurmak bu yüzden ben de go ahead ve bu öğelerin her biri belli bir miktar olduğunu söylüyorlar ben padding ve ben üç Resimler padding-top var olduğunu söylemek için gidiyorum: bomba 15 piksel ve dolgu üzerinde Bunu söylerken sağ sol Buraya tıklayın ve orada aşağı gitmek sekmeler emin hedef biraz daha Onları aslında ben de almak istiyorum bakmak istiyorum yolu Bunların çok iyi do altında yatan text-decoration: ve söylemek ve ben de serpinti ayarlamak için gidiyorum Burada gerçek olmasını ortaya sözü kadar wat kalın yapacak orman burada tıklayınız demek ve şimdi gördüğünüz Daha fazla kavgaya gitmek öğeler onların biraz ben İyi bana bu var olan 11 piksel kaydedin aşağı her şeyi Slims bakın buraya tıklayın Ben de farklı musluklar arasında aralık giriş olduğunu gerektiğini her biri umut olabilir sonra bu pompa istiyorum Seni öylesine go ahead ve marj demek Sağ ve söylemek için gidiyorum Şu anda 10 Resimler ne kadar onun adım bu bütünü görebilirsiniz üzerinde ince olduğu dört piksel gibi veri ve orada o biraz daha makul gitmek Şimdi istiyorum go ahead ve yapmak ve bu düğmelerin her birine etkileyen Harbor go ahead bu yüzden tekrar bu navigasyon özgü yaptım ve hover uygulamak için gidiyor Ben sadece arka plan rengini değiştirmek istiyorsanız vergi ve lil biraz karanlık yapmak Ben önde gitmek slacked ediyorum Size background-color: ve go ahead ve söylemek ve sonra buraya gelip gidiyoruz ve hover efekti göreceksiniz İçimde Live View olduğum için ve yine bu mümkün Dreamweaver CS 5 şimdi size göstereceğim doesnt seviyorum Kesinlikle her şey kenarı değil seyir için bir ikame Bir tarayıcıda am tasarımı ne öncesinde gideceğim ve bunu burada Google Chrome'u içine amigo olduğunu ve sonra karga önizleme demezdim its gonna tarafından getirmek Navigasyon hayır burada olacak haber olduğunu benim uzun I biraz ben de olacağım olduğunu Alt satırda 10 ben sadece bunu yapmak gerekir benim aşk ben burada fark ettim bir şey var ve bu burada doğru biz haklısın vardı bazı Bir vardı ve belki de hiç bir piksel 1 piksel aşağı biridir Şu anda bunu biraz daha dizilmiş görünüyor görürsünüz o mare tıklayın Ben Google Chrome'u tekrar getirmek ve gidiş Yenile düğmesini tıklatın edeceğiz ve şimdi o konumunu belirlemeye tüm biraz yalan görürsünüz Her bir zamanlar ben LI uh alt% yakın Orada dönümlük musluklar böylece basit sekme gezintisini yapmak nasıl Dreamweaver CS 5 ile CSS henüz biz eminiz başka bir video size köşeleri etrafında var Bu on Ayrıca 720 video ile yüksek çözünürlüklü 1280 görmeye ilgi iseniz video paylaşımı bu video yüklemek net nokta com oluşturmak için lütfen Hizmetler onlar her zaman kaliteyi azaltmak video boyutu lanet küçültmek bu yüzden onlar için biraz bulanık gidecek eğer Web sitesi tam çözünürlüklü versiyonlarını görebilirsiniz Ben olacak bu videolar.

Açıklama

Dreamweaver CS5 CSS kullanarak bir "sekmeli" tarzı üst navigasyon oluşturmak öğrenin Bu video için fikri başlangıçta büyük bir öğretici geldi: http://www.maxdesign.com.au

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

  • 53
    Olumlu
  • 2
    Olumsuz
  • 7
    Yorum
  • 15552
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • BuzzFeedVideo

    BuzzFeedVide

    10 AĞUSTOS 2011
  • KendrickLamarVEVO

    KendrickLama

    9 ŞUBAT 2011
  • sghaff1

    sghaff1

    23 Mart 2009

ANKET



Bu sayfa işinize yaradı mı?