10 Mart 2014, PAZARTESİ

Web Sayfa Düzenleri İçin Kayan Blok Öğeleri

Hey bu bir video İstiyorum Ralph aşırı gitmek yüzen Ne sayfa düzenleri yapmak için blok elementleri ve damat yönetti yani her türlü ve basit olsun düzenleri yapmak için veya karmaşık Eğer gerçekten güçlü bir anlayış olurdu yetersizlik sayfanızda etrafında blokları taşımak için bu yüzden o zor gerçekten hiçbir şey kurmak junior web sayfası var olacak başlık ve ben ateşe altı hakkında var Bu durumda bazı blok elemanları vardır jenerik verir hepsi aynı sınıf paylaşıyoruz ama onlar 'em benzersiz kimlikleri I can so verdin burada ve orada bir kaç şey değiştirmek ve ben ne istiyorsunuz sadece yap

mak onun ile uygulamaya başlamak için geyik bir şey bakmak olabilir mesela farklı düzenler yapmak standı Apple'ın sitesinde gibi Ben çok üzerinde, çünkü Apple'ın bir demo kullanarak Seviyorum am İyi ama çok

belli ki sadelik kullanımı çok popüler ve iyi görünümlü bir siteyi gerekiyor ama onlar büyük bir var çok çok basit üst kapsayıcı ve belki de bir başlık çıktı içerir ve şimdi Tabii büyük arka plan görüntüsü ve sonra biz

“Çoğu web sayfa düzenleri oluşturmak için yüzen Usta. Demo dosyası: http://www.sixminutessmarter.com/demofiles/webdev/floating-blocks.html Bölüm 2: https://www.yo...”
Ralph Phillips

bu açık ve bariz var Burada sadece inşaat blokları bu büyük blok bir içerir görünmesini almak için birkaç parça içerik bu dört eşit boyutta kutuları içeriyor olsun background image temelde altbilgi bazı promosyon memnundu alan bu yüzden süper basit sayfa ve ben yapıyoruz yaparken akılda tutmak istiyorum Web sayfaları Onlar iyi olduğu karmaşık olması gerekmez 'em Bir ifade içerik kral olduğunu var içerik için gitmek Okul Zihin sonar sayfasında tutmak

Web Sayfa Düzenleri İçin Kayan Blok Öğeleri Resim 1 Web Sayfa Düzenleri İçin Kayan Blok Öğeleri Resim 2 Web Sayfa Düzenleri İçin Kayan Blok Öğeleri Resim 3 Web Sayfa Düzenleri İçin Kayan Blok Öğeleri Resim 4

um ben gerçekten HD mail-order etrafında çok fazla karmaşa olmalıdır Burada göstermek ama sadece istiyorum Ben aslında yapacağım ilk şey, böylece yan bloğun yan yüzen ile deneme Burada muhtemelen iyi bir uygulamadır bu yüzden can somut bir kap üzerinde Benim sayfanın üst kısmında konteyner vermek açıklığının ve altta tabii benim sayfasında en yakın önde ve ve ebeveyn gidemez Kap devam benim ana olarak bu işaretlemek için Bir uyumluluğunu konteyner benim diğer bloklarla birlikte ve bu yüzden benim CSS konteyner tüm s

iyah ya da beş tüyo 600 piksel Bayan ile yükseklik 500 piksel margin: 0px auto Orada sinterleme blok elemanı için büyük hiledir bir kursa marjları dünya temelde pic durağı pics üst ve alt kenar boşluğu otomatik Sol ve sağ marjlar çok az olduğunu göstermektedir Bu tekrar geri Amerikan başkanı değiştirmek Şimdi biz merkezli konteyner var yenileniyor böylece o elbette bizim üst engelleme kontrol etmek ne kadar kolay bir başlangıç konteyner ana bar Kilmer olduğunu o sınırları Şimdiye kadar yazdığınız ettik ne dayalı sayfa başına ve yardımcı olabilir Eğer tek bir sütun için gidiyorum söyleyebilirim Petrol soruları hala değiştirebilir tek bir sütun tabanlı ama kesinlikle bir düzen ile sabit olduğunu ben sadece bu iki ile yani eğer 900 piksel sonra ben yaparım anında daha geniş bir web sayfası hala sabit Piksel fatura ve belirli sayıda böylece ima ne gelecek edeceğim olarak devam Ben sadece yapabileceğim orada bir sınıfta eşit benim tüm blokları biçimlendirmek nokta blok var benim seçici olduğunu Stu 200 piksel ile tüm diğer uçta sınıf seçici ambulans Tüm Heights 200 piksel üç resimlerinizi sınırları Düz kırmızı background-color: O sarı ve Sulit değil Şimdi bu bloklar nerede görselleştirmek başlayabilirsiniz Beni 100 ile 100 boyutu biraz aşağı vurma ve hepsi olduğunu görebiliyorum Daha küçük şimdi yani geyik yılların varsayılan doğa Ben genişliğini ayarlamak olmasaydı üst diğer tarafta biri olmaktır O Geyikler için set yoksa bir an için olmadan bu almak asist ya da herhangi bir çubuk da olabilir gibi onlar kadar geniş olacak bu konuda beni öldürecek onların ulusal olacak ama bunların ana kap içinde birlikte germek istiyorum Bu durumda tam anlamıyla benim kapsayıcı div olduğu bu olabilir gibi herhangi blok elemanı olarak geniş olması için bu yüzden canım istemiyorsan Sonra devam edin ve ne istiyorsunuz için set biz gitmek orada onları geri nokta yan tüm yan olsun ben sadece can sola hepsini çevirmek her tarafı ile olduğu gibi çatışmalı ders diğer tarafı yaptım Eğer ben de orada aralık istediğiniz sonra ben sadece biraz ekleyebilirsiniz biliyorum marjı belki 5 piksel çevresinde Eğer kontrol çok şey var bu yüzden başka aralıklı Sadece Yeni START genişlikleri ve olukları söyleyerek tür düzen ben Apple web over bakın istiyorsun korkunç Ne yarışmacılarımız ve AM nedenle D en let sütun Bu sayfa olarak onların eşit olarak geniş de Apple'ın düzeni ile sabitlenmiş kullanarak bir temel matematik çünkü yeterince kolay olmadığını Onların sayfasını germek Eğer gerçekten sağ kenarına göremiyorum ama görüntülenir buraya görebilirsiniz ve sola ve sağa boşluk bu yüzden bir sabit genişlikli onlar olsa bile bir tek sütun düzeni dahil olması yan bu dört blok yan ve sadece biraz temel matematik ile aynı şeyi yapabilirsiniz Eğer ana konteyner gibi bir şey var, özellikle 1000 piksel sizin bloklar sadece olabilir 250 piksel bana bir kaç ev kurtulmak izin Bu olacak bazı marjı var çünkü tam olarak doğru işe nasıl Bir evde ben ile uğraşmak için orada bazı sınırları var ama o olacak şeyler etkiler oluyor var tamam fikirleri görmeye başlayabilirsiniz Çeşitli genişlikleri 50 bazı şeyler yazdırmak ile de deneme olabilir belki de hala yüzde yirmi beş başa sınırları marjları var mıyız ile ama şimdi biz esnek bir yol web sayfa düzeni içine almak için başlayabilirsiniz.

Açıklama

Çoğu web sayfa düzenleri oluşturmak için yüzen Usta. Demo dosyası: http://www.sixminutessmarter.com/demofiles/webdev/floating-blocks.html Bölüm 2: https://www.youtube.com/watch?v=oW2hUCqI1GY

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
  • 1033
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Brandon McCrary

    Brandon McCr

    15 Ocak 2012
  • Liberator

    Liberator

    14 EYLÜL 2007
  • theKGB65

    theKGB65

    24 Aralık 2007

ANKET



Bu sayfa işinize yaradı mı?