1 Mart 2011, Salı

Bir Web Sitesi Menubar Oluşturmak

Öğretici internet ve hoş geldiniz hangi Sana göstermek için gidiyorum rağmen nasıl burada bu adamı yapmak için Peter bana bir mesaj gönderdi ve o olduğunu söyledi çünkü ben bu öğretici yapıyorum iş bulma zor anlar yaşadı o nasıl bilmiyor çünkü Web sitesi düzenleri yüzden iyi sonuç için bu öğretici yarattı yapmanız gerekir muhtemelen de bir sağlamak benim oluşturmak stil sayfası web sitesi düzenleri kontrol bağlamak Eğer HTML ya da CSS üzerine fırça gerekiyorsa ve aynı zamanda bir bağlantı sağlamak Bu iki öğreticiler de de CSS stil öğretici Bu mineral içeriği daha bu kenar çubuğu bu konuşmayı oluştur

mak için nasıl gösterdi bu vermek sadece bu fotoğrafı alan bu sadece başka bir div olduğunu Bu pozisyon hakkı için ayarlı ise, bu canlı bir gün bir gün CSS sadece kutuları olduğu bu üyeler hepsi Yeni bir kutu olarak her

şey ve bu menü çubuğu Ayrıca bütün bütün menü çubuğu kutuları sadece bir dizi Eğer sağ tarafında buraya görebilirsiniz biraz d / a içinde kaplı Ekran sadece bir kutu yani onlar hepsi ve o iç menü denir bir tab

“En HTML ve CSS Kitap: http://goo.gl/JH5PNF Ben nasıl 15 dakikada bir menubar ile bir bütün web sitesi düzeni yapmak göstereceğim. Ben gerekli HTML, CSS ve JavaSc...”
Derek Banas

lodur ve sonra türü kadar bir satır var Bu konuda özel bir şey gibi bir sınıf hakkı Bu durumda sütunların bir dizi vardır yukarı o içeride biz yedi var sütunlar ve onlar tipi menüsünde yukarı normaldir ve her şeyi var way up her set Eğer üzerine fare koymak Bu ya da bu tabloda bu sütuna olur hepsini olduğu üzerinde gezdirin değişiklikler renk bir el bu gün için sinyaller başka bir tablo olarak içerdiğini göstermek zorunda Burada gördüğünüz Bu o öyle h

Bir Web Sitesi Menubar Oluşturmak Resim 1 Bir Web Sitesi Menubar Oluşturmak Resim 2 Bir Web Sitesi Menubar Oluşturmak Resim 3 Bir Web Sitesi Menubar Oluşturmak Resim 4

epsi var ve ne zaman tabii bir bit hover Bu yapmak için gerçekten karmaşık için gibi gelebilir ortadan aktif hale div görünür ve ben sadece değiştirmek yapmanız gereken değil tüm sağ hiçbir yeniden Bu gün sınıf satır içi am görüntülemek için görüntülenen değil hangi anlamına bu düzlemden position: absolute ben o olacak değişiklik olduğunda tüm CSS kodu yapmanız gereken tek şey sadece nasıl tam olarak doğru emin değil içine atlamak, o yüzden bu menü oluşturmak Her şeyi HTML stil Böylece tamam bu gerçekten aşağı kesilir da

ğınıklığı değil bir sürü Eminim bu HTML dosyasının içinde biz ne her şeyi ulaşmaya böylece yapmak zorunda olacak biz aslında yapacağız bu yazının akıllı şeyi yapmak konum yapacağız Gölü konum Harici stil sayfasına kendi olacak bizim CSS kodunun tüm tutun 8 referansları yerde işaret edecek Tamam o kalacağız biz var stil sayfaları çok yakında burada yapmak söyledi ve aynı zamanda bu öğretici açıklamaya oldu çok basit ya da fikri olacak Her şey mümkün olduğunca kolay olduğunu Burada ben bir dış javascript dosyasına bağlantı ediyorum ve doğru yüzden benim stil sayfası I bağlantılı böyle JS nokta menü denir Benim işim komut dosyası gibi herşey lookin 'süper şimdi Vücut dışında buraya buraya gelip bölüm ve aslında kendisi kadar Seni menü oluşturmak bir harita yapmak zorunda bir aşk yarattı ve bu da nasıl sık sık düzen web siteleri Bu farklı kutuları ile ve benzeri her şeyi tutabilir, böylece Ben gidip bu yüzden tüm örgütlü kimliği yaptım eşit ve ben bu konuda gerçekten özel arayacak menü hiçim o zaman biz bir tablo oluşturmak edeceksin ve Çeşidi olacak Şimdi hangi sınıf ve ben tanımlamak için gidiyorum o olacak 800 piksel genişliğinde olacak ve tabii ki bu yapabilirdiniz Eğer o ve benzeri gerçekten istediğinizi Anne boyutu Sadece hangi benim tablo satırı oluşturmak zorunda Ben o değil gerçek basit dediğim gibi satır bu her şeyi içeren olacak Gerçekten sadece bir satır bir şey yapmak şimdi ve biz sütunları tanımlamak için gidiyoruz değil TD ile tanımlanır sınıf daha fazla menüye eşit olacak bu sütunların her biri 160 olan bir varsayılan sahip oluyor ve fare üzerindeki aşırı arayacak basitçe denir olacak kadar basit bir javascript dosyası Bu adam için kimlik geçmişte bir dakika içinde genişletmek hangi normal menüsü iyidir Bir fonksiyona fare JavaScript el genişletilmiş denilen hangi bu sütunun kadar fare hareketlerini demektir sağ sonra o ve ima gibi başka işlevi çağrılır çöküşü aramak zorunda aslında imzalanmış bir isim koymak Bu sütunda ilgili: im sadece bir paragraf etiketinin içine koyacağım ve bu tamam gibi menüsü 1 yol koyacaktım ekranda burada bu kodun tüm görebilirsiniz kadar yürüyüş böylece daha sonra bir özellik içinde bu sütun başka div zirve politikası ve sınıf menüsü normal olacak birimler içeriden kendi mckree bir ıslak eşit 155 yakın içine zorunda olacak başka masa ile menüye eşit eşit olacak 255 tekrar bir tablo yuvarlak masa sütun daha sonra bir ağaç cussler menüsüne eşit normal ve daha sonra bu bulundurmak oluyor sınıfı tüm linkler ve burada sadece basit tutmak için Ben sayfa HTML yazmak için gidiyordu ve sınıf var olacak menü öğesi asgari çağrı ve ben bu bağlantıyı devre dışı minimal kıyafetler istemiyorum bunlar sadece gül, böylece o burada aslında bu adamlar olduğunu Böylece bağlantıları ile içeriden tüm bu karmaşık değil ve aslında çoğu zor iş bu sütun yakın değil yakın yapılır sıra ve tüm bu aynı olacak ne olduğunu tahmin yüzden biz aslında buraya gelebilir biz onlar için yapmak bu için isterseniz ve bu kopya süper kandırılan ne yapmamız gerektiği üzerinde orada en ilerleyebilirsiniz sonraki şey biz böyle masamıza nedenini yapmak zorunda ve ölüm yakın satırın sütun yakın olanlar masadan oldu ve gitmek orada eğer tüm gün sonra yakın Bu olacak olacak bu deli ne açılan tek kişi menü öğesi oluşturmak var biz aslında sadece ek menü öğelerini oluşturmak mümkün gidiyoruz olduğunu kopyalama ve bu kodu yapıştırarak İşte bu ve bunun içine geri almak için kulüpler Vücut bölümünün yakın ikinci ama bu bir menü çubuğu i oluşturarak gider tüm kodu Yüklü ve menü çubuğu Bütün oğlum şimdi alıyorum tıpkı oluşturmak JavaScript ve CSS kodu tamam Burada tipi ve işlev gelip gidiyor üzerinde onu JavaScript sormak genişletmek biraz görgü eşek demek adıdır Değişken Co Ltd querer es yapmak oluşturmak buraya gelip var d çağrı fonksiyonu olarak adlandırılır get TD eşittir etiket adına göre element ve olacak Bu eleman hakkı do gelişme Burada bu bizim aradığımız div ve biz ilk olsun söyleyeceğini içeride var gelişme görünür ama bu Gerçekten tek ve sonra TD inmesi için gidiyoruz önemi yok Menü hover eşit olarak sınıf adını değiştirin için ve bu arada benim web sitesinde mevcut tüm bu coz bir bağlantı var underbar Yazar sadece burada sınıf adını değiştiriyoruz biz görünmesini yapacak div class değiştirmek edeceksin ekran bir işlev daha çöküşü mutlak tersi olacak ve bu yüzden tur Raksha burada biz burada aynı kodu kullanabilirsiniz geliyor aslında çok yeni bir oluşturmak için gidiyoruz atanan bu tüm bu kodları kullanın değişken Tam olarak aynı şekilde, aslında 20 dakika ve burada karıştırdığını edildi adamlar sadece şimdi bu olacak bakın Bu temsil ediyor burada tablo sütunu ve burada bu Dave ki biz etrafında oynuyoruz ne ve biz sadece normal ve değişime haberleri değiştirmek edeceksin normal bu fonksiyonun tüm JavaScript kodunu kapatırsanız Tamamen şimdi yapılıyor Ben tüm CSS kodu oluşturmak ediyorum Yani burada bir CSS dosyası var ve ben aslında alacağım burada taahhüt Bir tablo sütunu normal olup olmadığını nasıl görüneceğini cezası içine normal pozisyonu üzerinde örtbas olmamak anlamı 0 piksel için bazı temel desenleri oluşturmak olabilir Üye, bu vergi olacak olası renk gibi basit olmak istiyorum beyaz font-weight: bold dikey hizalama olacak üst olacak ve bu sadece dikey hizalama ayarlıyor veren konu o içeride burada bu sütun oranı ile etrafında üyesi veya planı yapıyor hepsi hepimiz orada yapıyoruz bu üstüne hizalayarak ediyoruz ve bu arka plan rengi gibi onun arlyne Sağ böyle, böylece bu temel gider tüm stil olan masada iç sütun çok karmaşık değil ve ben kopya seviyorum ve mümkünse bu yüzden olacak menü oluşturmak yapıştırın üzerinde ve bu olacak biz renk olacak değişiklik konum burada aynı kalır olduğunu siyah biz gidecektik konum bu bball olacak terk ediyoruz vertical-align: top olacak ve biz değiştirmek için gidiyoruz Eğer üst üzerinde gezdirin zaman aşağıdaki arka plan rengi içinizde isteyen erkekler olarak o küçük kutunun o sütun o zaman biz burada içinde bu sevgilim oluşturmak gitmek gerçekten karmaşık burs olacak bu diyet yapmak ile normal görünüm nedeniyle normal menüsü Böylece biz öylece ekrana demek konum görüntülenemiyor etmektir ve biz de burada pozisyona koymak için gidiyoruz tarafından sigara doktorlar Bir statik analiz denir akışı ile gitmek biliyorum diyor Çok bir lavman kopyasını karmaşık ve yapıştır bu değildi sayfa bize diğer Adam tekrar Bu uzak burada vermek menü duraksamak bu aşağı sekerek kutu Eğer menü öğesi bir rapor var her ekrana sadece sizin yani karışık alamadım Şimdi üzerinde olduğundan biz sınır verilir senin biraz siparişinizi yukarı ekran yapacaksın sadece Obama'nın basit olarak katı bir şekilde söylemek fark ve background-color: Gerçekten bir son yapmak böyle yapacağız burada bu çizgide olmuştur take konum ekranda görüntü div söyler Bir satır içi kutusu oluşturmak için hiçbir satır temelde sadece ekrana geliyor diyor olduğunu sonları ile ve daha sonra yapacağız değişim pozisyonu mutlak konum ve bu pozisyon için gidiyor eleman olacak olan ebeveyne göreceli Bu sütun normal gibi öylece hat herşeyi kadar gerçek güzel ve bu çekirdek, bu menü çalışması için gereken koddur Burada atlıyormuşum ve vücut gibi sadece bazı temel şeyler yaratmak Bunu ayarlamak için gidiyor sadece tür sefil alışkanlık bash aile font-family: Ben bu doğru gibiyim bütün entire için Bütün süre boyunca yazı tipi boyutunu ayarlamak ve bu web sayfasından tamamen ayrı olduğunu unutmayın Bir değişiklik yaparsanız sizin site çapında her sayfayı etkileyebilir böylece ben soldaki marjı kuruyorum harika bulunuyor ve İşte 3 piksel yok sadece ve işletim kopyalamak süper ve biz yapacağız biz herhangi bir dolgu istemiyorum demek Varsayılan ayarlar vücudu gibi en yakın duran arama ve biz de bu tarz bir şey buraya gelecekler konum paragraf ABD padding-top: Yeni şeyler gerçekten sadece sorta önemli değil Sadece bir completionist olduğu gösterilmiştir Şimdi tüm tablo şafak çubuğu görmek, böylece Eğer görmek ne şimdi boris önemli hiç değil ki sereceğim yapmak sekiz puan üzerinde yazı tipi boyutunu değiştirmek olduğunu gemide cuz marjı 20 piksel Orada sınır 0 yolu neredeyse yok gibi hareket istiyorum bu ve masa diyet menüsü kural cıvata dakika punto 28 puan değiştirmek marjı ve aynı zamanda dolgu 30 ve iç yapıştırın yani sınırın yaklaşık piyasa endişe alright böylece tüm yapılır bulunuyor iyi ben temelde tek şey burada ele değil ne ne onlar üzerinde farenizi koymak bu adamlar olur Bu çok çok basit de ele alınması gidiyor ama ben de göstermek bulacağız ediyorum senin Dünya farklı seçenekler var Eğer bu kadar karmaşık hale böylece zirve Manor istediğiniz gibi anima bu bağlantılar üzerinden tüm tüm silueti yapmak ve bu sadece bir menü öğesi inanılmaz kolay olacak Tüm Inc text-decoration: non arayan metin renkleri beyaz olacak hatırlamak vergilendirilir oluyor beyaz 2.5 piksel kadar ekleyerek bir ağaç üzerinde Sadece mavi sipariş alt gibi: background-color 2.5 piksel katı beyaz ekran blok olacak ve bu sadece öncesi ve sonrasında bir satır sonu görüntülemek için anlamına gelmektedir sadece basit bir link olduğunda o kadar tamam bu adam sadece basit ne gidiyor mümkün her diğer bulmak için orada olmak özellik bu linki amigo macunu olabilir hızı macunu yüzden en basit olduğunu burada tekrar buraya gel biçimleri diğer ne şeyler ben de ben de bir olabilir olabilir bağlayabilirsiniz ziyaret biçim evet biz çünkü farklı bir şey bulmak için gidiyoruz değil neyi Bir menü, bir daha ince olduğunu mantıklı değil ancak hazneye daha biz kesinlikle farklı bir şey yapmak istiyorum ne zaman onun 1 diğer sanat Ben yapacağım Siyah Bu değişiklik ve arka plan rengini değiştirmek ve açık maviye ben de aynı şeyi yapmak için gidiyorum tahmin ne zaman onlar tıkladıklarında aktif demektir siyah ve mavi ışık olacak bu yüzden sadece burada aynı kalır mıyız var ve ben sadece kod ve bu satırları değişti Ben başka bir şey yapmanıza gerek yok eat kullanın Bu css kodu ile ben bir sürü şey gibi görünüyor biliyorum Gerçekten şimdi ben sadece buraya gelmek zorunda öylesine ve tüm çalışmaları bir göz atın, bu getirmedi olur Menü benim yarattığım ve bunu ekranda burada söyleyebiliriz Burada bu sadece oluşturduğunuz bir ana bar ve daha sonra biraz içine tablo ile bir do var ve her şey istediğim gypped hissediyorum gibi olan güzel çalışıyor Daha fazla menü öğeleri Buraya gelip hiçbir sorun sadece menü açılır ve ben sadece alacağım nerede biter aşağı normal menüsü etiketli oluyor sütun alanına hangi orada olacak ve ben öylece kopya yaşıyorum ve en o biz diyelim Oluşturmak istediğiniz ama satır arasında bazı ayrılık biz yetmişli oluşturmak istiyorsanız bu yüzden gidip macun iyiyim bu yüzden sadece kopyalanabilir ve tasarrufu bu dosyayı kopyaladım ve size söyleyebiliriz Benim için tüm bu birçok bar oluşturulan bunların her biri tam olarak aynıdır ve içinde sırıtmak bu ürüne herhangi birini değiştirmek istiyorsanız İşte sadece buraya gelirdi tabii ki yapmak oldukça basit ve bir bu değişiklik eğer bir çağrılacak istediğini merak içeride de değişebilir görünür Bu öğeden bir öğe 293 bir öğe için ve benzeri ve böylece ama hey ben hala gypped hissediyorum diyebilirsiniz Başlangıçta hepimizi sidebars ile gerçekten güzel Wade dışarı grafik gösterdi ve tüm bu şeyler iyi ki gerçekten aslında bilinen uygulamak gerçekten zor olacak Sadece CSS stil web sitesi düzeni oluşturulur kodu alacak uzun boylu ve burada başlık var her şeyi çevreleyen beden var olduğunu ve tüm CSS kodu çünkü tüm bu farklı şeyler yaratmak ve Bu gerçekten hakkında sadece karmaşık bir şey olduğunu Toro sidebars yüzen neden bir balta gece tek nedeni hatırlıyorum karmaşık Orada Tamam bu yüzden ben menü almak istiyorum diyelim orada çünkü bu adam olduğunu ve bu takılı olmalı komple bir web sayfası çocuk yapmak gerçekten zor hayır biz bunu bizim dış bir bağlantı var olduğunu gerekeni buraya iş değil stil ve / veya harici javascript kodu yüzden buraya o atlayışı kopya ritab bu seni mutlu eğer Başlık hızı altında oranı Sonra biz menü yarattı yere geri buraya atlamak Sadece bu gün üstüne gidin ve scree içinde alt kısmına gidin Biz bu göstermek istiyorum buraya buraya dipsiz bu kopyalama işine nerede yukarı ve biz menü başlık kısmı% sonra aslında göstermek istiyorum ah Web sayfası biz başlık div sonra gitmek ne yani ve biz Menya üzerine yapıştırılan ve biz buraya atlamak ve açık menü 3 ise sadece seninle o karıştırmasını değilim görebilirsiniz inşa etmek sürdü hepsi Bütün bu web sitesinin tamamı bu tüm şey yarattı ve O yüzden ben bütün bir web sitesi oluşturmak için nasıl 15 dakika bilmiyorum Onun başlıca ana içerik alanı kenar çubuğu için başlık çubuğu ile düzen yanı sıra bir menü çubuğu numarası olarak yeni think-tank nokta com bağlantısını tüm kodları underbar Herhangi bir sorunuz veya yorumunuz için yanındaki hava altında bilge onları terk.

Açıklama

En HTML ve CSS Kitap: http://goo.gl/JH5PNF Ben nasıl 15 dakikada bir menubar ile bir bütün web sitesi düzeni yapmak göstereceğim. Ben gerekli HTML, CSS ve JavaScript tüm açıklar. Bu aynı zamanda ben bu önceki tüm videoları öğretilen her şeyi bir yorum olduğunu. Kod İşte: http://goo.gl/xa9jz

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

Derek Banas

Derek Banas

Ben senin isteklerine dayanarak eğitimlerini yapmak. Hayal edebileceğiniz herhangi bir konuyu kapsayacak

YORUMLAR



9.8/10

  • 144
    Olumlu
  • 2
    Olumsuz
  • 92
    Yorum
  • 20451
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • After Effects Tutorials w/ Mikey

    After Effect

    24 HAZİRAN 2009
  • Jonathan Flavell

    Jonathan Fla

    1 HAZİRAN 2006
  • magnum33563

    magnum33563

    8 NİSAN 2011

ANKET



Bu sayfa işinize yaradı mı?