23 EYLÜL 2010, PERŞEMBE

Etkin Sayfa Bağlantı Düğme Vurgusu Eğitimi

Merhaba burada herkes başka harika bir video öğretici ile bir kez daha yöneticileri Bella PHP doc app nezaket ve bu kişinin denilen işaretleme kusursuz etkin sayfa css menü Adam Khoury tarafından PHP dinamiklerini kullanarak beni yargılamaya Bu öğretici bağlı hale gelmiştir yeteneklerini bir forum sonrası P nokta com O bir prequel URL nerede paten Reineck Ben genellikle bunu yapmayın ama kaykay içine iseniz Eğer müzikle kaykay getirmek için ve müzik bu sizin için bir güvenli birlikte Bir kapatmak için sadece bir yıl RONIX dot com ben paten Serin benzersiz şeyler var doğ

ru tür herhangi bir havza öylesine oluyor kaykay müzik üzerine muhtemelen bir sürü sitesi olsun ediyoruz evet bir PHP veya HTML sitesi için menü işaretçileri nasıl burada bir öğretici olduğunu Onu aradı ve biri belki bir

tane yapabilirsiniz değilse ben görmedim teşekkürler böylece ben de göstermek sizi çünkü ben bu öğretici yapıyorum yüzden nasıl yapılır Menü Marcus P HTML CSS web biz biraz PHP dinamiklerini kullanmak Ayrıc

“Adam "Aktif Sayfa Düğmesi bağlantıları" yapar öğrenin ve o da sayfa tasarımına düğmeler karıştırma bir ekstra bonus attı....”
Adam Khoury

a güzel ve ince kolay ve şeyler tutmak için Bu öğretici olmak için teknoloji spektrum hareketi görevlendirilen böylece hareket içine bu koyarak ve bu bizim ne var ve ben de emin olabilir CSS ve HTML valide yeterince tüm iyi ilk değilse ve size alıyorum Burada biri öğreticiler ben tıklayın pek çok pazarlara yapmak öğrenebilirsiniz O ortak hareket kalır ortakları o aydınlandı ve kişi sadece düğme ile ortaklar sayfasında biliyor kendisi ve sizin öğrenecek

Etkin Sayfa Bağlantı Düğme Vurgusu Eğitimi Resim 1 Etkin Sayfa Bağlantı Düğme Vurgusu Eğitimi Resim 2 Etkin Sayfa Bağlantı Düğme Vurgusu Eğitimi Resim 3 Etkin Sayfa Bağlantı Düğme Vurgusu Eğitimi Resim 4

sin ilk şey Eğer üstüne kurulmuş bir menü var mı, belki bir menü yani dikey sol kanadın falan aşağı gidiyor ve düğmelerine istediğiniz Kalmak yaktı bu sizin ve dis için bir öğretici olduğunu sayfada orada da nasıl gösterir sayfanın içine düğme sağa lavabo nasıl küçük onay yüzden Onlar bu sayfada böylece bu düğmeye önce tıkladığınızda giymek bu Kesintisiz yapmak hiçbir satır yoktur ve sağ elemanın içine bir düğme onun planları bunun altında onun ancak bir zehir sen tamam ve sadece ekstra güvence ekledi sevmiyorum Devam ettim ve

Google Chrome burada görüntüler emin olun Doğru Internet Explorer'ın doğru görüntüler Firefox gerektiği gibi her şey tam çalışır herşey mekanları gerektiği ve Sadece olması gerektiği gibi opera her şeyi görüntüler ve tüm tamam şimdi atalım tüm farklı tarayıcılarda boyunca aynı değil Rock n Roll Bu soğuk mantığa hakkında konuşmak ve bunları nasıl ayarlanır Eğer anasayfa çok başka gibi çok basit olduğunu fark edeceksiniz ana sayfa bu ilgili dinamik olan tek şey menü şablonu kez dahil etmek PHP kullanarak buraya dahil Şimdi PHP bir dosya adı menü şablonu olur ki yapıyor ve hiç istiyorum değişiklikler bu web sitesini fark yalnızca dört sayfa vardır ancak 8 10 sayfadan oluşan bir web sitesi vardı ki ve değiştirmek istediğiniz söylüyorlar dizayn ya bu linki diyor belki neler belki istiyorum bir daha düğme eklemek tüm dört bunu yapmak zorunda kalmazsınız görünür Sayfalar Biz menü menü başka bir düğme eklemek istediğiniz içerdiğini kullanmak bu yüzden Nerede sekiz puan düğmesi etiketlerine nasıl biri demek değişir Ne URL bunu için gider 1 dosya tek bir noktada bu değişimin gibi bir şey 1 kez ve onun tüm sekiz sayfalık dört sayfaları güncelleme elli sayfaları bir akıllı kullanılıyorsa bir görünüm web sitesi Burada gördüğünüz bütün bu menü, böylece menü şablonu içerir indeks dosyasına bakarak bunu söyleyebilirim sayfa değil statik Anlaşma Kimliği menüsü konteyner Biz menü şablonu menü şablonu burada yer alır burada sadece içerir ve ben bir dakika içinde tartışmak için gidiyorum ve bu dinamiklerin nerede var olay tüm dinamikleri mümkün olduğunca çok sayıda var oluyor yapmada ve CSS biz için kullanılan bir CSS Style Sheets var web sitesi, bu düğmeler bakışınızı yukarı styling nerede bulunduğu ve o Kesintisiz var konum düğmeler sayfaya doğru uyum giymek etkiler Bu kap ve ben olacak üzerindeki dolgu 1 piksel kullanarak Eğer dört Sayfalar bakarsanız ben sadece sn tüm anlatacağım tüm nispeten aynı iletişim sayfası ortakları sayfası hizmetler sayfa index sayfası hepsi hemen hemen aynı görünüyor Dediğim gibi ve tüm bu menü şablonu getirerek Yalnızca bir ve bir kazık tek zamanlı şeyleri değiştirmek zorunda kaldı Eğer yeterince açık 12 sayfaları aksi takdirde tüm farklı alanlarda sayfaları etkileyecek Dreamweaver ve değişim engelli bu sayfaların her birinde küçük bir şey tamam stil sayfasını açıklamak gerekir eğer bir menü şablonu kullanmak için çabucak ben vücut etiketi etkileyen am görebilirsiniz margin-top ayar tüm sayfalarda sayfada: İstediğim bir gerçek pot boyutu 40 piksel 14 Böylece biz pot büyüklüğünü ve bir pot ayarlayabilirsiniz İsterseniz ailesi ve tüm bu şeyler kimsenin almak ve bu menü kabı yapabilirsiniz bkz Burada tüm sayfalarda olduğunu yaptım. Menü konteyner stil sayfası burada bu stil etkiliyor bu yüzden Bu kap, bu kabın yağmur burada styling etkilenen ediliyor burada ve burada ve bu biraz anan gördüğünüzde Bu menü konteyner içeriden sadece bağlantıları etkiler o sadece orada orada herhangi bir çıkışa bağlantılı stil olabilir Ben ne yapıyorum ki ben bunu doldurma var olsun nasıl var böylece harfler yakın düğmeleri kadar ruh sanat deli o var ve ayrıca düğmeleri küçük bir oda verir padding-bottom: 1 pixel o Süit o kadar FTP o benim değişiklikleri 20 izle bakmak verir ve bir çizgi var görebiliyorum şimdi tamam Alice tazeleme yenilemek Eğer bir sorunsuz entegrasyon kadar düğmesine yok göründü o ve bunun altında sevgili avcı içine birçok kişi bilmiyor kontrol etmek için böylece üçe o biri atılmış ediyorum neden olduğunu ve ve en yenileme edelim ve o ben nasıl Çok basit olduğunu etkiyi elde ve text-decoration: menü konteyner içindeki tüm bağlantıları Ben hiçbir alt çizgi istedim bu yüzden Oranı dedi onların şimdi burada menü kabı bağlantılar, bu tarz koymak Harbor'a böylece bağlantının üzerine getirdiğinizde o neye benzer aktör görünüyor ama gerçekten bu yapabilirsiniz Siyah Eğer bir harf yapabilirsiniz vurgulu pembe yapabilir Orada her renkte tam burada istiyorum renk metne değişecektir değiştirmek ve bu şimdi burada arka plan rengi değişecek Elimizdeki ve böylece menü konteyner için var güveç CSS stil Biz bir sonraki şey böylece menü düğmeleri menü düğmeleri aktif değildir, bu onların olacağını vardı styling ise Burada bu bu üç aktif değildir ve ben şu anda üzerlerinde asılı değilim bu yüzden beyaz ışık barı ile lacivert konum aktif olduğunuzda sonra atamak Bu kullanarak sayfadaki benim aktif düğme o aktif menü şablonu bir PHP dosyası birisi sadece bir saniye içinde açıklamak php dosyası ihtiyacı dinamiklerini işler zaman o hareket sayfadaki farklı bir sınıf set Bu sınıf tam burada hangi benim aktif ama hangi istediğiniz ne olursa olsun bir arka plan ve bir yaka alır İstediğiniz herhangi bir metni aynı renkler bedenimi kullanmak gösterir yaptım Vücut bölümü ve o nerede o kadar lavabo Ben düğme olacak kusursuz bir düzen Bunu yaparken sayfanın içine ben gerçekten harika bir etkisi olduğunu düşünüyorum Şimdi onu izmaritleri vücut konteyner burada geçen biraz tartışmak hangi değil biz dışında ne yapıyoruz gerçekten alakalı şey Bu güzel mavi vücudu render yapar ve rengi maçları Benim düğmeleri hareket ve zaman Hubbard o olduğunuzda bu yüzden benim vücut konteyner uyacak şekilde ayarlayın Bu yüzden her şeyi dokuz ISH kadar eşitler ve Burada ben bu burada yaptım hangi diğer interbodifüzyonunu içeriğin benim doldurma verdi o gri orada mavi kutu olduğu söyleniyor vücut konteyner yaptım görür sınır Daha sonra anılan başka bir div kapsayıcı ve basitçe o yüzden o gri sınırında kadar yakın değil yani doldurma olduğu söyleniyor kutuda kenarında o Buradaki fikir tarafından ve birinci kelimenin ve kutunun kenarına arasındaki boşluk ben yazar set okşama sözü ve bu tüm bu kadar Şimdiye kadar gördüğüm şimdi her şey stil sayfasına sürece temel HTML ve CSS temel Şimdi burada ben son için en zor şey saklıyorum düşünce olabilir Bu hiçbir nanananana çok basit Ashish menü şablonu o PHP Sadece bu kadar çok satır içeren ve yoksul hatta PHP ne yaptığını açıklamak Ben bu sayfaya HTML çıktısı ne yapıyor açıklamak değilim Burada bağlantılar için bu görmek ve aykırı neyi CSS uzmanları bir sürü her zaman kullanmak zorunda değilsiniz düşünüyorum ve sırasız liste ve liste elemanları güzel menüler oluşturmak için aslında sadece bir etiket kullanılabileceğini bu yüzden size L & L Ben hepsini vermek için çok daha akıllı olduğunu düşünüyorum Bir Jaeger CSS ayrı dedi ne yatay / dikey yapabilirdi ve tüm VTC doğrular Böylece gerçekten gerçekten ihtiyacınız yok sıralı listede gerekmez / size li elemanları olacak gerçekten herhangi bir tür CSS menüler yapmak bile ellerinden geleni boncuklu gibi çıkışlar ya da bir şey bırakın ayrılmış ve tüm hala doğrulanmış ne olursa olsun temelde tamam Ne oluyor burada dört bağlantıları döşeme üzerinde Çok basit ve tek şey dinamik Bu bağlantılar hakkında çatışması dinamik olduğunu Şimdi PHP içine gidelim görebilirsiniz Hiçbir hata vardır, böylece ve biz sayfa değişkenlerini başlatmak olduğunu görürsünüz Varsayılan değerler koyarak çünkü aslında biz kaldırabilirsiniz bu yüzden bu gerçekten başlatıldı edildiği başlatıldı ediliyor o kolaylaştırır tüm varsayılan değerlere insanların değerlerini getireceğim için buraya CSS stili ona normal bir sınıf verir benim düğmeleri düğmeleri ve daha sonra burada benim aktif düğme var ve Biz orada şimdi burada var gitmem nasıl sana göstereyim Bütün bu küçük uygulama hakkında sorta şey sadece semi Cherokee Menü bağlantı kimliğini almak ve ben bunu başarmak yolu burada yapmaya çalışıyorum temelde ne oldu sayfa adı Ben Hizmetler sayfasında kulüpler eğer öyleyse sadece ne olsun Ya benim mantık bana anlatıyordu ben almak zorunda oldu Bunu yapmak için onun sayfa adı bu yüzden bu almak zorunda ortaklarına hizmet Adalet almak istedim ortaklar yüzden PHP hepsi tür yerleşik gerçekten kullanışlı olan PHP kullanılan Tüm kimyasal malzeme ve basename için fonksiyonları Diğer işlevi bir PHP dotnet araştırma yapabilirsiniz temelde o basename alır ne yapar ise Dosya ve sunucu PHP hücresi Bu tam karma işler ya da tarayıcı ve böylece URL o her şey bu dosyada bütün geçmiş olacak sunucu bu yüzden ne yapmak olduğunu üzerinde size basename olsun kaldırılması, tüm yama şeyler Yani temelde baz isim kaldırmak için gidiyor tüm bu dize kadar yamalı ve sadece PHP endeksi ile terk veya PHP hizmet demek Bu nokta PHP kenarları ortadan kaldırmak için burada değişken olacak basename işlevi için orada ikinci argüman geç o kaldırmak sağlayacak Sadece indeksi sadece hizmet beni bırakır uzatma bu değişken yapacak ne sadece ortaklar Geçtiğimiz taban adını kaldırarak, çünkü yolu kaldırıyor ve aynı zamanda biz sadece bir sayfa ile kalacaksın yani uzantıyı kaldırmak bize yardım ediyor isim Biz dinamik dışarı işlemek için kullanabileceğiniz reklamın bağlantıları aktif sayfa olmalıdır Henüz buna stil o yüzden biz sadece söylemek üzerinde aktif link düğmesi styling Menü bağlantı havuzları yerseniz dizin menüsü bağlantı kimliği eşittir endeksi benim aktif düğmesi eşittir o benim düğmeleri varsayılan kontör geçer Ben buraya render yani benim aktif düğmeye geçin beni kimliğini bağlantı varsa o başka sayfa hareket ettiğini bilecek hizmetler sayfa hizmetlerini eşittir benim hareket eşittir ama Başka eğer var ancak birçok sayfa için filan falan filan falan filan Ayrıca kullanabilirsiniz Burada PHP'nin anahtarı ve mola ifadeleri Eğer değerlendirmek gerekir bu mantığı gerçekleştirmek için hangi sayfa hangi sayfa numarası ama, başka koşullar ifadeleri güzel çalışırsak bence bas o herhangi bir sorun olmaz ancak yerine kullanabilirsiniz çanta hangi sayfa ifadeleri ise Eğer PHP ile giderseniz eğer fren geçmek için yerine olabilir Ne değerlendirmek nasıl çalıştığını menü bağlantısını fikirler böylece var tamam bu yüzden bu çocuklar bir kaç yardımcı oldu umuyoruz ve size bir sonraki ders görürsünüz.

Açıklama

Adam "Aktif Sayfa Düğmesi bağlantıları" yapar öğrenin ve o da sayfa tasarımına düğmeler karıştırma bir ekstra bonus attı.

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

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.4/10

  • 125
    Olumlu
  • 7
    Olumsuz
  • 43
    Yorum
  • 28503
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • BuzzFeedVideo

    BuzzFeedVide

    10 AĞUSTOS 2011
  • Shanice Caruthers

    Shanice Caru

    27 EKİM 2011
  • TeeMayneTV

    TeeMayneTV

    27 Kasım 2010

ANKET



Bu sayfa işinize yaradı mı?