29 Ocak 2014, ÇARŞAMBA

Css Slayt Gezinti - Stil (Bölüm 1/2)

Bu videoda ben devam edeceğim ve açılan menüden slayt oluşturmak için nasıl göstereceğim web sitesi için ve bu CSS gidiyor bir mikrofon alabilirim geçişler Bu am gibi oldukça serin etkisi yani aslında neler olduğunu bu içeriği dışarı kayar bir Eğer bu kadar uzakta sayfasından biliyoruz üzerine uçuyor yani bu ve navigasyon sadece bu toplamda dokunarak ABD erişimi İşte ve bu sayfanın baş parçası olabilir olduğu Temmuz yorum 0 ben göstermeyecektir biliyorum anlamına menüsünü ve sonra bu burada bir kenara çünkü birçok görebilirsiniz sana söner ve aynı zamanda güzel benim telefon tablet cihazlar

da bu iş ya da sadece tablet cihazlarda MYB bu işlevi içerebilir ve ama evet o temelde CSS kullanır ve bu yüzden geçişler disfonksiyon Bu hafta animasyon ve sizin gibi güzel pürüzsüz olması için javascript kullanarak d

eğiliz görebilir güzel hareket CSS geçiş ve ve daha sonra devam edebilir ve istediğiniz gibi gevşeme hızı kontrol edebilirsiniz Bu ihtiyaç olarak biz inşa edilecek gidiyoruz temelde ne Bir eşek yüzden şimd

“Navigasyon kullanarak CSS3 geçişleri dışında bir slayt oluşturma. Bu bölümde biz navigasyon şekillendirme ve geçişler için kendimizi kurma bakmak. Https://www.yo...”
Codecourse

i metin editörü dosya üzerinde kafa o kadar başlayabilirsiniz tamam bu yüzden Avery değil metin editörü silahlar vardı go ahead ve sayfayı işaretlemek ihtiyacımız öğeleri oluşturmak ve bakın nasıl bu gizlenmek ilerlemekte ve start bu yüzden biz görmek istediğiniz efekti elde Bu giriş ve çıkış olduğu zaman ısırık geçit tekrar geri ve ya dışarı kayar ve sonra kaydırdı Bu sayı devam için çok krajina stilleri devam animasyon daha hasta oranı diğer iş de Çok küçük bit

Css Slayt Gezinti - Stil (Bölüm 1/2) Resim 1 Css Slayt Gezinti - Stil (Bölüm 1/2) Resim 2 Css Slayt Gezinti - Stil (Bölüm 1/2) Resim 3 Css Slayt Gezinti - Stil (Bölüm 1/2) Resim 4

Peter JavaScript işlevleri ihtiyacı go ahead ve menü ile konuşmak için o yüzden önde gidelim ve şehir işareti ön sayfası oluşturmak o milletin% uh kavga doctype var ve html5 elemanları kullanılarak burada devam edecek ve baş oluşturmak ve kafasının içinde parti bir en önde gidelim ve bir kaç ekleme şeyler ilk şey başlık olmak CVS ayarlanır tamamen boş cüzdan olacak Ben sitenizde ben öylece itme birçok dışarı kaydırın dilerim veya ikinci muhtaç Lincoln nişastalı şimdi Şimdi biz herhangi bir yıldızı yok şu anda o yeni

bir klasör serin CSS oluşturmak seçer Hayvan bu içinde çok yeni vinç devam kumain Nazi SS ve sonra devam edin yeğenini Lynne bu yüzden biz aslında devam edebilir, bu yıldızın o duyuyorum ve bu yüzden içinde yıldız kullanılmış biz aslında söylemek bana kiralama kullanmak bağlantı söylüyor Bu nişastalı ne sayfa animee için yıldız şekilli işaret bir tuzak kullanın Bize ve CSS ileri ana kapı CSS çizgi sonra olacak go ahead ve yaratmak oldu mesajı etiketi ve ve ad özniteliği ve olması gerektiği balıklar fue por isim ve biz vermek biz çok uzakta belirttiğiniz içeriğini belirlemek ve wellness olarak bir ölçek üzerinde bir güzel görülebilmesini sayfamızı duyurmak böyle benim top falan aka küçük bir cihaz üzerinde bu yüzden devam edeceğiz ve söyle Farketmez P noktasını isim böylece ad özniteliği ve içerik bulunuyor Bunun için eşittir ile olacak I cihaz yüzden satmak testi ile kendi standını vermek ve sonra başlangıç ​​demek Ölçek o 01:00 bulunuyor Biz sadece olan bu dahil bu öncesinde değil diğer özelliklerini gidin ama olacak olabilir çünkü şimdi bir sosyal yüzden bu önizleme ve bunu ince iyisin ben Papa daha biz devam edeceksin ve şimdi başlık sıkışmış yapmak Toplam ve Kayla min dışarı o bok içinde ve daha sonra devam edin ve çoğu bu kadar sonradan görme yanı dışarı taç yani Hedda ve burada içeriye biz önde gitmek gerekir ve Cherie ve bir buçuk NAP elemanı kullanmak ve bu sadece içerdiği ish biliyor olacaklar olduğunu Beni ofiste devam edin ve içerdiğini gibi yan menü veya bir şey senin gerçek Burada menü öğeleri ve kredilerin önde gitmek gerekir Geçiş yan indirimler sadece rağmen durumlu demek Tabii bu büyük bir Nikon böyle bir şey eğlenceli bir zam olabilir HF sadece evet bu aslında her yerde temiz yol olduğunu değildi karma gidiyor ve go ahead ve de bunun için sınıfını belirtmek Bu sınıf yapmamızı sağlar temelde ne bu ekonomi menü geçiş ve Onun milimetrik bu çapa yüzden biz aslında menüsünü kayan tetikleyebilir ve şimdi biz de onları yeterince vermek istediğiniz bunu yapmak mümkün hem de istediğimiz bu yüzden sınıf bu menüler bir sınıf vermek Yan sadece biz hedefleyebilir önde ve şık CSS İstiyorum olduğunu şimdi biz de vücuda bir sınıf vermek gerekir Mütevazı temelde belirli ayarlamak için duyurmak için gidiyor yapmanız ilan edecek CSS özellikleri vücut üzerinde çünkü hatırlıyorum ama vücut bu slayt olması gerekir ben şimdi var şurada sen kolları vücudun her ışık yanı sıra üzerinde kaymasına bu sabun yuvasına sahiptir, böylece sağ taraftaki içeriğini gizlemek Tüm sayfa sürgülü etkileyebilir ve bu yüzden JavaScript ile bir sınıf 2 Bu ekleyerek olacaktır bir sınıf eklemeniz gerekir Ben istiyorum eylem anlamına problemi çözme değilim Menü hayvan devam görünmesini ve biz size adını saklamış olacak Çok Ben bu demek başlatmak için geçişler kullanabilirsiniz biz şimdi ihtiyacımız sınıflar diyoruz demek biz burada başka bir şey yapmanıza gerek yok Maine dil CSS bir hareket kurmak ve aslında başlangıç Burada bazı içerik biliyorum ve ve Stoller destek bu yüzden navigasyon şimdi en go ahead ve bu ilk 10 değil başlayalım değilim ve Menü tarafı ve temelde hep bu yüzden bu yıl sabit konumda tutmak istiyorum sol taraftaki sayfa aşağı kaydırıldığında olabilir gerekli olduğunu biliyorum ve devam edin kullanmak ve böyle bu bir arka plan rengi ve bir şeyler vermek bu yüzden devam edin ve sadece hızlı bahsedilen background-color yapalım: olacak bu arka plan rengi 333 ikinci köpeği sevdi olsun gri Önünüzde kayıp var ve bu parlak vermek isterseniz Sınır 1 piksel katı ve siyah yatakta sınır mim medya konumlandırma sınır parayı bulmak için sadece zor o bir piksel daha fazla çünkü Biz gerek bu yüzden bu maddeyi sahip olan gerçek daha oldukça önemli ekstra piksel sınıfı dahil thank Ben içindeki bu şey beyazlar aşk renk karşı kayıp beyaz olacak anı entegre bir kısmını taramak için biz çok az ek çünkü işler bugün o olacak kolaylaştırır sırf benim büyükannem tarayıcısı olan bu do Ne yaptığımızı görmek için Birçok tarafı ile an stok ve metin editörü yıldızları görebilirsiniz 2 biz zaten burada yazdım o son anda renk de biz şimdi önde ve başlangıç ​​gitmek yapmak istiyorum edildi konumlandırma bakarak ve bu konumlandırılmış olacak nereye bazı sabit bir dilekçe özledim anna devam edin ve üst çekerken çok yapmadı 0 ve deriz 0 sol sadece bir an değişiyor edilecektir Seni de gitmek yapmak isteyeceksiniz sol üst şimdi stokları görebilirsiniz önde ve bir iki yüz ile bu deplasmanda sumner peyniri vermek Bir bakar ve 10 piksel Onun tur ve yemek İstiyorum devam edin ve yüksekliğini ayarlamak hiçbir iyi bir iyi iki yüzde yüz bütün ve sayfanın üst doldurur demek Şimdi en go ahead ve siz de 10 piksel bazı dolgu vereyim nedeni bu kovanı 210 verdik Bu şimdi 10'a kadar olan üzgünüm de ben bir toplam şimdi sen dolgu var 230 pics toplam sahip 10 Pics doğru devam edin ve kontrol etmek için 10 pics oldu bırakıldı ve bu softbox modeli elimizdeki görebilirsiniz 10 eğilimi varsa ve bu toplam büyüklüğü sadece kontrol eğer dolgu üzerinde şimdi 230 piksel genişliğinde var bir kere 23 bitti Bir tek piksel sınırında menü öylesine üye biz PICS fikrimi istediğiniz yatağa sahip Bu gece bizim stilleri en go ahead ve börekler sadece kopya içine izin var Evin yıldız şekli tamam bu yüzden istemiyorum çünkü burada yapmanız gereken bir kaç şey var Bu düşmesi gibi menü görünür Biz görünmesini menü istedi ve temelde Gizli yüzden biz olacak sol özelliği değiştirmek için devam olduğunu ne Menahem ish dahil Okinava bu hakkın bu komik bir eksi nasıl başlar olduğunu var bana soran -2 31 piksel ve 231 yapar biri şimdi gizli yollarla olduğunu söylemek eğer öyleyse doğru hemen önce vücuda aşağı ben oldu 230 o sadece orada yerinde görünen görebilirsiniz do 18 -2 31 sadece güzel Tepeleri'ni olmak o bu yüzden go ahead ve OnStar çarşaf ve -2 31 piksel değiştirebilir izin ve şimdi güzel görünüyor ama gizli navigasyon var Biz Biz kimseyi kazandı gayet gibi bana ödeme bizim gibi şeyler akılda tutulması gerekenler şimdi geçiş vücut amper burada kredi sınıfında devam Menü ve şimdi biz artık konum ve somutlaştırmak sol yüzden olacak vermek bir vardiya I üzerinde ve sol değeri 2312 gövde Belirli bir sınıf tüm uygulandığında sadece bu şimdi nasıl çalıştığını bakmak 7 masai menü istiyorum uçmak yerine yani gizlenmiş bir can simidi X olmak x-ekseni üzerinde bu bir organıdır kendi kap içinde sığamaz zaman ve biz gördüğümüz gibi satış sadece bir tarih gizlemek kendisini gizlemek önceki sevgi vardı Sayfadaki metin ve bir adam disko gizli tekerlekler göreceli konumlandırma söz konusu olmasaydı Bu ve biz önde gitmek istiyorum ve sol 20 set sitenin go ahead ve bu yapılır ne bir göz atalım hiçbir şey en tamam vücut üzerinde benim bakanlık oldu Biz değer sağa sola var çünkü bu özellikler uygulanmıştır biz önde gitmek olsaydı hiçbir şey en tam olarak aynı yerde kaldı oldu ve bir set Buna 231 piksel değeri Eğer bütün vücudu üzerinde kayar ve gitmek yoktu görüyoruz sadece bu yüzden görebilirsiniz bünyesinde metninde yer nasıl uçmak var bu iki ana üniteden altında öncesinde ve sadece çok çalışıyor Metin paragraflar go ahead ve onlara daha fazla BM metin oluşturmak ama şimdi biz bu görüyoruz ve doğal olarak sadece sayfa balmy zinde devam edin ve bunu değiştirmek gördüm değer 2231 temelde temelde bunun kesen bu aşağı düşmemesi görüyoruz o keser Sadece imsi çok kötü taşması ayarlayarak görebilirsiniz edebilir: gizli özelliği Biz orada o olmasaydı biz diski korkunç kaydırma olsun görmüyor gerekir ediyorum ne istiyoruz biz bu özel bir sınıf yapmak istediğiniz var ki şimdi yan Bu sol değerini uygular ve bu temelde tetikleyici olacaktır Biz JavaScript siteyi kullanırken biz menü demek kadar Açık güzel vücut uygulanabilir 31 piksel sola aklı başında olmak Biz menü menü var ne yani şimdi ne ne olacak olan Açık soran genelinde vücudu vardiya bu tür menü açık kal amond s değil gibi biz şimdi ne yapmak gerekir görmek için geri yüzden normale gider çıkarıldığında biz ise Orada menü açık devlet koymak biz önde gitmek istiyorum ve biz şimdi var bu göstermek istiyorum Bu oldukça basit olduğunu biz sadece ücretli yapmak torunları seçim ertesi yüzden ne yapacağız aynı menü oldu Sonra hangi vücudu besler maliyetini hatırlar ve ve eleman menüsü tarafı olarak adlandırılan nasıl güzel menüler fatura uygulaması kapsamında Daha sonra demek ki sınır 0 sol olurdu o zaman şimdi görünür tarafında bir hit olacak biz üssünde var olduğunu görebilirsiniz yenilenir Burada 0 sol özelliği olarak bir biz menü açık sınıf var çünkü olduğu gibi güzel burada padding'siz hangi hala duymak bağlı ama bu şimdi ne ne olacak 31 piksele zaman olduğu üzerinde taşınır I Bu menü Işığı kaldırmak Açık Clark sadece normale döner edeceğiz bulunuyor Şimdi ihtiyacı geçiş bu yüzden gerçekten yapmamız gereken budur açık bu menüsüne eklemek veya açık bu menüyü geçiş gövde elemanının üzerine sınıf yani biz şimdi kaç şeylerden o taraftaki yapmanız gerekenler temelde tarz Şimdi vücut yüzden fantastik olacaksın üzerinde kaydırılabilir başlatmak Birçok dışarı bu slayt animasyon.

Açıklama

Navigasyon kullanarak CSS3 geçişleri dışında bir slayt oluşturma. Bu bölümde biz navigasyon şekillendirme ve geçişler için kendimizi kurma bakmak. Https://www.youtube.com/playlist?list=PLfdtiltiRHWHWi7eL3zBsVrgdTXEcl9os tam serisi İzle Phpacademy ve daha özgür web geliştirme öğreticiler zevk abone olun! Kanalımız http://youtube.com/phpacademy Resmi internet sitesi http://phpacademy.org Destek Forumu http://phpacademy.org/forum Bizi Twitter'da takip edin! http://twitter.com/phpacademy

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Codecourse

Codecourse

Ücretsiz kod öğrenmek yardımcı olmak. Nerede olduğunu merak olsaydı biz resmen phpacademy olarak biliniyordu. Sorular, yorum veya geribildirim? Biz sizden duymak istiyorum! Hello@codecourse.com için bize e-posta Bırak

YORUMLAR



9.8/10

  • 201
    Olumlu
  • 4
    Olumsuz
  • 6
    Yorum
  • 30001
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • MotoManTV

    MotoManTV

    10 Aralık 2009
  • Tech4Geeks

    Tech4Geeks

    8 Ocak 2012
  • TurkishRoyal

    TurkishRoyal

    16 Ocak 2007

ANKET



Bu sayfa işinize yaradı mı?