11 Mart 2014, Salı

Apple - Bölüm 2 Gibi Bir Beş Esnek Kutuları Düzen Oluşturma

Bu video İsrail bu konuda çalışmaya devam etmek istiyor Esnek kutuları Apple'ın kendi web sitesi için kullanarak bu düzeni o Moodle gitmek bu yüzden önceki video kaldığı yerden Ev ebeveyn konteyner kurma için biraz temel HTML yaptım büyük bir kutu erteler ve promosyon kutuları önceki ay için yaptım Bu esneklik belirlenmesinde bir reset kural CSS sadece biraz içinde konteyner birleşme birilerinin sayılar biz bitirmek hemen önce ancak eleştirel bir şeyler ile ondört 14 adam ile max oldu 1024 Eğer görebiliyordu birilerinin diğer özellikleri gerçekten sadece burada Şimdi çalışmaları

nızı bakın daha önce iki videolar arasında bir-out burada kaydedici açık Flickr ve bazı fotoğrafları bulundu ve ben gibi örnekler silah olarak kullanabilirsiniz Apple blitzer bazı check out burada bu arka plan üzerin

de fotoğraf var bazı bilgilerin yararlı bir parçasıdır öncesinde dışarı max Apple'ın gitmek düzeni burada benim küçük ölçü aracı kullanmak için Site maxed zaman ben sadece sana bir şey işaret etmek istedim Bu bir

“Bireysel kutuları Stil ve Beş Esnek Kutuları düzeni tamamlamak için arka ekleyin. Beklenmeyen bölüm 3: https://www.youtube.com/watch?v=aejy_kjmsFg demo dosya: h...”
Ralph Phillips

görüntü yaklaşık 360 piksel genişliğinde olan Zaman ve yaklaşık 190 7c olduğunu fark Uzun boylu 200 piksel yani 360 iki yüz kadar Ben en aza onu aşağı çekmek durumunda göreceksiniz yine yüksekliği sadece olduğu yaklaşık 200 piksel sitesi şişiriyor böylece ile değil, yani yükseklik durumda Bu görüntüler temelde yaklaşık 250 2 360 değiştirmek ama onların yükseklik ben de eğer fark edeceksiniz, bu işaret etmek istiyorum aynı Eğer gerçekten dikkatle odaklanmak u

Apple - Bölüm 2 Gibi Bir Beş Esnek Kutuları Düzen Oluşturma Resim 1 Apple - Bölüm 2 Gibi Bir Beş Esnek Kutuları Düzen Oluşturma Resim 2 Apple - Bölüm 2 Gibi Bir Beş Esnek Kutuları Düzen Oluşturma Resim 3 Apple - Bölüm 2 Gibi Bir Beş Esnek Kutuları Düzen Oluşturma Resim 4

m bu konuda buraya aslında tüm dikkatinizi koymak iPhone 5s fotoğraf ve Özellikle bu sağ kenarına ya da web sayfası al germek olarak gördükleri senin aslında daha görme fotoğrafın akış gerçekten sadece daha fazla görüyorsanız boyutunu değiştirerek değil % uh da bunun üzerine buraya kadın üzerinde biraz düşüş trendinin görebilirsiniz aşırı sağ sitesi ölçülür ve ne zaman bu mavi herhangi görebilirsiniz Arka planda verilmedi ama o daha geniş alır gibi Eğer görmeye başlayabilirsiniz daha çok burada neler oluyor onlar kullanıyorsan

ız bu tamam Bu arka plan görüntüleri küçük hayatları için ve arka plan görüntüsü merkezli yatay Bu kutu içinde promosyon kutusu içinde zaman onun geniş böylece daha fazla arka plan görüntüsü görebilirsiniz o yakınındadır ya da ben istiyorum tür vurguladı zaman arka plan görüntüsü oldu Bu olacak, çünkü biz kendi sayfasını nasıl olacak Sağ yüzden geri üzerinde bizim Kanunu ve ne ben çivi CSS ile çalışmak yapmanız gereken HD Mills önce görüntü hemen hemen bazı var bu arada yapılan Burada görüntü kredisi en azından bu daha önce nihai yayınlamak ve malzeme biliyorum bu yüzden go ahead ve stilleri dikkat izin tamam kimse burada atladı ve ben kuralı işe ediyorum büyük kutu değil Ev artık çok burada yazmaya zor ama ima yüksekliği yüksekliği koymak aslında yaklaşık 530 piksel ve size göstermek Ben işaretlendiğinde cihaz biraz önce teslim Yükseklik gelen içindir 5:30 nefret eden promo kutu girişine yaklaşık 200 birisi orada yüksekliği devam edin ve bir saat background-image koymak: Benim görüntüleri klasöründe görmek Fotoğraf klasörünü ve sonra olanlar bir tane var denilen evet manzara 14 40 GPG kol kayıtlar arasında ben de bir dakikanızı ayırın yaptım ve bana gittim resim düzenleyici ve Tooklar Ben imajlar: Ben büyük resim boyutlandırılır boyut bebek bezi polis gitti 360 piksel genişliğinde 1440 güzel bazı bu fotoğrafları genişlik ama onların en geniş yeri ise promo kutuları hangi tamam temelde bana arka planda boyutu ve dosya boyutunu en aza indirmek için izin verir görüntüler Tamam bu yüzden bu dikkat çekilen var onların ve ben biz vermek gerekiyor birbirlerine promo kutuları için benzer bir şey yapmak promo kutusu biraz benzersiz karakteristik lil var olduğunu Yanlış sereceğim çünkü benzersiz tanımlayıcılar farklı arka plan görüntüleri var tamam bu yüzden bir burada bir kaç şey koyduk benzersiz kendi arka plan görüntüleri için her zaman promosyon kutuları tanımlamak için gerekli böylece sadece büyük bir kutu tekrarlamak olacak 530 piksel yüksek ayarlanır ve sahiptir onun arka plan resmi verilen Benim promo tüm bunların yüzde 25'i neden boksörler Ben fakir alarak bunları istiyorum çünkü ancak ekranda bir superhit ile bu yüzden kontrol 200 piksel olmak Bugün burada bizim öğretici başlayan ve ben bu gerçekten gerekli olmasa bile aslında almaz bir dakika içinde koymak Onları dışarı ve ben yüzen sol gidiyor, böylece sola tamam onları yüzer istiyoruz O olsun Bir derste yan bir kutu taraftan kol, her biri kendine özgü bir geçmişe sahiptir kaydetmek iyi bir görüntü tarayıcınızı vardı ve yenilemek ve biz ortaya koymak başlıyoruz göreceksiniz kim Eğer olduğunu düşünüyor senden kurtulmak için bu Borel okumak biliyorum Başlangıçta ben doksan sekiz yüzde koymak Sadece biraz daha şeyler yapmak bana yüzde 100 geri görmek için artık şimdi suya ihtiyaç içinde yüzden kaydedebilirsiniz onların yenilemek ve şimdi biz burada bizim levha var grup daha iyi bir tarayıcı benim tarayıcılar dar bu yüzden Ben 1024 editörüne olsun en hit bir noktada ya da bazı kaydırma ve size biraz daha geniş olan Tabii max dışarı belli bir noktada ve sonra daha fazla boşluk bakın Sol ve sağ böylece temelleri orada tek bir hızlı şey olduğunu k gösteri size burada bazı arka plan konumlandırma yorumlarına yüzden görebiliyorum Farklı aslında üstüne böyle bir kanal bu fotoğrafı op bölümlenmiş altındaki dört görüntü o çalışma görebilirsiniz ama benim büyük kutu arka plan olacak go ahead ve yapılacak bizim background-position: ve Yüzde 50 arka plan görüntüsü olduğundan emin olmak için XYZ olacak merkezli Yatay ve dikey uzayda i yapacağım im burada yapmak tüm koymak düşünüyorum Düz kabul edilebilir haklı elli 50 olabilir kim bu yüzden alan bu yüzden tür kadar beş resim düzen değil korkunç farklı ve ne bir elma üzerinde var Tabii Apple'ın bu kutuları bazı bireysel metin var ama oldukça kolayca yapabileceği.

Açıklama

Bireysel kutuları Stil ve Beş Esnek Kutuları düzeni tamamlamak için arka ekleyin. Beklenmeyen bölüm 3: https://www.youtube.com/watch?v=aejy_kjmsFg demo dosya: http://www.sixminutessmarter.com/demofiles/webdev/five-flexible-boxes-layout.html divs yerine listeleri kullanarak demo: http://www.sixminutessmarter.com/demofiles/webdev/five-flexible-boxes-layout2.html

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

  • 18
    Olumlu
  • 0
    Olumsuz
  • 6
    Yorum
  • 1541
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • BgirlNilaya

    BgirlNilaya

    29 EKİM 2008
  • krotoflik

    krotoflik

    26 ŞUBAT 2011
  • National Geographic

    National Geo

    7 Mayıs 2006

ANKET



Bu sayfa işinize yaradı mı?