ılır beri Walt etkileyen Eğer solma ayı ya da yukarı açılır böylece yapacağız beni devam minimize izin go ahead bu video yapmak konum ne Benim tarayıcı penceresi ve Dreamweaver buraya gelip ben varım görebiliyorum biz önde gitmek gerekir ve bunu ilk şey bu yüzden benim video projesi sitesi Aslında sayfa birisi sağda görünür devam edin ve sağ tıklama oluşturmak üst yeni dosyaya gibi ve bir cin ve başlık görebilirsiniz HTML onların dosya ve ben bu menüyü isim değilim Bir sonraki yapmanız gereken HTML go ahead ve

uygulamak olduğunu bu sayfada go-ahead bazı oluşturulan şablon çift ​​ben kodein tasarımı gidiyorum demek açılır göreceksiniz ki üzerine tıklayın psişik ağaç göründüğü üzerine Tapınağı görmek ve ardından ima go ahead menüsünü değiştirmek için gitmek şablonları seçmek ve sayfa şablonu uygulamak ve burada gördüğünüz için gidiyoruz üç farklı şablonlar biz bunun sağ tarafında gibi önde gitmek istiyorum yarattı Şablon hemen ardından Seç'i tıklatın ve bu şablon şimdi be görürsünüz Bizim sayfaya eklenen ve biz devam edin ve kaydedin bu değişiklikler ve sadece her şeyi bir tıklama kulüpler Tamam görünüyor emin olmak için Orada yaşamak Sadece Krikoryan aralıklı her şey olması gerektiği emin olmak için Seni yaşamak dışarı bir dönüş değilim ve ardından ima devam edin ve mümkün bu yuvarlak iyi bir biraz değiştirmek Burada birçok almak Ben önde gitmek ve bazı diğerleri silin ediyorum burada ve daha sonra ilave malzeme gidip yeni bir başlık yapmak Scott ile ilgili Marşlar K ve benim yazarak bu sabah çok iyi değil ve ben öylece biraz ekstra koymak yaşıyorum Orada metin yer tutucu olarak hizmet etmek Kopyalama ve orada o yapıştırın ve yapılacak Orada ve daha sonra fiyat ima go ahead ve söylemek Daha fazla bilgi için buraya tıklayın bilgiler de ne herkes tip vardır onların Amadou aynı şey Sadece kopyalama ve bir saniye o yapıştırarak kalem ve yine bu aslında bulacağız oluyor bağlantı olacak Bu açılır etkinleştirmek ve ben önde hareket ettiğini başlığı yapmak isteyebilirsiniz ve aslında biz bir süre yapmadım şey Bu özelliğin bordro getirmek istedim Ben sadece basit özelliklere giymek için çift tıklayın ve bunu görünür görürsünüz Orada Ben tekrar çift tıklayın şimdi başlığı seçebilirsiniz kaybolur ve ona go ahead ve bu tasarruf biz önde gitmek ve yapmanız gereken bir sonraki talimatları açmak olduğunu ve biz bu kalıcı bir popup yapmak için ihtiyacımız olacak dosyaları kapmak Biri devam buraya My Files panelini gel ve ben bir benim çerçeveye önce benim açılır havacı tıklayın değilim çerçevesinde iç Orada JavaScript klasörünü göreceksiniz için ve ima go ahead ve eklentileri klasörü açın ve biz arıyoruz öğe kırmak kalıcı açılan denir onların ve sen biz gidip kapmak için gereken birkaç klasör burada var göreceğiz Bazı dosyalar ve projemizin yukarı doğru taşıyın öncelikle ben yapmak istiyorum ben bu sayfayı kodunu açmak istediğim talimatlar nerede olduğunu, çünkü o dosyayı txt Burada öylesine herhangi bir zamanda talimatlar ve şimdi ben önde olacak gidiyorum go ahead ve CM uzatmadan için sereceğim boyunca üç dosyaları kaldırmak Bunun üzerine tıklayın olduğunu burada dosya js ve biz zaten jQuery eklememiş varsa şimdi JS açılır ihtiyacınızı şablon biz zaten o üzerinde hareket de gerekir sahip olan Doğru tıklayarak o orada devam edin ve kapmak sadece edeceksin onu bağlantılı onun gibi on kopya düzenlenmiş ve aslında ima aynı olarak bu üçünü ne biliyor zaman Ben pop gibi bu klasörler animus genişletmek önde olacak Open gidiyorum Ctrl tuşunu basıp modeli Gloucester basılı tutun onu izin PNG ve CSS açılır ve ben bir değilim orada o üç dosya kopyası ona sağ tıklayın Sonra ima go ahead ve geri dönmek Video projesi ve ben sadece ileriye gideceğiz kulüpler Peso sağ CSS klasörüne oraya gidip ben bu taşımak gerekir Birisi modal cam üst PNG almak ve görüntülerin içine taşımak ve ben iyiyim JS dosyasına pop up ticaret bu iyi etrafında JavaScript klasörüne kadar ağır normalde dosya taşımak ama o değil mi, eğer jQuery emin var olun da ölü JS ve pop-up yaptım zaten var yanı sıra pop up bu CSS gibi ve görüntüleri dosyasında Eğer modal PNG dosyasını glossed Buna ihtiyacım şimdi biz önde gittin ve biz üç dosya kullanmak ihtiyacım vardı hareket ettik üzerinden bizim projeye ve biz de talimat var Burada şu ana Eğer 1. adımı görebilirsiniz: biz sadece ne yaptığını olduğunu sitenize dosyaları kopyalamak Adım 2: Biz devam biz jQuery bir bağlantı olduğundan emin olmak gerekir hangi biz zaten bizim şablonunda yapmak ve biz sahip olduğunuzdan emin olmanız gerekir Pop-up yargıç JS komut dosyası için bir bağlantı yanı sıra stil sayfasına bir bağlantı olarak Biri hem bu çizgiler burada vurgulamak go ahead sağ tıklayın ve onları bu yüzden ikisi de kopyalanan kopya Daha önce bir video IGI Kore de değil zaten olsaydı yine göndermek veya şablon kullanarak kullanımı o da eklemeniz gerekir Onları devam edin ve aslında üzerinde çalışıyorum sayfaya buraya geri gelmek Ben kod görünümüne gidin ve üstüne yukarı ediyorum ve ben bu düzenlenebilir bölgeyi var görmek için gidiyoruz Burada başlık altında ben devam edip içine bu iki öğe yapıştırabilirsiniz nerede Yaz kapanış başlık etiketi sonunda tıklama gidiyor ve sonra sadece butonu tıklayın ve bu beni boş bir satır verir ve ben devam edin ve bu iki öğe yapıştırabilirsiniz Ben sadece alacağım ve bu tahta yalana içine bir kayma yapmak sekme bile onları orada telafi etmek için cesaret ve tekrar açılır CSS olduğunu kopyalanmış olmalı CSS klasör ve açılan bu içine JS JavaScript içine JS titremek klasörü Eğer film nedense diğer klasörlere dosyalarını ise size sadece basit burada yolunu ayarlamak gerekir bu yüzden doğru dosyaya işaret ediyor ve gördüğünüz daha önce ben, biz bir bağlantı olduğundan emin olmanız gerekir belirtti jQuery ve yine o zaten burada sağ burada çok üstünde olmalıdır Eğer sıfırdan bir dosya oluşturmak eğer bunu Eğer emin olmak gerekir bu kadar bağlantıları olduğunu ilk bağlantı olmalıdır bu sırada görünür jQuery dosyaya gider o zaman bir bağlantı olmalıdır Popup o JS ve ince Daha önce JS açılan koymayın stil sayfasına bir bağlantı olmalıdır jQuery şimdi biz bir kafaları var biz ettik tamamlanmış adım Bizim dosyasında bu öğeler var emin yaptı adım üç Aslında sayfaya kod eklemek için Pop biri go ahead oluşturur ve burada bu metni vurgulayın Burada bu metni vurgulayın var ya bu kod duruşmayı tekrarlamak hayvan go ahead ve kopyalama ve ben sadece sağ tıkladım ve atıf onların kopya aynı zamanda da düzenlenmiş kopya gidebiliriz Şimdi geri menü dosyası içine asla gelmek biz diyor bu nerede açılır linki burada görünmesini istediğiniz Ben görünümü tasarımı gitmiyorum bu yüzden daha fazla bilgi eklemek için buraya tıklayın ve ben öylece devam edin ve orada o metni vurgulayın ve o zaman kod gidiyor ve Poggio görebilirsiniz hepsi bu o çizgiyi vurgular neye ihtiyacınız o buraya tıklamanız gerekir yapmak Online sayısı o tüm çizgi vurgulamak için ve sonra yapıştırın ve yalın kod ödeyecek Tüm Yarattığımız bu yer tutucu metnin üzerinde bizim bağlantı dahil Orada ve ben gerçekten hızlı bir şekilde gitmek ve vurgulamak yapacağız sadece ben ve Taveuni n orada görebilirsiniz yavaş ve şimdi bağlantı metni bağlantısını söyleyeceğini görebilirsiniz açılır ve bunu vurgulayarak sadece basitçe değişebilir diyerek daha fazla bilgi için buraya tıklayın bilgi ve yapacağız devam edin ve burada onları diğer ayrıntıları değiştirmek ediyoruz sadece bir an ama bizim ikinci görebilirsiniz Burada sayfalarımızda et gitmek ve yine bu satırı vurgulayın Bu tüm satırı almak gerekir Daha fazla bilgi için buraya tıklayın diyor ve sonra orada onlara bir vurgulamak vermek yapıştırmak ve Tabitha üzerinde sadece şeyler Naseem görünmesi için ve sonra söylemek burada ray ayarlayabilirsiniz ne söylemek bağlantıyı istiyorum sadece böyle ve ben de devam ediyorum demek ve en bu tasarım görünümünde arıyor biz oldukça henüz bitmiş değil görelim Ben görünümü tasarımı gidiyorum ve sen görebilirsiniz Oranı bağlantı var onların o daha fazla bilgi için buraya tıklayın diyor Seni yaşamak ve gidiş eğer ve aslında tıklayın Gördüğünüz gerektiğini yukarı örnek pop-up Aslında bu noktada görünür yani Şimdi biz önde gitmek gerekir ve bunu biz önde gitmek gerekir olduğunu nucs bu pop-up biçimlendirmek için eşek yanı sıra sadece bir yer tutucu vergisinden güncel bilgileri değiştirmek biz aslında aradığınızı kadar Pek çok önde gitmek ve burada benim arka plan üzerine tıklayın Hayvan izni Cody 0 geri dönmek canlı ve yine burada 2 öğeler Cody içinde ve hatta belki tıklayın sadece bu yüzden butonu sola Bu tür biraz daha öne çıkıyor Bir iç şimdi herşey Kimliği benim köstebek bu sevgili Her şey ve ben bu olacak mı yaptım çünkü göreceksin konum pop-up bir başlık var Ayrıca başlık altında paragrafı olabilir ve birleştirmek sizi canlı tıklayabilirsiniz tasarımı gidiyor O bağlantıyı tıkladığınızda bir başlık var görürsünüz ve altında daha sonra bir paragraf metni hayatta Eğer Cody geri gitmek come bu yüzden yapmak istediğim ilk şey burada, bu başlıkları değiştirmek istediğiniz bir ve ben de sadece yani ileride görünen söyleyeceğim ve sonra ben devam edeceğim ve eylem doğruca buraya bir kopyasını bazı teknoloji var ve aşağıdaki paragraf yapıştırılan biz bir çift daha hatları sadece bu yüzden% uh vergi ve ardından ima devam edin ve kaydedin ve ima saniye aynı şeyi yapmak kalem Burada aşağı ve tekrar yapabileceğiniz bu konuda ben sadece yapıyorum 1 çok olduğu çift ama bir sayfada onlarca olabilir sauna go ahead ve orada başlığı oranını vurgulamak ve l-tipi daha uygun başlık ve sonra ben öncesinde vardı sadece sayfa olduğunu gideceğim ekstra metin Orada bir kez daha ve kaydetmek ve şimdi birçok go ahead ve Seni yaşayacağım görünüm şeyi tasarlamak için gidiyor ve en bu bağlantıyı tıklayarak deneyelim ve şimdi gördüğünüz Biz bazı şeyleri biraz daha uygun onların tamamlamak için herhangi biraz daha metin bir gerçek Bu sahne burada çok go ahead ve Bu yaz outta atlamak benim arka plan pişirmek size kod görünümüne geri dönmek canlı çıkıp ve ben sadece ödeyecek adım tutucu metin değilim bu iki için bir kez daha Eğer biraz daha metin gördüğünüzde ve ben ilk biriydi var bakın ikincisi ise biraz daha yüksek görünür kadar bir kez daha metin yer tutucu etek çabaları Payson pace Tasarım görünümüne gidiş olduğunu söylemek ve canlı pop-up şimdi görünüyor ltr Orada biz burada yemek iyi değilim şimdi gitmek aslında neyin işe yaradığını en bu bizim ikinci yasallığını deneyelim düğmesine onlar kadar geliyor kadar olduğunuzu tıklayın başlığı ve bilgi ile İlk madde için onlar aynı şekilde konum işte sorun ne en önde gidip bu şey çok bir göz atalım kolay Eğer bir göz atın eğer 2 ürün burada biz boş burada bir parça olduğunu görmek için gidiyoruz Veri numarası benim modal ortaya kullanır ve burada kimliği ile eşleşen benim modeli ikinci madde için aynı şeyi görebilirsiniz Bu hat üzerinde yine biz veri kimliği açığa var Benim köstebek ve gecikme burada tam olarak aynı yani duygusu Kimlik her zaman olacak çok ilki kapmak var aynı bu yüzden tüm yapmanız gereken biz burada bu kimliği yapmak gerekir ise biz ona bir değişiklik yapmak gerekiyor burada bu kimlik ray maç Ben sadece ileride başlık orada bir ve orada bir tane gideceğiz kulüpler bu yüzden benim cep biri benim modeli var 1 Onları ben ve yine benim modeli yapmak benim modeli emin olmak gerekir görmek için kendi acre etiketi arasında özdeş ve burada aygıt kimliği, ancak emin olmak için gereken her bireyin pop İstediğiniz benzersiz bir kimlik vardır Şimdi Monako size tasarlanmış olacak ve tekrar deneyelim Gördüğünüz ilk madde çıkageldi ilk bağlantısını tıklayın Şimdi benim ikinci Göl pişirmek zaman ikinci öğe yukarı pop için geliyor Mets tüm önde onların oluyor ve oluştururken ben önde gitmek istiyorum sonraki şey yapmak bu modeli pop-up ne olduğunu Aslında istiyorum Bu yavru bir şey eklemek Buraya bir görüntü olsaydı burada sadece kazanılmış metin güzel olurdu vardı anlamına gelir sorta bana biraz daha iyi,% uh fikri bu ne vermek öğedir devam edin çok ve Yine kod görünümüne gidin ve onlar yapmanız gereken tek şey, bir ihtiyaç olduğunu basitçe Burada birileri devam görüntüde reklam ve mayın sonunda% olarak uh pişirmek Burada göreceğiniz bu konuda biraz hızlı üzgün yaptım bunun bu bilgiler vermek bunun sonunda iyi bir aşçı üzerinde yaptığı girin ve sonra sadece kendimi üzerine ekleyin ve ben de baş ve benim görüntüleri klasörü aslında ben ürünün ilave küçük salata denilen ve biz o görüntü var görünmesini istediğiniz böylece devam edin ve bunu resim etiketi yapmak ve gözatma için girdiğiniz bir kaynak niteliği adam vurmak kullanın Görüntülere gidiyor Kamera cezaları küçük hücreli orada biz gitmek ve çerçeve yoksa istediğiniz yer Sadece görüntü 125 piksel olduğundan emin olun kendinizi bir resim yapmak kol 115 piksel veya yaklaşık olarak bu boyut tarafından gitmek var ve Tamam'a tıklayın orada ve ben sadece devam edin ve yapacağız ediyorum Bir uzay slash yazın ve sonra da bu etiketi kapatın demek ve en go ahead Seni yaşadığı bir dakika içinde tekrar ben bu işe gidelim ve en bu görüntü ben linki tıklandığında orada görünüyor görelim Pop-up hara editörü konumunda görüntü var ancak görüntü aslında popping görebilirsiniz bu yüzden devam edin ve bu pop-up için yapmak istediğim bir sonraki şey, biz istiyoruz gidin önde Bu görüntüyü konumlandırmak ve biz go ahead ve bu adreste oluşturmak istiyorum bu yüzden uzakta tüm biraz daha uzağa yukarıda Adem yakın ve var Bunun altında Adam bu yüzden yine benim kaynak kodu bakmak kod görünümü buluştuğu buradayım ve ben devam edin ve o CSS stilleri tıklayın benim tarzım levha ona gitmek istiyorum İşte ve ben çift aşk sınıfı stilleri oluşturmak gidiyorum Diğer iki Aslında formatında başlığı öğeyi biçimlendirmek istediğiniz pop içeriden var resmin üzerine Bazı gitmek ve burada aşağı kaydırmak için ve ben burada bir çeşitli bölüm var ve onun olacak ben sadece devam edin ve yapacağız kulüpler bu koymak için oldukça iyi bir yer olabilir Bu pop-up call pop-up çizgi görüntü ve ben de gitmek önde ve şamandıra söyleyeceğim sol yakın tarzına ve daha sonra devam edecek ve burada benim kaynak koduna geri dönmek ve orada önde ve CEO'su kapak resmi gideceğiz Ben devam edin ve kaynak özniteliği arasında tıklayınız ediyorum ve resim etiketi kendisi sadece boşluk yazın ve go ahead ve sınıf özniteliğini ekleyin ve değer pop-up görüntü olacak Şimdiye kadar buraya aynısını yapmak Bunun için görüntü eklediğinizde devam edin ve söylemek ve en go ahead geri tasarım gitmek tekrar görüntülemenize olanak olabilir Ben Live View olduğum Hannah Claydon tıklayın ve şimdi gördüğünüz sol ana kadar görüntü artık bitti süzülüyor etti ve sağa metin üzerinde itti bu nedenle bu tarzı ile bir şey daha yapmanız gerekir Şu anda görüntü burada doğru bu metnin karşı olduğunu yani istiyorum go ahead ve bu itme Bazı sağ marjı uygulayarak biraz bad üzerinden metin Bu görüntünün bazı rekor yakın olduğunu şey kod görünümüne geri dönmek ve benim stil sayfası geri dönmek ve biz gitmek önde oluşturulmuş bir sınıf stili var bir el, aynı marj nakit hakkı olacak 20 piksel görünümü tasarımı gidiş olduğunu kaydetmek en bir kez daha deneyelim ve şimdi bir görebilirsiniz böylece görüntü biraz daha iyi olduğunu şuradaki itmek biçim ve kalıcı bir popup oluşturmak için onların hepsi ve bu noktada biz o gidiyor ve biz bazı ek stiller oluşturabilirsiniz Eğer bağlantıları farklı yaka olmak istiyorsanız buraya bu bağlantıyı oluşturmak için ya açıkçası biz farklı biraz karşı karşıya bulunuyor istiyorum ya da 'em ne seni bizim menü öğeleri oluşturan ya da her türlü kol ama şu Önünüzde gitmek için yapmanız gereken tüm ve Bu kalıcı açılan en önde gitmek ve bir daha yapalım oluşturmak Ben bu biraz daha kapsamlı görünüyor sadece burada bu menü öğesini biçimlendirmek değilim Beni go ahead ve tekrar kod görünümüne gitmek Çeşitli bölümüne tüm yol aşağı kaydırma ve biz devam edin ve ben bir isim bu bir menü değilim kalem ve ben bu kadar bekleyiniz devam etmek istiyorum cesur ve ben marjı üst olmak istiyorum 12 piksel Burada bizim koduna geri dönmek demek hey biz tasarım görünümünde veya kod görünümünde yapabilirsiniz her iki durumda da ben burada Tasarım görünümüne yapacağım Ben vurgulamak kitabı Sony hayatta sizi gelip var ve normalde go ahead ve burada bu ışın vurgulamak ve makro sınıf stili herhangi bir başlık stilini uygulamak ve menü öğesi orada var menü öğesi orada aynı şeyi yapmak Bu aşağı taşımak ve ne zaman cesur yapmıştı Böylece ancak% uh görünmelerini isteyeyim bu biçimlendirebilirsiniz Bir sonraki videoda biz devam edeceksin ve nasıl kurulum a tekrar göstermek hafif kutu Sitemizde için galleria görüntüleri içeren için om bu yüzden senin yanında göreceğiz bir şey kadar biz vurgulamak istedik videoyu ayrılmadan önce bu çeşit bir jQuery eklentileri ile ilgileniyor o rüya dokumacılar güvenmemek çok önemli seni yaşamak o site eserler üzerinde büyük olabilir o yaşamak zaman burada olduğunu ama onlar gerçekten konum aslında sayfalarını test etmek için hiçbir substitusyondur Bir tarayıcı ve tekrar burada sadece olma ray yapabilirsiniz ve büyük tarayıcılar her biri için test Eğer karga test etmek istemiyorum ve biz sadece go ahead şimdi denemek kadar açık tüketmek ve sadece go ahead ve her biri diğer büyük tarayıcılar için bunu Firefox buraya gelip biraz daha uzun kullanmak var ve orada biz just wanna go aracılığıyla Her sayfası bitirmek ve bu kadar açık olarak Her tarayıcı, özellikle Internet Explorer Şimdi Internet Explorer için ayarlarınıza bağlı olarak, bir uyarı alabilirsiniz diyalog kutusu Eğer konum Internet Explorer'ın sürümüne bağlı bu hava gibi görünüyor o dibinde buraya sona erebilir ya da sarı bir şerit olabilir Üst görünür ama her iki şekilde sensin blok içeriğe izin istiyorum temel olarak Javascript jQuery arka planda çalışıyor olduğunu Buna izin ve onları dışarı ses o çalışma var emin test etmek ve daha sonra iki tarayıcılar insanların çoğu unutun burada gelip om Özellikle Mac kullanıcısıysanız değilseniz Zaman bir sürü insan Opera ve Safari vardır Chrome, Firefox ve Internet Explorer test edecek ama bu iyi bir fikir de bu iki tarayıcılarda test var Burada Safari'de açık tıklarsanız benim sayfasına bakınız ona orada üzerine tıklayın Benim eklentisi ve biz bir kez daha yapacağız opera ve orada opera ve benim eklenti çok çok önemli var Sitenizdeki her sayfayı açmak için ve kullanıcıların buraya seçeneği tarayıcınızın en takdirde her biri için test kim tarayıcılar hepsi burada listelenen değilse kalacaksın ilk şey, ilgili web sitelerine gitmek yapmak istiyorum ve indirebilir Eğer varsa edeceksin yani bizim Mac kullanıcıları Internet Explorer test etmek mümkün olmayacaktır yapmak bizim senin kadar sayfaları test için bir windows tabanlı bir bilgisayar bulmak ve ama herkes Chrome, Firefox sınamak gerekir Opera ve Safari ve sadece bu tarayıcılar Google'dan edebilirsiniz sonra onları bilgisayarınıza onlara yüklemek indirmek ve Eğer tarayıcı listesini düzenlemek için buraya gelirsen sadece can Sağ buraya tıklayarak tarayıcı ekle bu yüzden çok önemli bilgisayarınıza düşük anahtar Bu büyük tarayıcılar her birinde sayfaları test Adobe, Adobe buradan tarayıcı laboratuarında bir özellik olarak adlandırılan önizleme var ve aslında bir web sitesine götürecektir harika bir özellik var Bu öykünür her ederken tarayıcı en ve görmek için izin emülatör sayfanızı belirli gibi bakmaya gidiyor ne düşündüğünü Tarayıcı ama gerçekten sadece aslında hiçbir ikame yoktur Bu tarayıcılar, her birinde sayfalarınızı açılması Ben bağımlı gerekebilir söyleyebilirim sadece zaman Mac kullanıcısıysanız buraya tarayıcı laboratuvarıdır ve bunun Internet Explorer ile bir bilgisayara erişiminiz yoksa vardır bu doğru orada düşünmek için iyi bir seçenek Eğer kol deneyin iseniz ya da yapmak Bir tarayıcı eski sürümüne test edilir Bu da çok kullanışlı üzerinde gelebilir ama her zaman aslında bunların her birine yüklemeye indir emin olun tarayıcılar I kendinizi ve test size bir sonraki videoyu göreceksiniz için.