Fyrri mynd
Nęsta mynd

Hafa samband

Skilaboš
Nafn
Fyrirtęki / Félag
Email
Sķmi
Hafa samband meš
email      sķma

menu

Birtir veftré fyrir heimasíðuna frá rót. Þegar ákveðin síða er valin þá birtast undirsíður hennar einnig.

Uppsetning

Í PHP útlitsskjali skal rita breytuna svona: $smalixl['menu']

Dæmi:

<html>
<head>
<title><?PHP echo $smalixl['header_title']; ?></title>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
<body><div id="leftnav"><?PHP echo $smalixl['menu']; ?></div>
<div id="content"><?PHP echo $smalixl['body']; ?></body>
</html>

Í HTML útlitsskjali skal rita breytuna svona: [:menu:]

Dæmi:

<html>
<head>
<title>[::title::]</title>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
<body><div id="leftnav">[::menu::]</div>
<div id="content">[::body::]</body>
</html>

Útlitsstillingar

Hægt er að stilla útlitið á valmyndinni sem þessi breyta inniheldur. Það er gert í gegnum skrána smalixl_config.php sem er nauðsynleg skrá og inniheldur eftirfarandi breytur:

// Fyrsta stig (level)
$input_settings['menu'][0][0] = ""; // Fremst í þessu stigi
$input_settings['menu'][0][1] = ""; // Fyrir framan hvert óvalið síðuheiti í þessu stigi
$input_settings['menu'][0][2] = ""; // Fyrir aftan hvert óvalið síðuheiti í þessu stigi
$input_settings['menu'][0][3] = ""; // Aftast í þessu stigi
$input_settings['menu'][0][4] = ""; // Fyrir framan síðuheitið sem er virkt í þessu stigi
$input_settings['menu'][0][5] = ""; // Fyrir aftan síðuheitið sem er virkt í þessu stigi
$input_settings['menu'][0][6] = ""; // Fyrir framan síðuheitið sem er valið í þessu stigi
$input_settings['menu'][0][7] = ""; // Fyrir aftan síðuheitið sem er valið í þessu stigi
$input_settings['menu'][0][8] = ""; // Fyrir framan undirvalmynd í þessu stigi
$input_settings['menu'][0][9] = ""; // Fyrir aftan undirvalmynd í þessu stigi
// Annað stig (level)
$input_settings['menu'][1][0] = "";
$input_settings['menu'][1][1] = "";
$input_settings['menu'][1][2] = "";
$input_settings['menu'][1][3] = "";
$input_settings['menu'][1][4] = "";
$input_settings['menu'][1][5] = "";
$input_settings['menu'][1][6] = "";
$input_settings['menu'][1][7] = "";
$input_settings['menu'][1][8] = "";
$input_settings['menu'][1][9] = "";
/* Hér kæmi þriðja stig ef þörf er á (level)
// Breytur til þess að búa til spássiu með mynd (nota skal [:spacer:] í breytum hér að ofan þar sem myndin á að birtast)

$input_settings['menu_spacer_src'] = ""; // Full slóð að mynd sem á að nota til þess að búa til bil
$input_settings['menu_spacer_width'] = "";// Hversu breið myndin á að vera

Þessar breytur raðast á mismunandi vegu í kringum heiti hverrar síðu á valmyndinni. Best er að útskýra það með dæmi. Segjum sem svo að ákveðin valmynd fyrir heimasíðu eigi að líta svona út (undirsíða 2 er valin í þessu dæmi):

Valmyndir - Menu

Í dæminu hér að ofan eru þrjár síður í rót, ein þeirra feitletruð (móðursíða valinnar síðu). Svo eru tvær undirsíður og önnur þeirra valin. Í raun eru þarna tvær valmyndir fléttaðar saman. Til þess að átta sig á þessu er gott að ímynda sér töflur með útlínum eins og myndin hér að neðan sýnir:

Valmynd breytt í töflur

Hér eru svo búið að merkja staðsetningu hverrar breytu í þessar töflur:

Valmynd breytt í töflu 2

Með því að setja ákveðinn HTML-kóða við hverja breytu er hægt að stjórna hvernig valmyndin birtist. Athugið að græni punkturinn táknar hvaða "stig" (level) hver tafla er. Ef aðeins er gert ráð fyrir tveimur stigum þá er seinna stigið notað fyrir þriðja og fjórða stig. Hér er dæmi um hvernig breyturnar gætu litið út fyrir valmyndina í heimasíðu sem notast við CSS:

Dæmi:

// Fyrsta stig (level)
$input_settings['menu'][0][0] = "<div id=menu0 >";
$input_settings['menu'][0][1] = "<div id=menu0_normal >";
$input_settings['menu'][0][2] = "</div>";
$input_settings['menu'][0][3] = "</div>";
$input_settings['menu'][0][4] = "<div id=menu0_active >";
$input_settings['menu'][0][5] = "</div>";
$input_settings['menu'][0][6] = "<div id=menu0_selected >";
$input_settings['menu'][0][7] = "</div>";
$input_settings['menu'][0][8] = "<div id=menu0_container >";
$input_settings['menu'][0][9] = "</div>";
// Annað stig (level)
$input_settings['menu'][1][0] = "<div id=menu1 >";
$input_settings['menu'][1][1] = "<div id=menu1_normal >";
$input_settings['menu'][1][2] = "</div>";
$input_settings['menu'][1][3] = "</div>";
$input_settings['menu'][1][4] = "<div id=menu1_active >";
$input_settings['menu'][1][5] = "</div>";
$input_settings['menu'][1][6] = "<div id=menu1_selected >";
$input_settings['menu'][1][7] = "</div>";
$input_settings['menu'][1][8] = "<div id=menu1_container >";
$input_settings['menu'][1][9] = "</div>";

Þessi kóði hér að ofan skilar eftirfarandi HTML-kóða í $smalixl['menu'] breytuna:

Dæmi:

<div id=menu0 >

<div id=menu0_active >Síða 1 í rót <div>

<div id=menu0_container >

<div id=menu1 >

<div id=menu1_normal >Undirsíða 1</div>

<div id=menu1_selected >Undirsíða 2</div>

</div>

</div>

<div id=menu0_normal >Síða 2 í rót <div>

<div id=menu0_normal >Síða 3 í rót <div>

</div>