Sınıfa kolay yolu "geçerli sayfa"

2 Cevap php

Ben farklı sayfalara bağlantılar ile benim Web sayfasında bir gezinti çubuğu var. Otomatik olarak geçerli sayfaya karşılık gezinti öğesi üzerinde sınıfı ayarlamak için kolay bir yol var mı? Örneğin, ben şu anda "Hakkımızda" sayfasını görüntülerken eğer çubuğunda "Hakkımızda" sekmesinde farklı bir tarzı var istiyorum. Ben kulesi kadar her sayfa için bazı PHP olabilir biliyorum, ama yerine daha genel bir set-it-ve-unut çözüm olurdu.

2 Cevap

Ben daha önce bu kullandım ve iyi çalışıyor.

http://www.cssnewbie.com/intelligent-navigation/

Eğer saf HTML / CSS çözümü, iyi istiyorsanız ben vurgulanmış hangi sekmesi açıklayan vücut üzerinde bir sınıf koymak olduğunu düşünüyorum ve her sekmede bir kimliği, daha sonra CSS yoluyla oradan sekmeleri hedef.

"Ana" sayfa benzer bir <body class="Home"> olurdu süre Yani HTML için, "Hakkımızda" sayfasında <body class="AboutUs"> gibi bir şey olurdu. Sekmeler, her "aboutus" ve "ev" gibi benzersiz kimlikleri olurdu.

Sonra CSS, bunu gibi stil olabilir:


body.AboutUs tabs#aboutUs,
body.Home tabs#home
{
    /* selection style goes here */
}