Rubriky
PC SEO

PHP menu tutorial

Jak zvýraznit zvolenou položku v menu?

Hledal jsem na internetu možnost naprogramovat si aktivní položku v menu. Jinak řečeno kliknu na odkaz a aktivní odkaz bude „nějak zvýrazněn“.

Tohle je návod pro lamy, co se PHP učí, nebo pro ty, co tvoří malé weby převážně v html a do souboru si pro ulehčení editace některé části includují.

Když jsem já hledal nápovědu na netu, našel jsem jen toto, a to mi nefungovalo, takže zde je vlastní návod. Snad vám bude nápomocen.

Čeho chceme dosáhnout:

<ul class=“vaše stylování“>
<li class=“active“><a href=“/“>ÚVOD</a></li>
<li ><a href=“cenik“>Ceník</a></li>
<li ><a href=“informace“>Informace</a></li>
<li ><a href=“kontakt“>Kontakt</a></li>
</ul>

Máte desítky podstránek? Pak je to lepší řešit přes php, z důvodu pozdější editace. Pokud budete v budoucnu menu měnit, stačí pak editovat jen jeden soubor – menu.php.

Vytvoříte si stránku menu.php a naincludujete si na každou podstránku:

<ul>
<li <? if ($str==’index‘) { echo ‚class=“active“‚;} ?>>
<a href=“/“>ÚVOD</a>
</li>
<li <? if ($str==’cenik‘) { echo ‚class=“active“‚;} ?>>
<a href=“cenik“>Ceník</a>
</li>
<li <? if ($str==’informace‘) { echo ‚class=“active“‚;} ?>>
<a href=“informace“>Informace</a>
</li>
<li <? if ($str==’kontakt‘) { echo ‚class=“active“‚;} ?>>
<a href=“kontakt“>Kontakt</a>
</li>
</ul>

URL můžete mít s koncovkou php nebo i bez ní.

<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN“>
<html>
<head>
<meta http-equiv=“content-type“ content=“text/html; charset=utf-8″>
<meta name=“generator“ content=“PSPad editor, www.pspad.com“>
<title></title>
</head>
<body>
<?php
$str = ‚index‘;
include („menu.php“); ?>

</body>
</html>

 

<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN“>
<html>
<head>
<meta http-equiv=“content-type“ content=“text/html; charset=utf-8″>
<meta name=“generator“ content=“PSPad editor, www.pspad.com“>
<title></title>
</head>
<body>
<?php
$str = ‚kontakt‘;
include („menu.php“); ?>

</body>
</html>

Samozřejmě musíte přidat i patřičné stylování. Pak to může vypadat např. takto:

 

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *