Tekrar hoşgeldiniz.
Şimdi klasör yapısını kurduk ve dosyalarımızı hazırladık Bu videoda
gerçek ekip yapısını oluşturan biraz zaman harcayacağız.
Yapılacak İşler listemiz için ihtiyacımız olan unsurlar.
İlk önce, bu birim boyunca devam etmekte olduğumuz nihai sürümü
inceleyerek başlayalım.
Yani işte yapılması gereken son nokta.
Ve burada sahip olduğumuz büyük unsurların bir başlığı var.
Burada bir çeşit düğme var.
Burada bir metin girişi var, girdi türü metinle eşittir ve o zaman bu bir iyidir ve bunların her
biri bu UL'deki bir müttefiktir.
Ve buradaki her düğme, gösterdiğimiz ve gizlediğimiz ve üzerinde değişiklik yapmış olduğumuz bir alan.
Ve her şeyi içeren bir çeşit öğeye ihtiyacımız var ve bunu yapmak için sadece bir aygıt kullanacağız.
Bu div'ın içinde bir div'e ihtiyacımız var, bir H-1'e bir grup müttefik içeren bir UL girişi yapacağız ve sonra da
bazı yayınlar da orada olacak.
için işlevleri çirkin bir liste oluşturup geri gidip ekleyerek başlayacağız. C S.'de
Dolayısıyla sadece bazı yaşlı Cs'leri yazmayarak başlayacağız ve sadece bu işe
gideceğimiz yolu size bildirmek
Bu yüzden, J sorgusu olan bu işin etine geçmek ve yeni şeyler yapmak ve bunları silmek mantığına
ulaşmak istiyorum ve sonra geri dönüp güzel şeylerin bir kısmını sonunda ekleyeceğiz.
TAMAM.
Öyleyse HD ile başlayalım.
bir ID konteyneri vereceğim ve her şeyi divun içine koyacağız ve o zaman div
bir H1'e sahip olacak ve sadece liste yapmak için söylenecek ve sonra biz halledeceğiz bir metin girişi var.
Bir div yapacağım ve ona
Dolayısıyla girdi türü metinle eşittir.
Ve bunun nasıl oluştuğunu görelim.
Şu an mor arka plandan kurtulacağım ve buraya gelelim.
Ve ben de bu uyarıdan kurtulacağım.
Şimdi bunu yapalım.
Oraya gidiyoruz.
TAMAM.
Dolayısıyla, giriş bilgilerimize H-1 metnimize sahibiz.
Sanırım bunu liste yapmak için hazırlamalıyız.
Ve sonra yapacağımız bir sonraki şey UL'yi eklemek.
O zaman Dasch do listesinde bu değişiklikleri yapalım.
Ve bundan sonra UL'ye ekleyeceğiz ve yapacaklarımız orada içeride yatıyor.
Ve başlayalım üç dört başlatıcı Tutu ekleyerek başlayalım.
Bu yüzden Potions sınıfı yeni
cüppelere gitmiş olacağım ve ayrıca Hagrid ziyaretini de ekleyeceğiz.
Tamam.
Yani bunu listemizde yapmak için üçümüz var.
Şimdiye dek çok dikkat çekici bir liste ama bizim H-1'mize metin girişi ve içinde üç müttefikimiz var.
Şimdi de devam edin ve bir sil düğmesi ekleyelim ve daha sonra gelecek
tüm şablonu başlatmak için bu çöp tenekesini silemeyeceğiz.
Daha basit bir butona sahip olacağız ve aslında bir düğme bile olmayacak.
Sadece şu şekilde görünecek.
Yani X harfini tıklayabiliriz ve eğer X üzerine tıklarsak bunu silmek kalır.
Ve bu sadece mektubu yalanın bir parçası olmaktan ziyade başlayacağımız
yol, ancak bir genişliği X harfi ile kullanacağım.
O halde onu kopyalayalım.
Üç spandumuz var.
Her biri, orada bir mektup X var yenileyin.
Hiçbir şey farklı görünmüyor.
Ancak şimdi bu aralığı ayrı olarak seçebiliriz ve hızlı bir dinleyici ekleyeceğiz.
Bu yüzden o yayılma alanına tıklarsak bunu yapmak için silmek veya tüm yalan istemek isteriz.
TAMAM.
İhtiyacımız olan tüm temel biçimlendirme bu kadar.
Birazcık biraz stil yapalım.
Yapacağımız ilk şey, bu div merkezidir. Böylece div, ID konteyneri olur.
Buraya girelim ve CSSA dosyamızda düzenli kap seçerek bunu seçelim ve güzel bir arka plan Grey verelim,
sadece başlangıç ​​ve ne elde ettiğimizi görelim.
Div'in tüm yol boyunca ilerlediğini görebilirsiniz.
Hadi devam edelim ve a ile birleştireceğiz ki böylece tüm yol gitmeyecek.
Ardından genişliği üç yüz altmış altı olacak şekilde ortanın
ortasına getirmeye çalışacağız.
Ve kaydedersek, son versiyonla aynı genişlikte olur.
Yani 360 piksel ve tabii ki bunu yapmak istiyoruz sonraki şey bu merkez.
Ve en kolay yol, o marj hilesini kullanmaktır.
Böylece üst ve alt kenar boşluklarını sıfır olarak, solu ve sağı Ahto olarak belirledik.
Ve şimdi yenilersek, liste yapmak için güzel bir merkezimiz olur.
Bu yüzden tüm zaman aşımı ve burada başlamak için yapabileceğimizi değerlendirin.
Onlara ihtiyacımız olan bazı şeyleri ekleyeceğiz.
Ve sonra bir kez temel işlevleri yerine getirirsek bu güzelliği sağlamaya ve
doğru hale getirmeye odaklanacağız animasyonları ve efektlerin sönüp kaybolduğunu ve şeylerin daha güzel görünüp
daha güzel hissetmesini sağlıyoruz.
Tamam, bir sonraki videoda biraz araştırma yazmaya başlayacağız