19 Mart 2012, PAZARTESİ

Nasıl Harika Görünümlü Formları Yapmak Web Sitesi Toplum Projesi - 13 - Ticaret

UR adamlar senin 13. video edilir ve bu videoda bazı iyi ve kötü haberlerim var Şimdi kötü haber size başlamadan önce iki tane daha CSS dosyaları yapmak gerekir ise kodlama Gerçek kayıt PHP sayfası şimdi CSS dosyası için formları CSS yüzden beni önde gitmeme izin ve biz henüz yaratmadı bile bu ithalat CSS ve bu ne olacak yapmak tür formlar ve CSS kullanarak oluşturmak nasıl iyi haber ikinci bit ben öğreteceğim siz her türlü harika muhteşem görünümlü formlar ve beni interaktif özellikleri vardı Eğer üzerine geldiğinizde güzel ipuçları tutmak ve böylece biz mağaza / url yapıyor olması gidiyoruz

var ve kenara biz oluşturmak için gereken bir sonraki şey Bir kayıt yaa CSS sayfası Şimdi bu bir CSS sayfasını kayıtlı temelde ana CSS sayfaları Form CSS sayfasında ana web sitesi için stil they ancak ana biçimler

inden stil olduğunu Bu çalışma kayıt sayfası biraz yapmak dört ya da beş şey vardır farklı böylece net CSS dosyasında sadece o olacak gibi alacak üç şey gibi olacak dört dakika yapmak Biz sadece bu sonradan göre

“Benim videoları ve öğreticiler için tüm https://www.thenewboston.com/ benim web sitesini ziyaret edin! Sorularınız varsa ya da kaynak kodu arıyor? Https://www.the...”
thenewboston

ceksiniz bazıları bu şeyler birçok yol overrate gerekiyor ilk şey biz yapmaya başlamak için ihtiyacınız CSS sayfa formlarını işlem nasıl inanılmaz güzel bu formu kitap yapmak için Salam devam edin ve bu yeni formları, bir CSS kopya Mümkün kopya ve ben bu dosyanın kaydetmek sadece edeceğim Hava CSS CSS oluşturur Şimdi bizim yapmak istediğimiz ilk şey çalışmak istiyoruz olduğunu oval etiket şimdi etiketler bu bölümde adı vardır Ben bu unsurlar üzerinde hover ön

Nasıl Harika Görünümlü Formları Yapmak Web Sitesi Toplum Projesi - 13 - Ticaret Resim 1 Nasıl Harika Görünümlü Formları Yapmak Web Sitesi Toplum Projesi - 13 - Ticaret Resim 2 Nasıl Harika Görünümlü Formları Yapmak Web Sitesi Toplum Projesi - 13 - Ticaret Resim 3 Nasıl Harika Görünümlü Formları Yapmak Web Sitesi Toplum Projesi - 13 - Ticaret Resim 4

cesinde giderseniz e-posta şifresi Eğer etiket göründükleri daha uzun olan küçük bir kaç şey görebilirsiniz Onların davranış text-align Giriş: sağ tarafına böylece her giriş elemanı önce etiketi yüzden önde ve stil gidelim var ki Şu anda bu böylece etiket ve yapmak istediğim ilk şey göstermek olduğunu Ekran bir bloktur Şimdi yapmak istediğim bir sonraki şeyin olduğunu İstiyorum sol taraftaki o şamandıra Şimdi tabii ki sadece resmi amaçlarla Ben bir yazı vardı wat cesur değilim Bir kenarda bir tane de bu yüzden sıyrılıyor

ve de ben yaklaşık 10 piksel sağ Bu giriş bölümü istemiyorum çünkü şimdi bu nedeni dostum hakkı, bu karşı bir so biraz komik görünüyorsun çünkü Ben onların niye bu öylesine bir kenara yüzden bir biraz bir boşluk vermek istiyorum Gördüğünüz gibi ne zaman biz tüm bu üzerinde gezdirin kol kutu metin İsrail I fileleri sadece giriş kutusuna hizaya yapmak ve kurmak sol taraftaki yolu üzerine olan onlar biraz komik görünüyorsun çünkü böylece sırayla sadece go ahead ve metin hizalama koymak yapmak tecavüz ve şimdi ben, genel olarak bunu vermek istiyorum 120 piksel Şimdi yapmak istediğim bir sonraki şey line-height değiştirmek istiyorum: Şimdi kör göz temelde dikey aralık olduğunu çizgiler kadar kasabada ve bana sadece go ahead ve bu geçelim 25 piksel ve şu ziyade size dikey boşluk üzerinde biraz verebilir göre Eğlenceli boyutu için şimdi varsayılan yine diyor tüm bizim çorap kış şeyler 50 piksel varsayılan metin biraz daha büyük yapmak Bizim arka beri renk, biz kurs beyaz arka ihtiyacım var mavi ya da bana beyaz Texas standout bahane ve ben de istiyorum bir metin verin Gölge şimdi bir piksel 1 piksel koymak istiyorum Üzerinde ve 1 piksel her yere taşır Bulanıklık ve onaltılık için 3 piksel 0 0 0 harika gölgeler bir ve orada bizim etikettir gitmek Tamamen tarz n bizim nihai ürün oldukça fazla Bu kullanıcı adı e-posta şifre oranına yalan tatlı metin seyir katlanmış biz yapmak istiyoruz sonraki şey tarzı gitmek için iyi bir konum Genel forma şimdi ben önde gitmek istiyorum ve ben bir kimlik içine bu atmak istiyorum ya o genel bir fikir vermek Ben bu konuda yapmak istiyorum şimdi styling formu Biz entire için ne istediğini temelde kutusu şimdi yapmak istediğim ilk şey istiyorum olduğunu Bir vermek sınır İstiyorum karşı doğrudan ama yukarı tüm öğeleri yok padding biraz yaklaşık 1e piksel ve bu sadece size besbelli iyi biliyorum oldukça açıktır yapar Yapmak istediğim bir sonraki şey aslında verilen ve çok güzel bir renk olduğunu mavi durumda aynı renk arama kutusundan hatırlamıyorum Arka plan Ben 00 göç ​​çok seviyorum 66 99 ve şimdi ben şimdi taşması taşma değiştirmek istiyorum Şimdi taşma anlamına oto temelde olduğunu İçerik kutusuna büyükse o ev can İçerik kıvılcımlar içinde taşması durumunda oldukça fazla Sonra ne olur ve bizim otomobiller için bu iyi çalışır sadece ayar Aslında istiyorum bu köşeleri yuvarlatılmış vermek şimdi yapmak istediğim bir sonraki şey yedi piksellik aa yarıçaplı arama kutusuna yaptığı gibi Ben aynı şeyi istiyorum bu yüzden yapmam ilk şey sınırdır yarıçap ve iraqi 7 piksel şimdi İhtiyacımız bu uyumlu çapraz tarayıcı yapmak için iki sınır yarıçapı bir içindir mom Firefox Mose mas border-radius: ve krom için diğeri WebKit bu yüzden sadece böyledir Gördüğünüz eğer ben yapmak istediğim son şey Sadece bu biraz daha güzel ben ince gölge vermek istiyorum yapmak o size dışarı haşhaş gibi görünmesi için hatta daha çok bir gölge eklemek için bu size ne olduğunu Standart sonunda kutu gölge olabilir ve bu ne bazı tarayıcılar var Bir Internet Explorer gibi ben kabul düşünüyorum ve ben yapacağım 5 piksel bir gölge vermek 5 piksel piksel 15 hemen hemen aynı ayarlara sahip gibi tech gölge ne kadar istediğini senin bulanıklık olmayı ne kadar aşağı üzerinde ve gölge rengini istediğinizi şimdi bu ne olduğunu hissedebilir olmak Biz istiyorum daha sonra bu mükemmel bir yüksek teknoloji gölge biraz daha Kol koridor Ben bunu inanıyorum uyuyor söyleyebilirim om 0 kayo eieio bu olabilir 80 80 80 ve Ben sıcak adam ben bir balina balina hatırlıyorum hatırlıyorum Ben beynimde gömülü ama 0 bitti ise II hatırlayamıyorum Ben aynı yapmamız gereken bitişiğinde iddiası üzerine birçok yolu kontrol edeceğiz şey Farklı tarayıcılar mas için kol ve aynı zamanda WebKit şimdi bu ne ben olacak bir kutu atış ekleyin vay gerçekten tüm varsayılan tarayıcılarda bir kutu gölge olarak battı berbat Bu kimse bu birinde om Firefox üzerinde yaptığı bunu yapıyor hemen hemen her şey Safari, Google Chrome bu yüzden zaten ben yapacağım şey bu gibi şeyler aslında alacağım olduğunu pozitiflik oranı şimdi ve Tom aslında önümüzdeki 40 pick up bulacağız ediyorum Bu a0 AO olup olmadığını öğrenmek burada yani aslında herkes sadece aşağıdaki bölümde Yorum bırakmak bilir eğer Bir şey CAS Rus kaldığı yerden ve önümüzdeki 40 yılında ben sadece yukarı devam Şimdi abone sonraki videoda adamlar görmek için geldim.

Açıklama

Benim videoları ve öğreticiler için tüm https://www.thenewboston.com/ benim web sitesini ziyaret edin! Sorularınız varsa ya da kaynak kodu arıyor? Https://www.thenewboston.com/forum/ de forum göz atın Profilim - https://www.thenewboston.com/profile.php?user=2 Facebook - http://www.facebook.com/pages/TheNewBoston/464114846956315 Google+ - https://plus.google.com/+BuckyRoberts/posts Twitter - http://twitter.com/#!/bucky_roberts Bağış - https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5K9RJVCAKWZKS

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

thenewboston

thenewboston

Çok tatlı bilgisayar ile ilgili dersler ve diğer bazı müthiş videoların Ton!

YORUMLAR



9.8/10

  • 123
    Olumlu
  • 2
    Olumsuz
  • 66
    Yorum
  • 17006
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • jagadambarecords

    jagadambarec

    13 AĞUSTOS 2008
  • John Lynn

    John Lynn

    8 Ocak 2010
  • Louis C.K.

    Louis C.K.

    18 HAZİRAN 2006

ANKET



Bu sayfa işinize yaradı mı?