orada n burada klasörü var Seni özellikli içerik kaydırıcı olarak genişletmek gitmek ve bir numara var ise içine kopyalamak gerekiyor sevilen öğeler kol çalışması için bu sırayla sitenizin İlk satır jQuery eklentisi Eğer Jake gerekirse artık jQuery nokta com gidebilirsiniz nereye ve bu indir dava Ben zaten framework kullanıyorsanız burada ne yaptığınızı seviyorum Bu zaten çerçevede dahildir ve aslında üzerinde atlarsınız İşte Projemizin içine bizim umutlar içine ve ben go ahead şablonu açmak ve görünümü kod olacak

istiyorum ve ben zaten bir bağlantı var burada görebilirsiniz jQuery kurulum ve Eğer egzersiz dosyalarını kullanarak değil yine eğer devam edin ve bu kod satırı yerleştirmeniz gerekir ve şablon dosyasında jQuery dosyasını indirmeniz gerekir ve javascript klasöre koymak ama yine çerçeve zaten sizin için tüm bu vardır Ben devam edin ve benim çerçeve içine gel ediyorum ve burada bahis geri özellikli içerik kaydırıcı vardır yapmanız gereken bir sonraki şey için inanılmaz geç Jaipur ekledik böylece bir kez El gerekli sorun, bir kopyasını aracı ihtiyaç vardır ve bu mağaza için CSS dosyası ve sitenize yapıştırın ve ben sadece aşağı kontrol tuşuna basılı tutarak birine tıklayarak yapabilirsiniz Benim sol ile klavye o vardı İkinci birinde bir klik, bir Mac üzerinde iseniz edeceksin basılı Komut tuşu yani kontrol anahtarıdır Her iki seçilmiş hangi Diyelim ki sağ tıklayabilirsiniz ikisinden biri eklenmiş ve kopyalama seçeneğini Eğer projeniz geçebiliriz ve ben sadece benim javascript içine öncesinde Peso gideceğiz kulüpler Klasör doğru iş numarasına tıklayınız böylece: katma benim JS klasöre sağ tıklayın görünüyor ve şimdi bu özellikli CSS ve JavaScript özelliğini yapıştırın ve Bu klasörde ve açıkçası biz kalacağız istiyorum CSS dosyası almak ve bizim CSS klasörüne taşıyın Bazı orada sağ önde o kadar gitmek ve evet bunu güncellemek istiyor musunuz onaylamak bu yüzden şimdi özellikli CSS almak ve Lister JS özellikli Onların doğru klasörler pro anahtarı geri çerçevesi içine ve şimdi go ahead ve kopyalamak gerekir biz en önde gidip konuşalım mı üstünde ama önce tüm bu görüntüleri nasıl Bu görüntüler özellikli 10 özellikli sekmesi mevcut olan Tüm bu olan şudur Üzerinde ok ile burada kutu ray Doğru burada görünür onların görüntüler için görüntü Eğer aracılığıyla döndürmek bir ya da iki ve üç resim örnek vardır Eğer bunun için istediğiniz herhangi bir görüntü kullanabilirsiniz inkâr Ben sadece kolay hale getirmek için onlara numune 1283 isim Emin bir yapmak gereken tek şey bu görüntüleri olması gerektiğidir 240 piksel genişliğinde 460 piksel uzun boylu yüzden tam 24 60 boyutta olması gerekir 2:40 kısmen we have Ben bir iki üç buraya gelip benim tamamlanan sayfanın bakarsanız benim durumumda ben bu renkli kareler sorunları kulüpler o resimleri olabilir ama benim simgeler için onlar ne olabilir Şimdiye kadar burada tek kısıtlama boyutu ne ve tekrar Bu simge ile 32 piksel olması gerekir 32 piksel ve yine bu çok yaygın olduğunu simge boyutu kol bkz simgeleri yapıyoruz herhangi bir sorun bulgu olmamalıdır o mini benim çerçevesi içine gel satılan yen ı-ebil duyuyorum. Mayıs görüntüleri klasördeki ilk öğe shift tuşu basılı tutun ve son öğeyi tıklatın Netflix, tüm I can sonra sağ tıklayın düzenlemek ve bu görüntüleri kopyalayın Şimdi ben de devam edin ve benim proje klasörüne gidiyorum ve ben Görüntülerde olacak sağ tıklayın değilim İyi eklendi ve yapıştırmak için macunu seçin Benim klasöre tüm bu görüntüler ve yine bir iki ve üç yıl geçti, gerçek fotoğraf veya görüntü örnek Görüntülenen olacak Simge, bir iki ve üç küçük olan bach sola buraya şekiller ve yine o istersen değiştirilir olabilir şimdi biz devam biz tüm dosyaları kopyaladıktan üzerinde ihtiyacımız bizim projeye ama ben olacak görüntüleri klasörü daraltmak değilim aslında bir şey daha yapmanız gerekir Burada satmak Benim çerçeveye geri gelmek anima fazla görebilirsiniz ve burada özellikli içerik kaymak klasörü var Çok altta içerik talimatları var özellikli var Devam edin, bu oluyor, çünkü yukarı o günleri açık edeceğim Biz o kurmak için gereken tüm talimatları kusur şimdi birçok go ahead ve yanımda geri dönmek ve ben bu yüzden biz de bunun üzerine çalışmaya başlamadan Hizmetler sayfasını açmak edeceğim Şimdi bu ilk adım baba baş bölümüne jQuery eklentisi Belgeniz ve yine egzersiz dosyaları için bir çerçeve kullanıyorsanız Zaten orada kurulmuş olduğunu Linkleri görebilmek için gidiyoruz değil eğer jQuery indirmeniz gerekir jQuery nokta com dan ve javascript klasöre koymak ve muhtemelen ilk olmalıdır üzerinde bu bağlantıyı kopyalamak veya ne İlk şeyler Kafanın bölümünde kesinlikle önce gelmek gerekiyor Gerisi bizim cevapları eklemek için gidiyoruz kod ilk yıl Have It Şimdi ikinci adımı baba CSS dosyasındaki komut dosyalarını olduğunu senin kafa bölümüne belgenizi seviyorum Pek çok go ahead ve tüm ı açılış komut bu her şeyi seviyorum seçin eklenti yükleyen bir yıl tüm yol aşağı onun kapanış hurdaya ve o bir stil içerir o Burada birileri bu doğru kopya o tıklayarak devam edin ve şimdi hizmetleri içine olmak ve bu alanda tüm silik olduğunu fark Bu şablonun parçası olduğundan ve işte ortak işler tüm sayfaları etkiler dedi iyi biz özellikli içerik kaydırıcı gerekmez Bizim tüm sayfaları biz sadece bu servisleri sayfada istedi ve bu bir düzenlenebilir bölge içinde var için buraya bu bölümde budur Başınızı bölüm öylesine sen olacaksın başlık etiketi tıklatın istediğiniz sona erdi ve kendinizi biraz daha fazla yer vermek için sadece birkaç kez butonu ve ben de devam edin ve doğru ihtiyacımız kodu yapıştırın değilim Burada hücreye Ben önde sağ tıklayın gidiyorum yapıştırın ve script var ve CSS dosyasını herhangi bir kaç yapıştırılan JavaScript dosyası var senin JS klasörünün içine özellikli CSS tahammül CSS klasöründeki dosya için bu sizin için mükemmel ayarlanmış yani sadece JS klasöre JavaScript dosyası kopyalanan emin olun ve CSS CSS dosyası klasör ve yine biz bu bizim ilk adımlardan biridir yaptım Şimdi önümüzdeki olarak kaydedilen gitmek ve yine benim talimatlar geri dönmek ve daha sonra yapmanız gereken son şey yapmanız gerekenler ise vücuda disko DE kopya Ben senin sayfa seviyorum nereye sen ne özellikli içerik kaydırıcı görünmesini ve küçük bir not görüntüleri tekrar tam 460 piksel olmalıdır burada var geniş 240 piksel uzunluğunda tarafından Biri kim cehenneme ben bütün bu kodu sağ klik duyuyorum ve kopyalayın benim hizmet sayfaya geri gelsin Burada tasarım görünümüne giderseniz şimdi bu içeriği özellikli istiyorum Alan ilk aralarında gelip ve ben yapmak istiyorum bu yüzden burada ikinci paragraf tıklamak zorunda olduğunu Bu ilk paragrafı sona erdi ve sadece butonu tıklayın at ve ben de sadece orada kaymak tip go ahead ediyorum Ben kod bölümüne geri gelip ne olduğunu yapmamı izin verir Ben tam olarak nerede kodu yapıştırın biliyor ki paragraf var ki ben sadece Kopyalanan hit kendimi aşağı taşımak için birkaç kez girin bir hızda burada kod ray am at sadece böyle ve bu içerik sürgü 0 içeride olacak yaptım görebilirsiniz biri artık özellikli olarak adlandırılan bir Burada ilk iki satır özellikli hizmetler ve PC sadece genişletilmiş KESİNTİ uyarısı henüz buraya paragraf Ben devam edin ve bir kaş içinde bu kadar açacağım sitokrom ve görmek için gidiyoruz özellikli hizmetler burada ray ve daha sonra bu fıkra yani başlık veya burada bu metni değiştirmek için Yapmanız gereken tek şey bu çizgiyi değiştirilir Bu durumda, bu ışıkta Ben go ahead ve söyleyeceğim Kol özellikli makaslar tasarım hizmetleri ve herhangi bir metin koyabilirsiniz ne bu alanlara ve ben tekrar bu bir göz atalım söylerim Benim sayfayı yenilemeniz gerekiyor ama şimdi işte görebilirsiniz Şimdi fark etmeni istiyorum sonraki şey modifiye edilmiş üç olmasıdır Burada sekmeleri ray aile satır yemek odası, bir oturma odasında tek tek için Her sekme kendi imajı vardır ve her zamanda buraya bir ağırlığa sahiptir var Bu başka bir sayfaya götürecek Sonunda bu durumda sadece sağ burada bir simge var renkli gelen kutusu, ancak 3 ürün burada olduğunu akılda tutmak Bu öğeleri ile üç resim gol Şimdi biz burada yapıştırılan kod baktığınızda Burada bir size l görmeye gidiyoruz Buraya tüm yol ve bir saniye görmek için gidiyoruz çünkü ben ikinci sırasız liste Çünkü hoppala tüm yol aşağı gidiyor tüm yol duymak çünkü tüm bakmak ve o sırasız az olan olacak göreceksin Ben bir tane var 3d liste öğeleri Bu ilk üç liste öğeleri sol taraftaki bilgilere karşılık seçkin içerik kaydırıcı kadar bir görüntü var Bir başlık karşıtı barış vergilendirilir var Bizim bitiş projesinde bakmak bir oyunda burada bir görüntü var bir başlık ve bir parça metin böylece tüm yapmanız gereken bu değiştirmek için Buraya gelip de yeni görüntüde koymak için Burada başlığını değiştirmek metne sen burada istediğiniz Burada hatırlamanız gereken tek şey kolay olamazdı Bu görüntüleri burada 32 piksel olması gerekiyor ki 32 piksel bildiğim kadarıyla bu iki duymak için hatırlamak zorunda tek şey gitmek senin senin metinde başlığı Bunu burada iyi veya bitmiş sürümünde sadece burada çok oda var mıydı ve ben bu yüzden benim resmin içine hedefi istemiyorum Bu sadece kısa bir parça saldırılarda kısa başlığı için Şimdi bizim sayfaya geri geliyor Bizim ikinci bir liste var Burada bizim ikinci üç liste öğeleri ile Burada liste öğesi burada liste öğesi Burada ona listelemek ve gördüğünüz Listeler kaleminde üç şey vardır ve görüntü Köprü ve bazı metin ve görüntü Bir köprü ve bazı metin Bizim bitiş projesinde baktığımızda bu görünen metindir görünen resimdir tıkladığınızda nereye giderseniz gidin ve bağlantı Bu öylesine çok kolay buraya gelebilir ve edger kendi görüntü ve Sadece orada resminizin yolunu koyarak bunu değiştirebilirsiniz Bağlantı kutusu metin ve bir bağlantı ekleyebilirsiniz Şimdi bu durumda bağlantıları burada sadece bu numara yan tepsi vardır ve bu odalara yemek oturma odaları için çünkü sayfa temelde ve aile odaları bu sayfaların henüz oluşturulmuş değil Beni o daraltmak için gidelim görmek için gidiyoruz benim dosyaları buraya bakarsanız Eğer biz sadece şu anda bizim ana sayfa vardı görmeye gidiyoruz teh yeni bir dosyaya burada tıklayın yüzden ne yapacağım sağda Amadou yaşam Doğru sağ burada iki yeni dosya tıklayınız Burada yemek baba HTML sağ tıklayın Dosyayı yapmak ve aile yapmak zorunda dot HTML görüntüyü değiştirmek için sadece tüm bu vurgulamak için devam dosya için bir arama içine girmek tırnak işareti yazın ve isabet Aynı şey sizin köprü için ben yapmak için gereken tüm doğrudur tırnak işaretleri dahil vurgulayıcı köprü İnsanlar göründüğünde bant başka tırnak işareti ve butonu tıklayın ve bu noktada ben go ahead ve seçin Tamam salon seçeneği ve URL orada yapıştırılır Bir buradaki ray vurgulamak tırnak işareti yazın O küçük göz göründüğünde ve ben enter tuşuna basın ve ben buraya gelip o gitmek için bir sayfa seçebilirsiniz Bu durumda diyet içinde ve sonra ben önde gidebilir ve burada bu vurgulamak ve sonuncusu yapmak Aile odası ve ima go ahead ve söylemek ve tekrar değiştirebilir Burada bağlantı için vergilendirilir şimdi kira ya da olsun, bu kurulum en görelim de go ahead ve bizim sayfayı görüntülemek izin Ne gibi görünüyor Ben burada krom önizleme burada devam ediyorum Bizim özellikli içerik kaydırıcı ile gitmek burada sayfasını tamamlanır ve vardır edilir Eğer bu farklı seçenekler geçiyor görebilirsiniz Birazdan buraya linki tıklandığında ve uygun gitmek için gidiyor sayfa Bu HTML yaşayan bu durumda Şimdi neden bu dosyaları üzerinde yarattığı o zaman nedeni onun sayfa boştur İşte Ben sadece aslında onlara bir şablon uygulamak vermedi onları yaratan bu yüzden bu noktada İstiyorum açık yemek odasında geri dönmek sayfa şablonları değiştirmek için gidin sayfa şablonu uygulamak ve birlikte düşüş uygulamak sayfa ve ben senim sen göreceksin yok bu in baktığınızda şimdi bazı içeriğe sahip Ben bu farklı verecekler gidip bu iki görüntüleri hayvan silmek ediyorum başlık ve Clark et makası özledim Tasarım yemek odası ve aile odaları için aynı şeyi yapmak onlar anima söylüyorsun Burada tekrar bir şey bu yüzden değiştirilmiş şablonları gerekli sayfa şablonu uygulanmış ve düzen ile tam yapmak ve sonra ben go ahead ve bu can Cheers vurgulayabilirsiniz Tasarım ailesi gül ve tekrar ima devam edin ve onlara ihtiyacımız olmayacak çünkü orada bu görüntüleri silmek ve sonra nihayet tekrar sayfaları oynamak benim oturma odası yapacağım ama şablonları değiştirmek için gidebilirsiniz sayfa psikolojinin düzeni ile tam şablonu uygulamak Ben gidebilir ve orada bu sayfa var makaslar tasarım yaşam Odalar rom Odalar oraya gidip ben orada o iki görüntü sileceğiz ve en önde gidip diyelim ve şimdi burada yine benim sayfası getirmek edeceğim Benim hizmetler sayfada kulüpler geri gitmek ve bu sayfayı yenilemeniz gerekebilir Ben oturma odalarında tıkladığınızda ama şimdi bizim yemek odaları gider Şu anda orada uygun sayfa aile odalarına gider gider o yüzden bu içerik kaydırıcı özellikli kurmak için ne kadar çok kolay görebilirsiniz Şimdi bu stil Seni biz alanı biraz var olduğunu fark etmek istiyorum da çok kolaydır İşte benim doğru aynı şey aşağı burada Orada tüm bu alanın çevresinde bir sınır var ve sen görebilirsiniz bu sayfada merkezli ve yaklaşık 20 piksel ve dolgu vardır İç biz Dreamweaver geri giderseniz Anhui diğer sayfalara olarak yakın anh değil sırt ve hizmetlerini açmak ve biz CSS özellikli gitmek Burada muhtemelen konum ayarlarını değiştirmek istemeyeceksiniz İlk Bütün özellikli içerik kadar kırbaç olacak Şu anda alan bunu 750 için belirlenen görebilirsiniz ve yeniden 7:50 de gelen Sınır burada sınır için Ayrıca bazı marjı ve bazı dolgu var olduğunu fark gidiyoruz Bu durumda marjı 50 piksel alt ve üst olduğunu ve sol ve sağ için RL ve anlamı altta ilk 50 piksel 50 piksel olacak ve otomatik olarak geyik 's merkezi olacak sayfadaki bu yüzden buraya gel ve ben marjı değişebilir 220 ve ben bir değişiklik otomatik 20 kulüpler ve onlar geri dönmek olduğunu söyleyeceğim Google re my sayfanın içine: krom kırılgan sırım gibi şimdi olduğunu görüyoruz sol teşvik aynı hizada merkezli varlık ve biz de kısmak ettik alan miktarı Üst ve alt tüm yol genişletmek için bu sınır isteseydi Sadece kamçı değiştirmeniz gerekir Yine tam burada diğer tasarım Ben bu 850 yapmak olsaydı değişikliği görürsünüz Benim sayfa rasyon resif zaman ve orada biz o da bazen şeyler messes bilir böyle gitmek metni sarma, çünkü şimdi bu paragraf daha yakın burada Sadece bu içeriği biçimlendirebilirsiniz bu ile oynamak lazım tür her yerde istediğiniz herhangi bir şekilde tüm istediğiniz ve bu yüzden bir şey bu biraz daha küçük hale getirmek için yapmak devam edebilir geri o boşluğu almak için oraya gitmek önde 750 için bu dönüş ve sen muhtemelen konum küçük istiyorsanız veya en sayfalarınızı var Bu şekilde çünkü buraya biraz boşluk olabilir Bazı sağ kenar çubuğunu koymak yıl muhtemelen yeterli oda ben tüm BM 900 piksel değilim çünkü burada var düzen ama sen aralığı içinde sadece yol olmaz bakın ve iyi şeyler bütün bu ve bir yıl CSS stil sayfasına buraya gelirsen biz ne bir rakam dışarı kesebilir styling yeterince yapmalıydık ne Eğer örneğin biliyoruz burada biz h3 etiketi var Burada bir ling renk alarak h3 olsun Bu burada takım metni tüm ayarları biliyorum yürürlükte öncesinde nasıl gideceğini ve alt aşağı kaydırma Burada gördüğünüz dedik nerede olduğunu yüksekliği içinde görüntü kadar Gördüğünüz kolayca biraz daha farklı olmak için bu değiştirebilirsiniz Görüntü dört yüz seksen bu değişiyor hiçbir sorun gibi olsaydı Eğer burada yüksek değiştirmeniz gerektiğini konuyu yapmamalıdır ediyorum yüksekliği üç farklı kesitlere sahip dayalı olduğu için Daha fazla bölümleri isterseniz kesinlikle bu ekleyebilirsiniz Bu içerik kaydırıcı özellikli Sizin olabilir 20 şey döngüleri o istersen aracılığıyla ancak bu kapsam sevgi ötesinde bu videoyu vardır yani özetle bu nasıl biz ise Bu özellik tasarım hizmetleri özellikli içerik kaydırıcı eklemek çok kolay sayfamızı aslında neden bunu birini kullanın yüzden kurmak İşte o kurmak çok kolay, çünkü bir ve biçimi çok kol yapmak zorunda değilsiniz biz gidiyoruz sonraki video yüzden biz bu video ne yapıyoruz vardır önde ve kurmak resim galerisi sonraki video çok biz gitmek aslında yapacağız öncesinde normalde burada bitirmek projesine gideceksin ve yemek odaları sayfasında bu galerisi oluşturmak edeceksin ve gördüğünüz bu galeri beş küçük Senato vardır galeri küçük sınırsız sayıda tutabilir Eğer istedim eğer 20 30 50 100 olabilir ve sen görmeye gidiyoruz bir küçük resme tıkladığınızda görüntüler için görüntülenen Bu aslında bir lightbox lightbox denir Bu durumda yine çok kolay bu ışık kutuları kurmak ve yapılandırmak için Bir sayı önceki ve sonraki gibi özellikler var Fotoğraflar arasında ileri ve geri almak için Sağ alt köşesinde bir kapatma düğmesi ve belki de en önemlisi başlık metnini ayarlayabilirsiniz her birey için fotoğrafın ve yine biz böylece biz gitmek için gidiyoruz ne bütün bu nasıl kurulacağını göstereceğiz önde ve sonraki videoda ben onları görürsünüz do.