Automatické dynamické menu
Popis rozšiřující značky Albirea menu. Jak se značkami pracovat naleznete v návodu na tvorbu XHTML šablon.
Rozšiřující značka menu
Automatické dynamické menu umožňuje na webu zobrazovat seznam článků v určité složce reagující na jejich pořadí i změny.
Vložení do šablony
<extension><menu notfound="menu nefunguje" /></extension>
Kód je potřeba vložit do všech šablon těla, kde jej chcete zobrazit.
Nepovinné atributy menu
Menu má nepovinný atribut directory, který pomocí ID určuje, na jakou složku menu reaguje. Pokud není tento atribut definován, jako složka se automaticky bere složka zobrazovaného článku. Pro zjištění ID složky klepněte v administraci Albirea v Obsahu webu pravým tlačítkem na složku a zvolte modrou ikonu s i. Číslo identifikátoru je pak ID, které vložíte jako hodnotu atributu.
<extension><menu directory="9" /></extension>
Další nepovinný atribut je subdirectories, kterým nastavujete vypisování podsložek do menu. Nastavením na hodnotu 0 nebo false vypisování vypínáte a nastavením na 1 nebo true jej zapínáte.
<extension><menu subdirectories="true" /></extension>
Stylování sdílení
Šablona vám na stránku vloží přibližně tento HTML kód:
<ul id="albireomenu">
<li><a href="adresa">odkaz</a></li>
<li><a href="adresa">odkaz</a></li>
<li><a href="adresa">odkaz</a></li>
<li><a href="adresa">odkaz</a></li>
<li><a href="adresa">odkaz</a></li>
<li><a href="adresa">odkaz</a></li>
</ul>
Jak vidíte, vše se vloží jako seznam. Jako adresa se použije hodnota soubor článku a jako odkaz se použije odkaz článku. Soubor i odkaz se defaultně vytvářejí z nadpisu článku, ale lze je změnit v Pokročilých nastaveních při tvorbě nebo editaci článku. Pořadí článku nastavíte v administraci v části Obsah webu, pouze klepněte na tlačítko Řadit obsah, tažením souborů články uspořádejte a klepněte na Dokončit.
Menu můžete nastylovat do sloupce odkazů například takto:
#menu {width:250px;}
#menu ul {display:block;list-style-type:none;position:relative;left:-30px;}
#menu a {font-size:20px;font-weight:normal;text-decoration:none;}
#menu a:link {color:#ffcc00;}
#menu a:visited {color:#ffcc00;}
#menu a:hover {color:#bc4600;}
Jak se pracuje s CSS v Albireu naleznete v návodu na tvorbu grafiky pro Albireo.
Drop-down menu
Albireo podporuje klasické horizontální dynamické drop-down menu, příklad je vidět například na http://onehackoranother.com/projects/jquery/droppy/
Ke správnému chodu je třeba nastavit atribut subdirectories v tagu menu na true (ukázka v části Nepovinné atributy menu).
Do hlavičky (v sekci Disk > XHTML > headers > hlavička, kterou používáte tam, jde je menu) vložte následující kód:
<link rel="stylesheet" type="text/css" href="styles/droppy.css" charset="UTF-8" media="screen" /> <script type="text/javascript" src="scripts/jqr-droppy.js"> </script> <script type="text/javascript"> $(function() { $('#albireomenu').droppy(); }); </script>
Dynamické menu se pak vytvoří podle dané složky: Obsahuje-li článek, vytvoří se odkaz na něj. Obsahuje-li složku, název složky se použije jako položka menu, která po najetí na ni rozbalí další položky. (Může se rekurzivně opakovat).
Stylování: Stylujeme pomocí droppy.css (Disk > Styly). První blok needitujte! Další jako barvy pozicování, atd. je jen na vás.
