16 NİSAN 2011, CUMARTESİ

13 - Dreamweaver Eğitimi (Cs5) Giriº

Merhaba ve bir kafa ile son anlaşma tekrar hoşgeldiniz ve uygulayan CSS oluşturma temelleri örtbas Bu video bir web sayfasına yapacağız devam edin ve bu temel becerileri almak ediyoruz Eğer son video öğrenilen ve tasarım biçimlendirmek için bunları uygulamak için başlaması Şimdi bizim proje web sitesinde var Hangi dosyaların üzerine çerçevesini kullanıyorsanız egzersiz indirmek eğer Burada bu videoyu tüm hafta burada zaten oluşturulmuş bir CSS klasörü olacak tüm stil başlangıç ​​CSS dosyası ile birlikte Bunu yapacaksın istememe konum ne oluşturulan yoksa yapmak Burada sağ tıklayın ve yeni bir

klasör yapmak ve bir klasör denilen CSS oluşturmak Zaten bir yaz CSS 1 olarak adlandırılan, ancak CSS arayacaksın var sonra olacak yeni dosyaya o sağ klasörü tıklatın istediğiniz konum ve stilleri nasıl en adlı bir dos

ya oluşturun Doğru tarzı, stat CSS dışarı o yazmanız gerekir çok kolay ben de silmek go ahead aktörler hiç mayın var olduğumu oluşturmak hemen buraya Ben önde gitti ve benim main açtın Belge burada biz gidi

“Www.timothywebtemplates.net Bunlar isteğe bağlıdır, biz gitmek gibi kodu yazmanız ve tamamlamak için kendi kaynaklarını kullanabilirsiniz: Eğer videoları ve şablo...”
Joshua Kywn

yoruz HTML kodu bakmak am bakarak demek görmek Burada biz tüm bağlantı var stil, stat CSS sayfasına Eğer egzersiz dosyalarını kullanarak değil tekrar eğer Eğer isteyecek kafa bölümünde yer öncesinde bu satırı gitmek konum Belgeniz yine biz son derste öğrendiklerini gözden var Bağlantı etiketi arasında bir bağlantı kurar HTML dosyası ve bu durumda başka bir dosya ve Bu göl bizim stil sayfası arasında bir hafta yaratıyor Bu NRH e-posta sayfası ve ne göz Bur

13 - Dreamweaver Eğitimi (Cs5) Giriº Resim 1 13 - Dreamweaver Eğitimi (Cs5) Giriº Resim 2 13 - Dreamweaver Eğitimi (Cs5) Giriº Resim 3 13 - Dreamweaver Eğitimi (Cs5) Giriº Resim 4

ada köprü referans özniteliği referans setleri trafik ve daha sonra bu CSS hile yolunu veriyor Bu belgede bu HTML sayfası arasındaki ilişki ve burada bu belge o o yaptı tarzı türüdür stil sayfası olmasıdır Bir teknoloji uzay CSS stil ve bu stil sayfası olması gerektiği medya var uygulanan Ayrıca ben aynı çizgisiyle tek sahip olduğu aşağıda görebilirsiniz ekran fark onunla ilgileneceğiz bu baskı stil sayfasına işaret ediyor Bir sonraki video ve burada ortam türü Pratt için ve bu stil sayfası ilk olacak sayfa görünt

ülendiğinde bu kullanılacak gidiyor ekranda ziyaretçi sayfanızı yazdırmak için karar verirse bu baskı için bu CSS stil kullanmak için gidiyor malzeme üzerinde ve yine biz baskı stylesheet ile biraz sonra uğraşmak gerekir Bu stil sayfası arasında bir bağlantı oluşturmak için gereken bkz ve CSS klasöründeki stil sayfası vardır ve HTML sayfası artık Eğer üst kısmında buraya görmelisiniz Eğer bakmak sağlayacak küçük bir düğme Ekli ettik ve yine o baskı stil var CSS stil Dizler bir çift vardır da tam burada görebiliyordu takmak java scriptler ve yine diğer bazı içerik alanları ile ilgili başlar ve bu solan bir şekilde daha bu JavaScript ama doğru konuşacağız şimdi Eğer HTML kodu arasında ileri ve geri çok kolay gidebilirsiniz ve burada bağlantı stil sayfası edeceksin nosers küçüksün stil sayfası üst sağ köşesinde eşek hüner var olduğunu göstermiştir ve kaydetme değişiklikler bu özellikle kol Belge şimdi yaptıklarını are Devam edin ve bir stil sayfası ithal gidiyorum stilleri yüzde kendimi bu projeye başlamak için ve başlangıç ​​stil sayfası sürü orada sen indirebilirsiniz vardır 1i kullanım sorta buna uyuyor olduğunu are HTML sayfası kol yapmanız alternatifler arıyoruz Eğer bir çift görünebilir mayın kez planı olarak adlandırılan diğer çerçeveler seviyorum Eğer bakmak isteyebilirsiniz o zaman planı CSS çerçevesi dışında ya da 1960'larda sistem adı verilen başka bir tane var CSS çerçevesi hem bu var olan Eğer başlamak için varsayılan stil sayfaları vardır Eğer çocuk tipi, tüm bu dışarı da vardır kollar yüzden, ya biz yapmaya karar ama benim çerçeve içine öncesinde açı gitmek istiyorum Burada benim framework klasörüne ve bilgi adlı bir dosya var burada herhangi bir kutup CSS var görmek için gidiyoruz Temel şüphe CSS ve bu benim başlangıç ​​CSS sadece kızımız aykırı Biri Glen Seni o kadar açık seçin Edit Tüm sonra ben yapacağım Edit ve kopyalama Bu temel CSS dosyası sonra bazı bir kopyasını her şey ve sonra ben de benim stil sayfasında benim ana belgeye geri gelmek ediyorum Şimdi benim kaynağına benim stil sayfasındaki kaplı Bir adam sağ tıklayın ve o yapıştırmak ve bu olacak stilleri bir başlangıç ​​SAT vermek olduğunu ile çalışmak ve daha sonra biz anlamına gelmez diğer bazı şeyleri silmek istiyorum edeceksin İşte ama bu gerekmez, böylece gerçekten iyi bir başlangıç ​​noktasıdır um tekrar yazın tüm bu kuralları kol şimdi de bir şey çağrılacak herhangi bir stil sayfasında ilk şey sıfırlanır Bir adım dilek ve sulu yapar dedi olduğunu tüm eleman stil için yeni bir başlangıç HTML sayfasında CSS ile sorun, Her tarayıcı sahip oluyor ki CSS stilleri için kendi varsayılan Internet Explorer, Firefox farklı olacak Chrome ve Safari farklı olacak olan bu yüzden tüm bu farklılıkları seviyesini dışarı kuzukulağı için sipariş Eğer ben çalışmak Burada biri var reset denen kullanın ancak lots mevcut farklı sıfırlar var Orada ve bu dayanan tek Eric Meyer sıfırlanır ve tekrar google ve yazın gidebilirsiniz Eric Meyer sıfırlamak ve yukarı onun özgün bir görebilirsiniz veya CSS reset için arama yapabilirsiniz boyunca ve daha fazla bu konuda bilgi ama temelde tüm reset öğrenebilirsiniz yok Belirli bir sıfırlar tüm stilleri olduğunu set taban Eğer farklar hakkında endişelenmenize gerek yok Eğer bu karşılaştırmak taşıyabilir farklı tarayıcılar arasında çok Hiç bir ressam boya şey gördüm eğer üzerinde boyama vardır onlar kampüste doğrudan boyama başlamak yok ne yaptıkları onlar bir baz kat veya astar kat indirdi cam böylece kampüste Bu tüm üniforma renk ve sonra onlar aslında onların yaratma başlar Görüntü I tüm edeceğiz o hazırlanmış kampüs Bu sıfırlama takipte böylece tarzı için kampüs hazırlanıyor Ben daha adil biraz aşağı doğru ilerleyin ve eğer görebilirsiniz Burada tüm stilleri Ben Küresel adında başka bir bölüme geliyorum Şimdi bir bölü gördüğünüzde Bir eşek Trek ve burada gri bu metin o bir yorum için izin bir kuyrukluyıldız demektir um böylece CSS dosyası yapısı stilleri mantıksal kategorilerde gruplandırılmış Eğer sorun bazı mimar en bulmakta yok bakın ve işe aynı yapıyı ve her bir CSS dosyası kullanmak iyi içinde Eğer Pics kol bulabilirsiniz böylece stilleri bulabilmek için bir tez şehirler istedi tasarımcılar bir sürü kötü şey olur Bir başlangıç ​​ve onlar sadece üst kendi CSS kurallarını yazmaya başlayın aşağı ve kendi stillerini, dünya kadar birlikte karışık ve onlar gerçekten asla söyleyemezsin burada bir şey ya da ne yaptıklarını ve ne anlama götürür oluştururken do tekrarlayan stilleri ve aynı zamanda stillerinize birbirleriyle bir çatışma yaratmak için İç çeşit nedenle her zaman muhafaza rakam kolunu senin stilleri için yapı yine her zaman benim reset ile başlamak Keşke daha her stil gömlek levha reset ile başlamak gerekir onların her stil sayfası reset ile başlamak gerektiğini söyledi ve ondan sonra ben önde gitti ve bir çift küresel stilleri oluşturmak var Benim html bedenimi etiketi Ben burada bütün başlık stilleri var o zaman ben seni görebiliyorum benim metin öğeleri stil bazı farklı paragraflar bazı bağlantılar vermek blockquote güçlü AM etiketi Ben yer nerede bu görüntüler için İvan ft bölümü styling görüntüye pinti herhangi bir CSS Benim asansörler için burada biraz stil var gibi tablolar ve biz aslında bunların herhangi bazı çeşitli fayans burada kullanmak değil ve son şeyler yapacağız bazı fayans silin konum yapmak için gittiğini kazandı biz gerek yok ve sonra bu ben burada bir bölüm var aslında en önemli parçasıdır denilen kaplar ve konteyner burada adları veya Maç burada isimlerini vermek Ben biraz daha erken çalışmak o temel HTML sayfasında kimlik stilleri biz önde gitmek ve temel HTML o kadar açarsanız Bu burada görebilirsiniz temel CSS ile gider konteynerler rapçi içinde böylece ve benzeri üst banner destek banner ve bunlar listelenen kaplara karşılık Buraya bu yüzden hiçbir sorun olacak r kaplar nerede belirlemek ve bu kimlikleri styling uygun şimdi biz aslında bu kapları bırakmadı Hisse senedi biz aslında gelmek zorunda onları bu yüzden olacak olan yaz yeniden adlandırmak ve ben biraz daha aşağı kaydırma eğer birileri var adlandırmak Sanırım ben daha sonra biraz için olanlar kullandığınız göreceksiniz burada bazı kutuları var Biz bazı gezinme öğeleri koymak için bazı ekstra düzen alanı ve alan var Bizim menüleri için biz formlar için bazı varsayılan stil var Burada o bizim iletişim formu kurmak çok yararlı olacak ve daha sonra muhtelif altında ben kullanmak bir bütün bütçe sınıf stilleri var çeşitli yerlerde ve yine biz burada altında bunların çoğu kullanmak için gidiyoruz değil çeşitli bu yüzden ben de ileride daha sonra gitmek ve muhtemelen silme kulüpler çoğu stilleri yukarı ve sonra aşağı altındaki bazı var Ben mesaj kutuları ve havadar için kullanmak çeşitli stilleri Yine böyle hata uyarıları ve işler Biz uh% olarak bu projeyi stilleri kullanarak olacak ancak daha sonra bunları kullanmak orada isterseniz çok iyi burada tekrar yukarı ve bizim kaplarda konum ve şimdi devam edin ve değiştirme başlayalım styling Online% uh Bu web sayfası amor yüzden go ahead ve bakabilirsiniz krom getirmek Burada tamamlanan tarzı diğer tamamlanan sayfada ve yine ben logosu var burada görebilirsiniz ve üst izledi, sonra elimde sosyal medya simgeleri burada yedim asla bu yüzden bu ilk üç ölüm vardır Her şey o ama biz bir dönüş üzerine rapçiler bulunan Burada bir üst vermek zorunda değilsiniz Biz logo çok iyi bir değişiklik var olduğunu biz emin logo ve ardından yeşil ışık vurdu Girit başka kimlik tarzı sosyal denilen dash medya tire simgeleri ve daha sonra ima açılış dirsek sekmesi bir kapanış yapmak kıvırcık parantez tekrar uygun olacak Burada logo teslim doğru rapçi dışında bulunuyor ve daha sonra sosyal medya simgeleri bundan sonra hangi top dışarı Bu sızıntılar burada gitmeme ve getirmek tarayıcı penceresi bizim üst gezinti var ve sonra bizim afiş var öncesinde benim CSS stilleri geri go go gördüm ve orada biz de alt afiş var afiş ama biz bunu kullanmaya gitmiyorsun Somaliland dat Stili silmek ve onların Dur şimdi isterseniz size bu kadar sürükleyebilir böylece onların içinde uygun Sipariş logosu sosyal medya üst sahip oldukları ve daha sonra Ben de değilim afiş bir içerik rapçi yok Tüm sol gezinme ya da sol tarafında birileri devam edin ve tüm bu silme ne var sağ kanattan içerik alanı ve sınırın olduğunu Seni görmek için gidiyoruz bu kadar getirmek ve yine bizim içerik alanı var Orada sağ yan alan ve burada bizim altbilgi var oluyor Burada alan Ben verilere Hakkında sayfasında aslında değilim Ev Burada sayfa ve bu yüzden içeriğe sahip biz arıyordum ettik görürsünüz alan Sağ yan alan ve daha sonra altbilgi alanı böylece o birkaç değişiklik ile i başarıyla ediyorum Ben ihtiyacım gidiyorum kurulum tüm konteynerler Burada benim tasarımcısı ve biz üstünde sadece başlıyoruz ve her biri stil aşağı yolumuza çalışmak bunların elemanları ve tekrar CSS stil iki farklı yönleri vardır Eğer biçimini değiştirmek o biçimlendirme yönü var farts bakmak ve bunun gibi şeyler ve daha sonra pozisyon var ne Neler genellikle CSS yönü sizin biçimlendirme Özellikleri boyut yaka yazı değiştirme bütün bu iyi şeyler olacak yapılabilir olduğunu Bir sınıf stilleri etiketlemek konumlandırma yapılacak gidiyor oysa biz burada kimlik stilleri kullanarak kaplarda öylesine başlayalım Ben gitmek yaşıyorum ve tekrar fark için gidiyoruz ilk şey, bu kadar getirmek Tasarım kısıtlı olmasıdır Burada belirli bir alan ve kısıtlı ediliyor alana içine tam burada benim görüntünün gibi geniş böylece tasarım aslında bu şekilde çünkü 900 piksel almak edecek mi onu Bu tasarımın buraya bu görüntü ile var olan Şu anda biz dönmek için gidiyoruz bu marj alanı göz ardı böylece genel tasarım 900 piksel genişliğinde olmalıdır Ayrıca sayfada ortalanmış tasarım fark gidiyoruz bu yüzden tüm içeriği ortalamak için bir yol gerekir ve biz rapçi içeren için sarıcı kullanmak için gidiyoruz ne Tüm tasarım öğeleri eğer öyleyse ben belirli bir çırpılmış olun ve merkez de tüm iç olmak Buna öğeleri üst ama logosu üst kol işareti rapçi sosyal medya üst şimdi tüm bu şeyler nedir da merkezli Bir o alana kısıtlı bir şey bu minimize edecek anima burada rapçi animus gelip burada seni kod gidiyor ve ben de CSS rolüne özellik değeri ifadeleri eklemek ediyorum İlk olmak n ima o dokuz yüz yapacak piksel ve ikinci marjı olacak margin 0 alt ve üst olmak ne biliyor ve oto sol ve sağ Şimdi bu biraz daha açıklama taşır yaygın uzay şeyler için kullanılan iki özelliği vardır tek marj dışarı başka Patty ise her ikisi de sadece farklı biraz uygulandığında aynı işe Burada adı marjı veya Patty ya zorunda gidiyoruz ve sonra olacak n bir ila dört değerlerine sahip olduğunuz Burada değer alanında bizim kendi içinde şimdi sadece en 20 piksel diyelim bir değer koyarsanız Bizim marjları ekstresinde olacak 20 piksel sağlamak var olduğunu rapçi tüm yol etrafında 20 piksel bir marj Rapçi üst alt çevresindeki tüm yol sağ ve sol Farklı bir üst ve alt kenar isterseniz sol ve sağ kenardan burada değerlere koyacağım Örneğin ben 20 piksel yaptıysam ve daha sonra 30 piksel bu bana 20 piksel verecek üst ve alt ve 30 piksel sol ve sağ yüzden bir değer olduğunu geçerlidir marj değeri konteyner tüm yol etrafında Eğer iki değer koymak ve eğer ilk sayısı için alt ve üst olacak ve sol ve ikinci sayı için doğru Eğer belirtmek istiyorsanız bireysel üst alt sol ve sağ kenar boşlukları Bunu yaparken artık değerleri için kullanmak hatırlamak için herhangi bir kolay yolu saat yönünde gidecek olması üst biz kare konteyner var senin kabı ve ben devam edin ve buraya temel değerlerini koymak olsaydı Diğer yapmak elli şimdi 25 piksel ve Bu o ne diyor burada 10 piksel 20 piksel 30 piksel sağa üst Altındaki 25 piksel ve 10 piksel Sol ve kolay yolu hatırlamak için o saat gidiyor olduğunu Kap sağ üst alt etrafında Oniki saat sol üst Sağ saat altıda 03:00 dibinde kol izin ve saat dokuzda sol böylece 12 veya 4 değerlerinden her yerde koyabilirsiniz Seni ne zaman burada ve go ahead ve yapmak Ben devam edin ve değerlere koymak özledim onu Ben 0 uzay alt ve üst olmak istedim çünkü ve ben sol ve sağ merkezli olacak şekilde tasarlanmıştır neler sayfada artık bulmaktan hakkında gidebiliriz Her pencere için tam olarak ne kadar boşluk Pencere her zaman o sağ ve sol ama olmalı boyutlandırır veya içerik tasarım olacak, böylece merkezden olacak boyutlandırır Bu gerçekten ne yapmak istediğinizi çalışmıyor tarayıcı söylemek Bütün sol boşluk aynı miktarda koymak ve sağ bakılmaksızın ne kadar büyük pencere onun Bu şekilde o merkezine genel tasarım yüzen ve yaptığın sol ve sağ için oto yazarak Bunu marj 0 alt ve üst olacak ve Otomatik veya ortalanmış sol ve sağ ve her şey 900 piksel olacak Ben herhangi bir görünüm tasarlamak için gidiyoruz demek edeceğim ve sen şimdi burada görebilirsiniz Tasarım sayfasında merkezli olmuştur ve ben üstünde sıfır boşluk vardı Eğer orada kesilir harcama olduğunu görebiliyordu Daha ileri gitmeden önce bu yüzden şimdi bizim rapçi kurmak Aslında rapçi alanlarda nerede içeriği söylemek gerekiyor kesittir sayfa arka plan ve şu anda bu hepsi nerede ve sadece beyaz var Bunun üzerine plan şeyler durdurmak ve başlangıç ​​nereye kadar ben gerçekten görsel olarak söyleyemem Şeyler o gölgeli eğer ben bir deve o biraz daha kolay olacağım ve biz bir görüntü kullanmak istiyorsanız ne nedir Bu bu arka plan için yapacağız daha sonra gelip ediyoruz Şu an ben de olduğumda bir yaka kullanabilirsiniz özledim olduğunu do Yukarı arka plan için benim MH birileri kodu buraya geliyor ve ben bir kaydırma yukarı ve ben uygularsanız vücut etiketi arka plan rengi beri Tüm içerik gövde etiketi içinde olduğunu Arka plan rengi tüm sayfayı etkileyecektir Biri önde gitmek ve arka plan yapmak yaka çizgi ve ben bir iki nokta üst üste yazdığınızda onun olacak benim için bu küçük menüyü ekrana getirmek Ben aşağı oku kullanarak veya üzerine tıklayarak rengini seçmek istiyorum ve sonra butonu ve bu renk prizma getirmek için gidiyor Ben tam olarak belirtebilirsiniz yüzden buraya gelmek istiyorum Ben alışkanlık ve ben seçmek yapacağım adalet beyaz rengi olacak Bay H Orada Tamam'a tıklayın ve ben seviyorum arka plan rengini uygular Ben olacak tüm sayfaya o arka plan rengi tasarım görünümünde bu bakalım ve emin yeterli her şeyin var şimdi bizim Tasarımda bu sayfa renkli biz aslında rapçi alanını istemiyorum biz bu beyaz olmasını istiyorsanız içine bir renk elde etmek için bu yüzden ben de go ahead ve geri dönmek kulüpler Benim stil sayfası için buraya benim koduna Ben aşağı kaydırma ve ben rapçi bulacağım sevgili ve ben bir buraya tıklayarak ediyorum arka plan rengini Animus ve ben yapacağım bu sefer gevşek beyaz go ahead ve ne bu kadar almaya gerçekten hızlı bir şekilde başlar all-siyah istiyorsanız bazı kodlar demek sen onları siyah olmak istiyorum Eğer bazı beyaz olmasını istiyorsanız o olacak 0 00 olacak FF ve CSS sonra olacak renk değerlerini yok konusunda CSS serisi bizim giriş detaya daha gider ve ardından ima ve noktalı virgül ile bu deyim ben söyledim rapçi beyaz bir arka plan rengi uygulamak ve emin yeterli ben buraya gelip ben beyaz bir arka plan rengi var görebiliyorum rapçi üzerinde de olacak bildirimler görüntü doğru geliyor sınırın karşı şimdi Orada bir sorun şu anda burada ve biz merkezini istiyorum çünkü bu olduğunu Rapçi vermek ama biz O rapçi yaptım yukarı da dışında bazı marj alanı kazandı Tam burada görebilirsiniz Benim stil sayfası baktığınızda ama burada sorun Ben oto bu değeri hem de veremem burada aşağı doğru ilerleyin ne oto marjinal değeri vermek ve aynı zamanda diyemeyiz sol ve sağ tarafta 20 piksel olmalıdır Yani burada devam edip onlar benim kaynak koduna gel yapacağımızı ne İşte ve orada Rapçi vermek ve ne yapmak istediğinizi olduğunu Başka bir div durumda benim sarıcı div istiyorum ve is ilk açıklamak biraz zor da görürsünüz ama görürsünüz Ben sadece bir an gidiyorum böylece dakikalar kimliği üzerinde bir gün ve ben de çağrı bu dış değilim böylece vermek Buraya bir go-ahead kaydırma rapçi onları dışarıdan kadar açık ve ben DM çok go ahead ve aşağı kapanış günü olan do rapçi bir yakın var Orada Eğer vermek açtığınızda her zaman bizim zaman sahip kapatılması gerekiyor unutmayın Eğer bir etiket açtığınızda Eğer bir etiket kapatmak zorunda ve kimse herhangi görmüyorum kendi tasarım olacak fark biz dış div biçimlendirmek değil çünkü ve işte Devam edin ve ne yapmak istediğimi henüz styling İki stilleri geri dönüş olduğunu ve kod görünümünde bir film burada sadece go ahead bu tarz bu kopya bulacağız ediyorum rapçi tarzı vurgulayarak ve kopyalama de giderek ve sonra ben de devam edip gelen bir değiştireceğim adı var o yapıştırın ve kulüpler kapı tokmağı Dış artık Şu anda dış sıfır üst marjı ile sayfada ortalamak için gidiyor o da görmek için gitmiyoruz böylece daha 900 piksel olacak Herhangi hepsi burada fark ama şimdi devam edin ve ne edeceğim Ben go ahead ve yer bu konuda yapacağım olduğunu Bazı Ben ne yapacağım yani boşluk olacak Ben kırbaç kadar bu konteyner biraz daha geniş olmak istiyorum amor bu 900 olduğunu söylemek ve 60 piksel ne Orada biz söylemek gidip en bir göz atın ve bu ne yaptığını görelim bizim Tasarlamak Yeterince emin şimdi bazı beyaz tampon boşluk var sol ve sağ burada hem böylece biçimlendirme olacak kadar bitirir kap kadar dış ve rapçi ölümleri alır Yapmak istediğiniz bir sonraki şey, sadece DM tarafından kodlanmıştır logosunu sosyal medya simgeleri oluşturan Üst burada bizim afiş kurma var ve içerik alanı birilerini yapıyor benim CSS için koduna geri gelip aşağı kaydır Ben konteynırları bulmak ve yapacağımızı burada ne ilk logosu kadar Şimdi biz biraz boşluk istiyoruz Boloco etrafında hemen üst karşı hemen oraya itmek ve biz istiyorum sola daha üzerine itmeyin olacak iş gücü değil, Biz sadece biraz boşluk koymak istiyorum hakkı üst ve alt% uh bu böylece daha ben de devam edin ve bu marj kullanmak ediyorum Tesiste marj yazlar ve Üst ve alt 30 piksel boşluk olması istiyorum ama sol ve sağ istediğim yalnız ben devam edeceğim bırakıyorum Her zaman PX yapmalıyım 0'a yazın Bir değer koyarsanız değer olsa sıfır olup olmadığını o bırakabilirsiniz veya bir yazabilirsiniz öyle ya da böyle işleri% uh sadece tarafından ve şimdi ben önde gitmek ve orada benim tasarlanmış BM içine gideceğim biz görebilirsiniz gitmek biz etrafında hareket ettik Kimse devam edin ve tekrar kod içine gelip ve benim sosyal medya gelmek aşağı kaydırın ve edeceğim Burada simgeler ve ben buraya taşımak sosyal medya simgeleri gerek Ben gitmek için bu ihtiyaç nerede sağa Eğer bir şey sağa akmasını istiyorsanız bazı kod buraya geri gelmek Kullanmak için gidiyoruz CSS deyimini kullanmak için gidiyoruz beyanı değer hakkı ile şamandıra olacak Burada tekrar aşağı kaydırma ve bazı onlar go ahead ve şamandıra demek hukukun gitmek istedi sağa eğer Biz burada tasarım sol animate akış yapabileceği sola tüm yol ve o medya simgeleri var görebilirsiniz şişirilmiş Dale sağa üzerinden sular altında şimdi onlar Adele biraz karanlık olduğunu ve bu gerçek Bunun için başka bir nedenle ben önde eşimle gideceğim olduğunu rüya dokumacılar size geliyor tasarlanmış bir oyun Devam edin ve tıklarsanız çok çok kullanışlı Kenar uçurum resmin üzerine bunun o içerir beni did gösterecek Bu görüntü logosu ölüm ve görebilirsiniz Ben altta 30 piksel bir marj var ve 30 piksel o ipucu bağırma görürsünüz üstüne bir marj var görünür Bu her şey o zaman geyik olduğunu bunu burada tüm yol gidiyor bakın Bu simgeler dışarı itilmiş sebebi var sağa bu yüzden bu doğru biçimlendirmek için başka şeylere bir kaç yapmak gerekir Biri devam edin ve benim stil sayfası için kod buraya gel ve türünü benim kaplarda aşağı kaydırma ve ben burada olacak koymak kulüpler logosu için bir kap ve komuta var hakkı yok bir yumurta giriş akışı sola float olduğunu olduğunu o sağ bu içeriği üzerinde yüzer diyor Ne Neyin doğru olarak yapar sol kollar: Ne şamandıra bu ne şamandıra sağa üzerine taşıyın: olduğu gibi sol içinde bu hareket olduğunu sol ve her şey onun etrafında düşük sıralamak için izin Devam edin ve benim tasarım içine gittiğinizde yapmak. İlk ben slacked eğer gerçekten görebilirsiniz artık bütününü uzanır kenarları artık sadece yukarı alıyor tasarım ihtiyacı mekana bir adam kadar çırpılmış onun içeriği ve şimdi biz söyledim bulunuyor resmen sola üzerinden bu yüzer biz de bu kabı şamandıra söyledim üzerinde sağa biz devam ettik, böylece var ki Oradaki şimdi biz burada çünkü bir sorun bakın elden bizim lastik bırakılan bizim üst NAB vardır Ayrıca biz önde gitmek gerekir bu yüzden burada sona süzülüyor ve Doğru bir yukarı bir an olduğunu aslında en önde gidip hemen bu yüzden yolu oraya bunu yapmasına izin Devam edin ve buraya gelin istiyorum Benim kaplarda bir tür burada durdurmak artık kullanabilirsiniz komutu uçakları yüzmezler demek havada kadar bu kadar yüzmezler diğer unsurlara açıktır ve ben istediğim her ikisi de açık söylemek ve ben sol hem de temizlemek istedim demektir ve sağ yüzen bunun önüne gelebilir Ben ne zaman hem temizlemek ve tasarruf Eğer bu doğru orada atlar görebilirsiniz Sosyal medyanın simgeleri burada ancak üzerinde hala Şimdi yapmam gereken bir sonraki şey ileriye gitmek gerekir olduğunu dikey olarak karşı ve pozisyon yatay demektir şimdi sosyal medya simgeleri kodu bakarsanız biz onlar birbirinin üstüne yığılmış göründüğünü neden nedenini görebilirsiniz ve sosyal medya simgeleri nedeni var Auli listesindeki bir sırasız listesinde bulunan ve her bir simge içerebilir onun Ben şimdi yapmanız izin gidiyor istiyorum ne kendi liste tam konumu Tüm bu kadar farklı unsurları Şimdi ben de burada devam ediyorum ve geri dönmek Benim stil sayfası içine ve aşağı kaydırma Hayvan bir kap olup olmadığımı Burada sonra debide ben go ahead ve oluşturmanız gerekir Ben yapacağım başka bir stil ve tarz go ahead ve oluşturmak bir sosyal medya verilir altında Ben keser Orada adını verir ama bu etkiler izin vermeyin böylece her şey iyi ben sanatsal listesini etkileyecek istiyorum ürün normal / li ürün / li öğeleri birbiri üstüne yığılmış Bu öğelerin listesi için gayet mantıklı olarak ama ne biz onları yapmak istiyorum biz sanatçısını want Sağ yüzden önde gideceğim ve yapmak ne sol amor se sosyal medya simgeleri ölüm Neul liste öğeleri var Neul böylece konteyner sosyal medya simgeleri yüzden söylüyorum görünüm bağlı çaresiz Rakamsız listesini bulmak ve herhangi stil uygulanmış / li o sırasız listede onların olduğu ve ben de go ahead kulüpler ve bir kaç kere burada sekme vurmak dışarı yüzden biraz daha iyi okuyabilir alan ne ben önde gitmek istiyorum ve bunu bu özellik olsun hat ekran bunun yerine üst üste istiflenmiş olmasıdır bilgisi birbirlerine gösterilebilecekleri olacak üst üste istiflenmiş görüntülenen biriyle doğrultusunda birbirlerinin go ahead ve diyelim ve en bakalım bizim Tasarlamak ve ben 'burada onları reflash gerekiyor Orada sizi yaşayacağım gitmek Sadece yenilemek vurmak bu görünmüyor ve sizin sosyal medya görebilirsiniz eğer simgeler şimdi başka karşı bir dizilmiş böylece ekran inline özelliği liste öğeleri olmasına yol açar satırında görüntülenen yığılmış üst fırın karşı Şu anda şimdi bir başka Bu simgeler burada ben de istiyorum onları aşağı doğru itin sağ kenarına kadar olan Şimdi tek tek bunların her birine marjı geçerli olabilir ama yapmam için gitmiyorum ben almak istiyorum çünkü aslında en olanlar için tasarlanmış aslında bize gidiyor içine gidelim Burada bunu görebilirsiniz koduna bakmak Eğer ben kapsadığını Yöre bütün bu liste öğeleri kapanır bu yüzden ne yapacağımı go ahead ve burada yapmak o bir benim kaplara aşağıya gel yaşıyorum olduğunu ve ben de go ahead ve sosyal iç söyleyeceğim Medya simgeleri sevgili Bir seni l varsa ben üstüne biraz marjı uygulamak istediğiniz ve yine bir değer sadece marjı verir Üst alt ve sol değerlere doğru Biz saniye ilk sol ve sağ için alt ve üst vermek Dört değerler size üst hakkını verir Sadece bir tane belirtmek istiyorsanız alt şimdi sol Eğer marjı yapmak top bu durumda marj dash üst veya kenar çizgi alt marj dash o aradığınız ne olursa olsun sol ve daha sonra bir kolon düşmanlık 08:30 piksel bu yüzden o sırasız liste alıp aşağı koymak diyeceğim 30 üstten piksel ve tasarım görünümüne gittiğinizde şimdi görürsünüz Bu simgeler onlar kadar aşağı konum gibi hala görünüyor olduğunu dışarı itilmiş gibi bulunmaktadır bizim örnek bir kimse iyi bir değişikliğin diğer vardır soma değişikliği bu 40 piksel ve şimdi o biraz daha iyi görünüyor tasarımı gidiyorum Bizim örnek tasarımı bakmak duyuyorum Eğer görünen bu şekilde görebilirsiniz Şimdi biz önde gitmek istiyorum ve bunu bir sonraki şey, biz önde gitmek istiyorum ve Bu üst navigasyon biçimlendirmek ve biz olacak devam edin ve bir sonraki videoda garip başlangıç ​​konum ne Sol conf Video.

Açıklama

Www.timothywebtemplates.net Bunlar isteğe bağlıdır, biz gitmek gibi kodu yazmanız ve tamamlamak için kendi kaynaklarını kullanabilirsiniz: Eğer videoları ve şablon koleksiyonunda kullanılan eğitim materyallerinin almakla ilgilenen varsa, en öğrenebilirsiniz bu proje. Etki ve webhosting üzerinde Godaddy bizim web tasarımcıları indirim almak için, lütfen ziyaret edin: http://timothywebtemplates.net/godaddy/godaddy.html Kredi ve bu video için lisans bilgileri bu dizi oynatma listesi için açıklama yer almaktadır.

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

Joshua Kywn

Joshua Kywn

Dreamweaver, Expression Web, PHP / MySQL, JavaScript ve WordPress Web Tasarım Öğreticiler PHP ve JavaScript serisi üzerinde çalışıyorum. İndirim Kodu Hosting Domain Tescil ve - etiketli "Domain & Hosting İndirim" aşağıdaki bağlantıyı kullanabilirsiniz

YORUMLAR



9.7/10

  • 551
    Olumlu
  • 16
    Olumsuz
  • 227
    Yorum
  • 150538
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Hak5

    Hak5

    7 EYLÜL 2005
  • Michael Neal

    Michael Neal

    2 Mayıs 2009
  • FusioNGamiing

    FusioNGamiin

    10 Temmuz 2007

ANKET



Bu sayfa işinize yaradı mı?