n modal pop-up ve sadece olduğu gibi biz aldık o komut diğer tüm Burada 3 farklı klasörleri Biz CSS klasörü içinde bir CSS dosyası var bir javascript dosyası böylece JavaScript eski ve biz bu var Görüntüler klasöründe içeriden görüntü ben de burada jQuery var ama bunu gerek yoktur Eğer sen zaten şablonuna jQuery eklendi ya da başka bir yerde sitenize yapmanız gereken tüm bir sahip olduğunuzdan emin olun olduğunu göl biz de burada kalıcı açılan talimatları var ve ben çift bu talimatları olacak o kadar açık tı

klayın Web sitenize tüm bu ekleme yüzden go ahead 1 çekilsin: biz olacak go ahead ve kopyalama konum önce bu birkaç kez yaptık CSS JavaScript sitemizden içine çerçeveden Biri go ahead ve buraya gelip orada CSS kapmak istiyorum ve ev istiyorum Kontrol tuşunu basılı tutun javascript birisi bu kapmak Benim klavye ve her ikisi de seçilmiş olduğunu görürsünüz tıklayın Biz zaten o yer ettik, çünkü ben uykulu jQuery değilim Projemiz de doğru Edit gitmek tıklayarak go ahead kol ve kopyalamak ve şimdi devam edin ve geri dönmek edeceğim Proje klasöre göre içine Seni sağ tıklayın değilim JS JavaScript klasörü seçin ve düzenle yapıştırın ve pop-up CSS görmek için gidiyoruz ve ben istediğim yerde pop-up JavaScript veya yapıştırılan devam edin ve o CSS almak dosya ve CSS klasörüne dışarı sürükleyin Tüm bu eklentileri ile hatırlıyorum senin Her zaman olacak CSS klasör ve sizin CSS koymak Her zaman olacak JavaScript klasörüne JavaScript koymak ve Eğer resim varsa senin her zaman görüntüleri koyacağım görüntüler klasör ve bu gerçek bir sonraki öncesinde go Benim çerçeve havaya geri geçiş olacak ve Eğer edecek devam edin ve orada o resmi görmek ediyoruz tamam düzenlemek için üzerine tıklayın ve kopyalama ve ne zaman doğru Dük düzenlemek kopya veya düzenleme hamur tıklayın Her zaman kontrol C yapmak veya BT klavye kısayolları olarak çalıştı kontrol edebilirsiniz iyi ve ben de go ahead ve benim proje gitmek değilim Bir görüntüleri düzenlemek sağ tıklayın ve yapıştırın ve bu sizin için gelmeyecek Ben bunu, çünkü bu kez benim kuru yapıyordum zaman önce benim için geliyor koşmak Tüm bunların ve bu hızına McCook evet Görüntüler klasöründe içine bu yüzden şimdi ben ihtiyaç gidiyorum tüm dosyaları sayfadaki mağazasında bu sayfayı kurmak Yapmamız gereken bir sonraki şey komut eklemeniz gerekir ise jQuery sayfasına tekrar zaten eklediyseniz yine bu yüzden yapmanız gereken gidiyoruz bu iki kopya olduğu at ihtiyacım yok çizgiler Burada kod içine gideceğiz kulüpler bu yüzden ve sonra şablonuna gitmek Benim kaynak kodu bir göz duyuyorum ve ben burada olacak tüm yol istiyorum jQuery takılarak bizim senaryo var üst bu yüzden artık bu konuda endişelenmenize gerek yok Eğer koymak için ihtiyacımız olacak olsa sizin dosyasında bu yoksa Kafanın bölümünün çok üstünde bu kod satırı Ben bu başlık alanında tıkırtı önde olacak gidiyorum Burada şeyler herşeyi ekleyebilirsiniz nerede şablonla ilişkili ama başlığın sonunda yemek ve birkaç kez butonu Sonra devam edin ve o yapıştırabilirsiniz Orada öğeleri şimdi ben komut dosyası için bir bağlantı var ve CSS gidiyorum varsayılan yolu görebilirsiniz Bir pop-up inside JavaScript klasörüne göz gitmek için ya da CSS klasörü ve pop-up CSS bulmak Bu klasörler farklı bir isim eğer devam gerekecek ve geçmiş adını ama yine her zaman bir klasör denilen CSS CSS dosyalarını tutmalı ve her zaman JS adlı bir klasörde javascript dosyaları tutmak herkesin yaptığı şeylerden sadece biridir boğaz ve o gerçekten kolay şeyler nerede olduğunu bilmek için yapar bu yüzden önde aldım ve benim sayfa bu iki komut eklendi edeceğiz kimse buraya gelmeden de devam Adım 3: Bu kodu eklemek için Pop-up için ama aslında sayfada ve pop-up iki şeyden oluşur gidiyor Bir bağlantının meydana olabilir ve siz burada görebilirsiniz ve bir geyik onları aslında oluşur gidiyor Ben ne zaman bir kopyasını kulüpler onun pop-up yani olacak go ahead ve do Bütün bu metin bu kod hoppala sağ tıklayın ve kopyalama ve sonra ben de benim sayfaya geri geliyorum Ben kutusunu üç kutu bir kutu bulana kadar Emma aşağı kaydırma ve orada artık bu ile gitmek Her birinin bir bağlantı alışkanlık yana Tüm bu kutulara ben yapmak zorunda Kendimi o altında biraz boşluk vermek olduğunu ve burada bu yapıştırın ve ben önde gitmek istiyorum sekmesi bitti böylece her şeyi en güzel ve dizilmiş ve ihbar burada kutusu için anlaşma Burada tam burada ne onun kapanış böylece tüm bu kod içerdiği gerekiyor geyik o pop içeren gidiyor bu yüzden ileride ben de bu iki kez daha yapacağım hiçbiri var yani tekrar bir kopyası bu aslında zaten ben kopyalamak gerekmez kopyalanamaz tekrar dene ve sonra ben de kendime biraz boşluk ve macun vereceğim aşağı burada aynı şeyi orada yaptım vardır içinde korkunç Klein vurgulamak ve orada o yapıştırmak ve bunu söyleyeceğim şimdi biz gerçekten yapmak gerekiyor, bir şey daha var Bu çalışmaya kadar pop ama ben aslında çözüm göstermek önce size sorunu göstermek istiyorum sorun bu yüzden başhemşire burada söylemek lazım aslında en o daha fazla zaman diyelim ve tasarlanmış içine açısı artık önde gidelim sana ve metin bağlantısını görmelisiniz Burada açılır ve onu tıkladığımda için Benim yavru var ve diğerleri sadece çalıştıkları emin olmak için bir aşçı görmeye gidiyoruz ve hepsi ben Live View değilim yine benim için haşhaş konum Şu anda birileri koduna buraya gel Bir bu sadece biraz daha özelleştirilmiş am ve yine bu kadar gerçek pop kodudur Bu LIQ oluşturan metin bu yüzden burada tekrar bu ray bu metin bağlantısı bağırdı Bu kod tam burada bu yüzden çocuklar senatör pop-up için metin bağlantısını söyleyerek Ben buraya tıklayın söyleyebiliriz daha fazla bilgi için ve ben sadece devam edin ve bu kopya olabilir ve yapıştırılan Orada üç seçenekten her biri ve ben söylerim ve şimdi görebiliyorum biz hala herhangi bir biçimlendirme yapmadım bilir modifiye edilmiştir hala sürecinde tüm bu kurma ve hiçbir kod buraya geri gelebilir sen ve tekrar pop up için Bu kadar pop başlığı ise ve bu baş ağrısı altındaki paragraf Ben önde tasarımı gidiyorum gitmek am bana en o bir kez daha bakalım başlığı var sonra paragraf var başlığı altında bu yüzden buraya gelip size tasarlanmış olabilir başlık için nm kutu şarap Modern oturma odaları yazabilirsiniz Buraya gelip ve modern demek yukarı üzgün ne eğitim odaları Modern oturma odaları kol Geleneksel oturma odaları ve buraya daha sonra bir kez daha Çağdaş oturma odaları Bu ve tekrar söylemek bu pop-up için başlık olan kutu üç için bu başlık olduğunu Bu pop-up ve sonra nihayet biz daha yukarı biraz berbat Bu demek kadar ilk analistler için başlık olan ve görüşünü tasarım ve biz ne var görmek için gidelim amigo tr buraya tıklayın ve Modern oturma odası var görebiliyorum Ben burada tıklayın Hala ne modern yaşam odası var yaşayan geleneksel onun Buraya tıklayın Ben aynı nedenle yeniden modern bir oturma odası var pop-up, bu kutuların her biri için geliyor Bu bir sorun ve bu düzeltmek yolu Burada gerçekten gerçekten basit kod Pop-up için bunu veri ortaya burada görebilirsiniz Kimliği benim köstebek sonra aşağı işte burada ne olursa olsun burada IDE benim modeli vermek Burada ne olursa olsun bağlamak için gidiyor Burada aşağı doğru ilerleyin eğer biraz daha Ben de aynı şeyi olsun Benim köstebek MI sorun modal Bu arada bu tarayıcı sadece atamak için gidiyor kod okuma ve IDE 21 sevgili ve kimlik tek elemana uygulayabilirsiniz Bir sayfada bu yüzden her zaman varsayarak için gidiyor Lawal yaptım benim mo burada çok ilki bu yüzden nasıl düzeltmek yapmak çok çok basit olduğu Burada benim modal birini ve benim moto 1 Kimliği yıl değiştirmek Ben buraya gelip söylüyorlar benim modeldir için kimliğini ver ve benim model ve buraya gelen ve güvenli üç cep 3 Sadece emin olun gerekir bkz: pop-up için vermek isimleri Cihazınız ID pop-up için farklı Bu bir tasarım görünümüne geri dönelim demek şimdi daha ve biz go ahead ve bu tıklayın edeceğim bu noktada gitmek nerede olduğunu görmek atalım modern oturma odalarında yakın ve şimdi geleneksel odalar Orada tekrar tıklayın Bir çağdaş oturma odaları Bu sorunun çözümü var ve hücre bu senaryo üzerinde soruları alırsanız Muhtemelen senaryo üzerinde yarım sorulara cevap verilmektedir Sadece emin veya kimlikleri ile Linke farklı ve gerçek borç için kimlik bu farklı olacak emin olmak için yapabilirsiniz ve sonra o açık pop mümkün olacak Birçok gider ve stil gider üzere hemen bizim için Bunun için styling bir sürü zaten oluşturulmuş olan Örneğin burada h1 biz devam edin ve bu açık pop zaman Eğer altındaki hattı ile bu turuncu renk görebilirsiniz ve P etiketi biraz girintili ve ne anlama yapıyor sadece kapma olduğunuz h1 ya da P özellikleri Her zaman devam edin ve ne olursa olsun Çeşitleri stil kurallarını size ne yazabilirsiniz 4 olsa bu bağlantıları sert biçimidir Şimdi son şey bu gerçek sayfada yapmak istiyorum Ben istiyorum bu linkten önde ve form gidin Burada aşağı ve o küçük olduğunu görebilirsiniz Mia tür orada İstiyorum devam itti yani ne yapacağım benim tarzım levha içine cum üzerinde biçim tüm yol, bir kaydırma aşağı duyuyorum alt ve burada alt dibe yakın bir bölümü çeşitli var ve ben de devam edin ve burada yeni bir sınıf stili dan oluşturmak değilim ve şimdiye kadar bu çağrı sınıf stilleri, her zaman bir süre ile başlar hatırlıyorum pop-up çizgi Göl ve ben birkaç şey pop-up Lake hakkında doğru olmak istiyorum Ben önde gideceğim ve yapılacak ilk şey bir parçası boyutu belirtmek gerekir: hoppala ve font boyutu İstiyorum yapmak go ahead 12 piksel ve daha sonra ima go ahead ve kapatmak ve kaydetmek ve Eğer bunu kapatabilirsiniz neler adlı görmeye gidiyoruz ve burada benim kaynak koduna gidiyor ve sonra ben de devam edin ve her biçimlendirmek ediyorum tek Bu sınıf: bu bağlantılar üzerinden bu yüzden burada benim için küçük bir kutu 1 duyuyorum ve ben devam edin ve sağa tıklamanız edeceğim adil radyatör hiperuzaya at ve nitelik sınıfının gibi: ve sahip konular Lake açılır ve ben sadece devam edin ve bu kopyalamanız gerekir ve her biri yapıştırın Burada bu bağlantıları şimdi o sınıf tarzı olanların her biri uygulanmıştır göller biz ayak görebileceğiniz görünüm tasarımı gidiyor Metin ian olan osuruk artık büyük biz önde gitmek gerekiyor biliyorum ve bunu bazı boşluk uygulamak gerekir ise Bu üzerine burada sağ alt oturmak istemiyorum ve ben kesinlikle yok sola bitti istiyorum Ben vergilendirilen bu paragrafla hizaya getirmek istedim ve bana yaklaşık beş piksel bunun altında bir boşluk vermek Bana bir kodlanmış buraya gel gördüm ve benim stil sayfası içine bir dönüş değilim Burada benim konteynırları bulana kadar ve yukarı ve burada paragraflar görebilirsiniz ve paragraflar beş piksel üst ve 10 solda ve sağda ve ayrıca 10 alt yüzden biliyorum Ben bu ilk mektupta bu paragraf bakıyorum zaman var, soldan 10 piksel ben ben çünkü arıyorum ne Onları çok go ahead ve gitmek sıraya istiyorum Benim stil sayfası burada kitaplar Ben bulana kadar ve aşağı kaydırma hoppala bir pop-up bağlantı var ve ben de go ahead ve marjı yapacağım ve ben üstte beş piksel istiyorum ve bant üst ve alt ve on turşu istiyorum Şu anda sol ve kendisi tarafından marjı deyimi burada duvar yapmak istediğim şeyi Ben görünümü tasarım gittiğinizde bunu o taşındık olacak göreceksin yaptı ama o dibinde bana herhangi boşluk vermedi ve yolu alt ve üst aralık zorlayabilir aslında bir inline element bir öğe üzerinde Görüntülenen özelliğini kullanarak bir bloğu: ve değer bloğu seçerek, ekran söylemek eğer öyleyse Bu üst ve alt kenar uygulamak için izin verecek Bir etiketi gibi satır içi elemanın üzerine ve yine o bildiğiniz CSS şey daha fazla olabilir ama hakkında çok konuşacağız CSS bir video dizi var Blok seviyesinden elemanlar ve satıriçi elemanlar olarak ve nasıl çalışır yapar ve ben tasarım görünümüne geliyorsa şimdi görebiliyorum Orada biraz daha fazla boşluk var ve en önde gidelim ve ben demek canlı kullanım Şimdi bu kontrolsüz gidelim ve onların Ben onların gitmek Benim pop up böylece kalıcı bir popup oluşturmak için orada hepsi Bir pencereye tekrar ben burada onları koymak her yerde tüm istediğiniz yere hepsini koymak olabilir Bu devam edin ve kol edebilirsiniz olmak için bu bağlantıyı oluşturmak kol Bir pop-up Bir sonraki videoda yapacağız devam ediyoruz ve iletişim sayfasındaki mi çalışacaksın dönün ve tekrar iletişim sayfası üzerinde çalışmak ve veya olacak go ahead ve burada yapmak için çok basit bir temas olacak Ben temas bize altında tam buraya gelirsen Eğer ben öylece dört alanları oluşturmak ediyorum görebilirsiniz ama çok kolay, sadece kopyalayıp kod bu satırları yapıştırın ve istediğiniz gibi birçok alanlar eklemek Bu zavallı içine biz de çok basit bir jQuery eklentisi kullanmak için gidiyoruz Ziyaretçi bir formu gönderdikten eğer emin olmak için Gerekli alanları girmiştir ve yapacağız önümüzdeki adı E-posta mesajı gerekli hale gideceksin ve onlar bu bilgiyi sağlamak yoksa onlar zirveye tıkladıklarında onlar olacak go ahead ve almak ediyoruz Hata ve dedi biliyor ve web sitesi için gelmedi Bu gerekli bir alan değil çünkü sadece e-posta ve isim geldi Ben diyor bir not her türlü alanları bağlı değildi bir şey Yıldız işareti bu gerekli bir alan olduğu anlamına gelir go ahead ve bizim projeye eklemek ama bu konum temelde ne olacak oluşturmak için gidiyor Bir sonraki videoda sonra görüşürüz.