PHP logo
Ik werk graag met php voor mijn sites. Op de plek waar je bv je menu wil, zet je <?php include(“pad naar file locatie”); ?> en klaar. Zo hoef je een wijziging in het menu niet in alle pagina door te voeren maar op 1 plek, nl de php file.
Nu liep ik pas vast op een php menu include waarbij de actieve pagina in het menu zichtbaar moest zijn. Lastig met php include want hoe weet je op welke pagina je ziet. Hier een pure css oplossing. Werkt als een speer.
In je stylesheet…
#bhome a#home{
color:#f00;
}
In pagina …
<body id="bhome">
Link in het menu (id maar één keer gebruiken)
<li><a href="" id="home"></a></li>
Geleerd van WebmasterWorld. Echt helemaal super.
Een voorbeeld
CSS…
#bhome a#home,
#babout a#about,
#bcontact a#contact,
#bfaqs a#faqs,
#bproducts a#products,
#bservices a#services,
#bsitemap a#sitemap
{
color:#f00;
background:#eee;
font-weight:bold;
}
menu voorbeeld…
<ul>
<li><a href="" id="home"></a></li>
<li><a href="" id="about"></a></li>
<li><a href="" id="contact"></a></li>
<li><a href="" id="faqs"></a></li>
<li><a href="" id="products"></a></li>
<li><a href="" id="services"></a></li>
<li><a href="" id="sitemap"></a></li>
</ul>
Body <body> elements zien er zo uit…
<body id="bhome">
<body id="babout">
<body id="bcontact">
<body id="bfaqs">
<body id="bproducts">
<body id="bservices">
<body id="bsitemap">
Enjoy!
Comments are closed.