16 AĞUSTOS 2014, CUMARTESİ

Küçük, Temel Web Formları - Bölüm 1 Styling

Hey bu küçük bazı stil tekniklerini üzerine gitmek bu videoyu İstiyorum Ralph olduğunu İletişim Formu fenil Eğer bir çift metni kullanıyorsanız için küçük bir inşa için gidiyorum Bir metin alanı kutusuna bir şey metin kutuları bir iletişim formu kullanmak olabilir ama sonra ben gerçekten ilk düzenin bazı stil teknikleri üzerinde odaklanmak istiyorum iş Eğer biraz burada başladı ve videonun bakarsanız bir sayfa var olan Eğer kapmak açıklama demo eğlenceli bir dava Ben sadece birkaç temel form öğeleri bastırmak için ikinci bir alacağım böylece gitmek orada bazı etiketleri ile birlikte kurduğum

küçük bir form var mı Kişinin adı için giriş metin kutusu Ben giriş e-posta kutusu var ve kişinin e-posta adresi için hangi tür bir metin alanı kutusu var satırlı mesaj ve tabii ki bir bütün formlar teslim olacak Gö

nder düğmesi var kapanış formu teknoloji düğmesi şimdi tarayıcınızda bakmak benim için bu varsayılan olarak var nasıl Oraya gidip oldukça özensiz ama biz tarz formunda görülen bu bir şey öğrenmek yapmak onların tem

“Etiketler ve giriş düzgünce etiketler girişler etrafına sarın bir biçimde düzenlenmiş ve böylece web formları Stil. demo dosya: http://www.sixminutessmarter.com/...”
Ralph Phillips

elde veya bizim girdilerdeki etiketler onlar sadece gidiyorsun, böylece satır içi unsurları Aynı çizgide olmaya çalışın yukarı ve onlar temelde metin öylesine kaydırmak zorunda noktaya biz kesinlikle biraz gelip bu kadar değiştirmek istiyorum Aslında gördüğüm ilk şey profesyonel site gördük yine En azından ya da top atılmış bazı kırılma etiketleri yer almaktadır: Bu ve bu yüzden başlamak gibi bir şey ayrı satırlarda bu olsun Hala özensiz hala iyi görünüyor gör

Küçük, Temel Web Formları - Bölüm 1 Styling Resim 1 Küçük, Temel Web Formları - Bölüm 1 Styling Resim 2 Küçük, Temel Web Formları - Bölüm 1 Styling Resim 3 Küçük, Temel Web Formları - Bölüm 1 Styling Resim 4

ünüyor dağınık yani sonuçta en iyi görünümlü web formları güzel olacak karşılamak hizalama kadar çeşitli unsurları Ben üzerinden atlamak eğer bu iletişim biçimi olarak elma olduğu açık istihkamcılar bayan Bizim için iyi bir ilham düşünüyorum ve aslında çok basit ancak etiketlerdir onların etiketleri için resim doğru metni hizalama fark Muhtemelen birkaç dakika içinde o üzerinden atlamak ve sonra tabii biz onların metin kutuları nerede görmek tür dolu, her şey, her metin aynı kutuları fakat aynı olduğunu hepsi hizaya güzel ve t

emiz böylece hangi num paket veya dağınık formu Şimdi bu bir bakmak yapma çatlama olsun izin biraz daha temiz ilk bu mola vergisi üzerinde yani kafamı yapmak ve hazırlanmak için bu zor değil styling için olanlar kullanmak istemiyorsanız tarama sırasında oluşturmak için britt çıkışını şu Bir paragraf içinde satır sonu yüzden benim için geri döndüm bu yüzden sadece bu yüzden biz burada ne oluyor görebilirsiniz tamam orijinal Benim etiketlerden gerçekten hızlı bir kural oluşturabilirsiniz için olacak kafa aştım ve ben sadece insan dünyaya bu yüzden biz onları görebilirsiniz şimdi biz bu etiket veya birlikte görebilir ve bir çift var üyesi var etiket kullanma teknikleri Ben iki tekniklerden birini kullanarak yaşıyorum ben etiketi almak vardı ve ben girdi etrafına sarın ve ben böylece kullanıcı tıklayabilirsiniz olduğunu yapıyorum Etiket metni Metin kutusunu etkinleştirmek ben etikete tıklayarak yapabilirsiniz gibi mesaj için ve bir ileti kutusu etkinleştirmek böylece girdi sarma yararı var Etiket ile vergi isterim Bunların her biri kendi satırında olması ve elbette yapmak için kolay bir yolu var etmek Ben bu etiketler gidebilirsiniz ve bunu bir blok elemanı tüketicilerin dönüştürmek Her etiket orada oldukça kolay bir yöntem olan kendi telefon hatları üzerinde Şimdi ben başlayabilirsiniz olamaz yapabileceğiniz diğer bazı şeyler bir biraz bir boşluk koymak çevrelerindeki biraz marjı bu aralık biraz var nasıl sadece beş piksel hakkında Şimdi zor kısmı için ben bu metin alanı kutuları veya metin kutuları almak istiyorum ve E-posta kutuları ve tür rüzgarla uçtuğunu metin alanı kutuları bu yüzden yapacağım yol yapmak ilk ben olacağım onu ​​üzerine itmek düşünüyorum sağ taraf bu nedenle bu check out etiketlemek benim etiketleri gidersiniz ve ben de bir do değilim position: relative ve sonra ben olacak gidiyorum etiket olan girdiler değil birden fazla olsun Ben var kesinlikle bir tür metin üzerinde var tür girişler E-posta yazın ama ben de bir metin alanı kutusu var bu yüzden ben bir grup seçici yapmak bir çift yollarla bunu yapmak zorunda kalabilirsiniz Etiket metin alanı ve bunlar için mutlak bir pozisyon yapacağımı ve ben de tecavüz 0 piksel onu üzerine koydu ediyorum ne onun olacak bu öğeler alıp onları itmek yapmak olacak bu da hepsi yol üzerinde sağa şimdi uzakta gerçekten bu yüzden şimdi ne yapabilirim ikinci benim etiketleri yardımcı oldu ve ben onların fikir ayarlayabilirsiniz ve burada başlatmak için iki yüz 50 piksel konur öylece tahmin değilim ve yaparak bu etiketler biz bu metin kutuları yakın olsun küçük onların dışarı hasta olduğunu çok küçük etiket metni nedir tür olduğunu daha biraz bu knock out ve muhtemelen aslında ben olacak düşünebildiğim Orada bırakın ama şimdi biz görmek başlıyoruz geniş yüzden benim metin kutuları yapacağız tüm doğru şeyleri ek olarak biraz daha iyi arıyoruz konumlandırma kontrol var benim metin alanı kutuları ve Başka en az 200 piksel ile sektörde devam eden girişler hepsi şimdi ile tutarlı olması ben hafif alıyorum fark böylece Fark olsa Benim metin alanı kutusuna gerçekten Tia rahatsız eğer onu olabileceğini de sadece birinin biraz hesaba sahip olabilir ayrı ayrı bu yüzden başka bir kural oluşturmak olabilir sadece dört Metin alanı ve ben beraber ayarlayabilirsiniz 202 piksel bu yüzden bir birine belki aslında biraz daha geniş var Bu boyutu olsun ve stil başlıyor şimdi oldukça iyi olmazdı yol istiyorum Devam edin ve bu kırmızı sınırları kaldırmak ve şimdi işler güzel ve temiz dizilmiş bakmak başlıyor Bu teslim düğmesi için dışarı size bir nitelik seçicisi gibi bir şey vardır Giriş köşeli parantez Sıkı eşittir teslim Bu daha sonra köşeli ayraç kapatarak ve ben diyebilirim bilebilirim littles marjı Zaman 20 piksel şamdan açık parlak tarafı şimdi sadece yolu onu dışarı çıkamıyorum için ve ben istediğiniz bir sonraki videoda düşünüyorum tarafa kapama düğmesine gönderebilirsiniz taşıyabilirsiniz diğer yollarla ile deneme böylece bu bazı küçük farklılıklar yapmak bazı temel stil yapmak için bir web formu var.

Açıklama

Etiketler ve giriş düzgünce etiketler girişler etrafına sarın bir biçimde düzenlenmiş ve böylece web formları Stil. demo dosya: http://www.sixminutessmarter.com/demofiles/webdev/webforms2.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

  • 14
    Olumlu
  • 0
    Olumsuz
  • 2
    Yorum
  • 1064
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • BumbleDroid

    BumbleDroid

    18 EKİM 2010
  • LatinNinja99

    LatinNinja99

    28 EKİM 2011
  • Louis C.K.

    Louis C.K.

    18 HAZİRAN 2006

ANKET



Bu sayfa işinize yaradı mı?