20 Kasım 2012, Salı

Slidespot Gezinti Sorun - Çözüm Bölüm 1

Hey bu ben bu nasıl yaptığımı çözüm üzerinden gitmek Bu videoyu İstiyorum Ralph olduğunu küçük Ben slayt nokta navigasyon menüsü arıyorum ne zaman bu yüzden aa at var sırasız listeye onları kullanıcının fare yapılır nafta menüsünde bitti ve öğeleri küçük nokta ben uzakta benim fareyi hareket ettirdiğinizde boyunca takip Spot şu anda tek bir sayfada Pzt ne olursa olsun aktif sayfalara gider Ben Sayfanın üç üzerinden atlamak eğer öyleyse bu noktada o sayfa o hala gidiyor Benim Nana var o bu yapmak zorunda hover tekniği seyredecek ve editörü doğrulayacak gibi görünüyor ciddiyetle sadece go ahead v

e CS var 12 sayfa için HTML var bu da kolaylaştırır tüm silmek üzerinde krom ve orada tazelemek için geri atladı Boş sayfa başı bir sayfa üzerinde var böylece 5 sayfalık web sitesine her sayfa, bu yapabildin ge

netik bir şey görmüyor Sadece birkaç sayfaları bu uygulama ancak navigasyon menüsü yapma sırasız liste ve ben bir lil kafa var sadece bizim gösterge tutmak orada başlık yani oluyor HTML dosyalarını

“Bu beavory.com kullanılan birine benzer navigasyon menüsü saf CSS versiyonunu yaratmak için çözümdür. Ben önceki hafta bu navigasyon menüsü oluşturmak için deneme...”
Ralph Phillips

n her oldukça benzer Bir ben html5 için kanal bant tanımı var HD değil cinayet de dahil olmak üzere dil nitelik karakterini yumurtlama Benim sayfaları için bir başlık var ve kol değil ne Her vücut sayfası benzersiz var var Kimliği iyi ve ben aktif sayfa gösterimi için bu yapıyorum yani mesela benim ana sayfa sayfa bir kimlik sayfa 1 sahiptir sayfa 2 2 nedenle bu beden etiketi olan kimlik sayfası vardır onun orada benzersiz benim sayfaların h

Slidespot Gezinti Sorun - Çözüm Bölüm 1 Resim 1 Slidespot Gezinti Sorun - Çözüm Bölüm 1 Resim 2 Slidespot Gezinti Sorun - Çözüm Bölüm 1 Resim 3 Slidespot Gezinti Sorun - Çözüm Bölüm 1 Resim 4

er biri belirlemek ve bir kaç yolu var etmek Bu yapılabilir ama bu bir başlık şarap var bunu yapıyorum yolu sayfayı belirlemesi ve tabii tüm sayfaları aynı navigasyon var menü Ben şimdi benzersiz etiketlendi tanımlanmış ve var ki içinde var kullanıyorum Her liste öğesi benzersiz tanımlanan sırasız liste çapa kendi sayfalarına bir ders noktası etiketleri Benim sonu için teknik olarak gerekli değildir burada bazı yayılma metni var sonuç Kafama orada ben ilk deneme eğilimleri yapıyordu o zaman Biraz farklı ve yayılma

olmadığı böylece almaya unuttum gerekli Bu özellik de benim kapanış liste öğeleri almak için ve tabii ki burada hile var: Burada altta ama benim kendi sıralı listenin o yüzden bu küçük leke burada benim onur listesinde olduğunu bir çoçuk Benim Sırasız liste elemanının benim liste öğeleri çocuklar gibi Orada var ve temelde boş bir karış var hücresi Bu biraz masa yapmak blob olarak sınıflandırılmış oldu Duvarda HTML var daire yani temelde sadece devam edin ve istiyorum beş sayfa nakavt Bu gerçek hızlı oldukça basit görünümlü nakavt üzerinde tüketmek Bir sayfa, bu kopyayı yapıyor ve beş ayrı sayfaları veya iki kişiyi yapmak yapıştırmak sayfaları veya 10 nasıl bağlıdır David deneyi en önemli şey olsa tabii ki yapmak istiyorum navigasyon menüsü de kelime listesinde kullanılarak yapılandırılmıştır Liste öğeleri benzersiz olduğunu tespit liste öğeleri senin biraz kötü unutma Ağrı filan Eğer spin kullanılan satın almak için bir diff kullanabilirsiniz orada Bu da benzersiz böylece tanımlanır benim sayfaları organları için önemlidir Sayfa1 Sayfa2 sayfasında iki olarak tanımlanır sayfa tek tanımlanır Biz orada var bir kez ve böylece biz üzerinden olacak kafa konum ve üzerinde çalışmaya başlayacağız stil sayfası Zaten var benim sayfalarında bir kurşun etiket stil sayfasına bakınız Benim stil sayfası benim çağrı kursları boş olduğundan biçimine o yüzden turuncu Creek içinde tek bu tek istenen mücadele edeceksin sonuç onu ile başlamak Amigo Biraz Teresa kural müze daha sizin için büyük güzel Bu yüzden olacak marjları 20 Cmt benim araştırma kuralı olacak dolgu 20 size cehennem devam edin ve tüm sınırları yapalım biliyor Benim son kural 60 olgu Sadece bir araştırma koyarak üyesi şeyler tutmak için güzel bir araç kurallar tutarlı yukarı veya krom almak ve ben onların tahmin yenilemek olarak bu genel sonuç var etmek marjları sınırları içinde padding 0 olarak ayarlanır tamam sonraki listede ben Mania de mayın kontrol etmek istediğiniz bir Benim şekerleme menüsü içinde var özellikle sırasız liste ve ben şimdi benzersiz etiketlendi belirledik kullanıyorum HTML unutma Gerçekten ben iddia olabilir bu yüzden içeride sırasız liste işlemek istiyorum iyi neden sadece bunu yapabilir kesinlikle Sırasız liste tanımlamak baskı altında yanlış bir şey, bu yeni Nafta kullanmak Sırasız liste böylece daha sık biraz Burada benim navigasyon içinde ve ben bir yaz için bir kaç şeyler yapmak için kulüpler bu ben mesela taç atışı kullanacak çıktım numaralar Şimdi 475 piksel Eğer satmak, bazı bu çalışma testere olan tabii ki ben zaten birlikte bu koyduk Ben sadece sayılar deneme yanılma yoluyla boşluğu adil olmayan bir sürü göre farklı numaralar tweetIn endişe bir sürü koyun ve bu işin gerekli tüm kuyular bu sayı yok sadece birlikte kontrol benim sırasız liste Ayrıca onlarla şarkı ve süper sinirli olduğumu etmek 60 piksel nedenle bu bunun için oldukça iyi görünüyorsun belirleyen sadece rakamlar benim gösteri içsel marjı 21 Bu dünya Merkezi'nde 50 Pics otomatik benim telefon sayfasındaki sıralı listesi Ben burada birkaç değişiklik yapmak gibi daha yeni CSS için vardır, böylece o zaman tarayıcı yenilemeyi demek daha soğuk türü oldu yapmadan önce bu yüzden ben her zaman benim krom tarayıcı üzerinden geri atlama olabilir burada bir kaç değişiklik yaptık yenileme sadece belli bir fark görmek kutu Windows kodunda buraya geri böylece tüm hakları açmak için var etmek bu yüzden bu değişikliklere ek olarak neredeyse olacak go ahead ve annemi yapmak Ben 9 tip edeceğiz liste bu kolun kurtulmak için kurşunlar o benim sırasız listede satın istemiyorum ayrıca liste öğeleri bu yapılabilir ama ima bakım hakkı almak olabilir Orada Sırasız listede etkileyen ek olarak ben devam edeceğim ve biraz sınır koymak sadece bu yüzden daha net şeyler biraz görebilirsiniz Bir açık gri sınır var position: relative size pozisyon kaynaklanan hiçbir şey fark ediyorum göreceli ama bu oldukça önemli Bu sıralı bir liste kuralı numarası beyanı benim html Benim sırasız liste liste öğeleri içeren ama daha bir kaç şey içeriyor önemlisi o leke İspanya tamam o Diskin benim görsel gösterge içeriyor ve ben de kesinlikle bu blogu konumlandırma olacağım Boynumu benim sırasız liste yapmak istiyorum bunun için pozisyon akrabaları olacak çok daha kolay blob konumlandırma yapmak gibi eğlenceli bir aileye gidiyor paneli ve küçük border-radius: Usenet border-radius: a çok daha fazla Son zamanlarda çok 10 piksel tamam yüzden birkaç değişiklik yaptık Krom refresh geri üzerinde kafa ve sadece soluk gri anahat sıralı listede seviyorum görebilirsiniz Bu tür şeyler üzerinde çalışırken size şeyler dert değil sen Henüz berbat değil böylece onlar üzerinden olduğunuzu off koymayın herhangi bir liste öğesi ile berbat değil İşte k Ben sadece konteyner Sırasız liste kontrol ediyorum Bu liste öğeleri için bazı tür dışarıdan çalışan gündeme gelecek aslında bu liste öğeleri işlemek için bu yüzden menü olabilir, benim nano bakmak söyleyebiliriz liste öğeleri bu yüzden şimdi benimde dahilinde liste öğelerdir o her şeyi görür ne zaman menya onları ağlamamak için biraz bu berbat bu yüzden benim liste öğeleri için ve biz devam edin ve bunu Bir flüt bileşenler sol 95 piksel kırk beş piksel ödenen ve doğru bir kaç başka şeyler olabilir aslında oldukça iyi ben yapmak ama bana sadece bir satır üzgünüm şey uyuyor bu koymak önde gidelim güzel ve temiz yani flüt yüksek bıraktı biz doğru benim listesini almak için orada görünmek sadece küçük bir değişiklik, bu kaydedebilirsiniz ürün Yan şamandıra yan: sol ilgilenir ve gerçekten sadece gidiyor beni go ahead size kalmış bir şey işaret bildirin Ben bazı sınırları var bir kere, sadece olacak haber sensin onların Bazı bu liste öğeleri bazı geçici kırmızı sınırları koymak Onların yenileme kurtarmak Orada biz onlar sığdırmak oda yoktu sınırları çünkü artık gitmek yan tarafta yüzden bana sadece go ahead ve yapalım Bizim biraz tel üzerinde SCO sadece Luis sadece Muhtemelen olacak hala yeterli değil 480 için o kadar değiştirin ama o kadar üzerinde geri kafa değil 45 O nasıl göründüğünü görmek Ben işaret etmek istediğini alan benim liste öğeleri her yanında doğru olmasıdır diğer dokunaklı ve cinsel olacak yani benim liste öğeleri daha sonra önemli bir rol oynamaktadır vardır K dokunmadan yani sınırları olduğunu fark kolaylaştırır Bu sınırları anmada unutmak çıkartmalar dışarı sınırları Havva'yı söylemek ve yenileme Sınırlar yoktur ama sadece o liste öğeleri hatırlamamız gerekiyor aslında birbirlerine dokunmadan girişler evet aslında olacak biraz yapmak helm üzerinde bir şey daha işe yarıyor üzerinde Şimdi artık Sadece keep it up izin için iyi neff menü kağıtları yakın tamam şimdi işlemek istiyorum Benim liste öğeleri içinde çapa herhangi navigasyon için oldukça önemli bir adım bayan menü Normalde inline elemanlarını benim çapa etiketlerini ve blok elemanları yapmak ama ben seviyorum Benim çapa metin bloğu elemanları en çok zaman yapmak onun ikinci diddle bir dikdörtgen şekil yapmak hey bana içinde onları boyutunu izin edeceğiz let o çapa metin düğmelerinin gibi davranmaya yapar Yaz görünen adları orada ile bayan blok Onların yüksekliği 45 piksel Bu arada ben rakamları biraz dar kullanıyorum neden sadece bir saniye sonra benim liste öğeleri tamam açıklayamaz ve aslında bu değil gerekli olduğu var Seattle bu yüzen izin Bunu yapmak gerekmez ve evet nasıl bakıyor görmek oldu Bu biraz daha belirgin hale getirmek için sadece birkaç küçük değişiklik Bazı sınırlar ve gerçekten testi için gidelim realz ve alaska medya modeli Bu görünümlü nasıl tamam Sanatan çapa etiketlerini görmeye başlarsınız Ben herhangi bir parçası üzerinde benim küçük işaretçi hakkını dediği gibi ve en kısa sürede fark edeceksiniz Bu büyük dikdörtgen düğmesi artık çapa etiketi Ben metin üzerinde aslında fare gerekmez bağlantı eylem olsun ve tabii ki davranış oluştuğunu benim parmak blok elemanları Burada tankı kadar fazla şey text-align: center text-decoration: none Pfizer nyse: 14 piksel line-height: kırk beş Aslında ben de 25 piksel do ve ben olacak bu 225 yüksekliğini yıkmak değilim Ben istiyorum piksel benim liste öğeleri daha küçük olması nefret sadece benzersiz stand-out ama kurucu yardım etmek ve yaz benim liste öğeleri geri o sınırı koymak ve ben de olmak istiyorum benim Ben sından zaman bu kadar temelde şimdi liste öğeleri göre bir hayli küçük incurs İşte ve bir yenileme size çapa kesinlikle küçük olduğunu görebilirsiniz Ben sadece biraz bu iki tür Merkezi'ni istiyorum Geri editöre üzerinde Somen kafa ve benim liste öğeleri için küçük margin-top: 5 piksel nokta Benim için çapa için hayvan biraz farkla gitmek 10 piksel alt ve üst 5 piksel sola ve sağa Ben biraz benim çapa etiketlerini zorluyorum silindir benim liste öğeleri içinde merkezli olmak tamam bir kez daha benim liste öğeleri dokunuyor ama benim çapa metin yok için Bu beni o küçük diski kontrol izin verebilirsiniz o küçük leke Benim liste öğeleri üzerinde gezdirin ve nokta asla ben değilim nerede sağ dolayı birbirine bir liste öğesi üzerinde uçan Bana gidiyorsun buraya Bu videoyu duraklatmak ve videonun bir parkta onu almak düşünüyorum.

Açıklama

Bu beavory.com kullanılan birine benzer navigasyon menüsü saf CSS versiyonunu yaratmak için çözümdür. Ben önceki hafta bu navigasyon menüsü oluşturmak için denemek için meydan okudu. Bu video Ben kullanılan CSS üzerinde gider.

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



10/10

  • 10
    Olumlu
  • 0
    Olumsuz
  • 2
    Yorum
  • 807
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • boburnham

    boburnham

    11 Temmuz 2006
  • NextGenWindows

    NextGenWindo

    8 Kasım 2011
  • SuperPrincessjo

    SuperPrinces

    1 EKİM 2010

ANKET



Bu sayfa işinize yaradı mı?