Realizzare menù di navigazione

[Sir Xiradorn]

Mmmm sagace. Complimenti per la pensata. Controlla solo se pero questa cosa non da problemi di varia natura anche con innesti ti tipologia js o similari.

In sostanza mico si è inventato sta cosa. Ammettiamo questo esempio semplice. Devi andare dal punto a al punto b una hai una montagna di fronte. Hai però Il divieto di non poterla scalare, ne bucare in mezzo. Allora mico cosa ha fatto. ha detto questo. Salire no, Bucare no. Ci passo sotto rendendo diciamo NULLA la montagna e creando un punto alternativo sul quale tu puoi fare ciò che più vuoi. Passarci a piedi, o in canoa o boh con un jetpack

@Mico sarebbe interessante potervi instanziare eventi custom dentro così da standardizzare un po il tutto e prevenire problemi, ma offrire un maggior controllo dei punti di accesso

[Micogian]

Mi sono dimenticato di dire che per sostituire la testata originale e il box "search" ho inserito un EVENT

Codice: Seleziona tutto

<!-- EVENT overall_header_navbar_before -->

prima della riga

Codice: Seleziona tutto

<!-- INCLUDE navbar_header.html -->

In pratica la parte originale che va sostituita dal codice personalizzato è questa:

Codice: Seleziona tutto

<!-- EVENT overall_header_body_before -->

<div id="wrap">
    <a id="top" class="anchor" accesskey="t"></a>
    <div id="page-header">
        <div class="headerbar" role="banner">
            <div class="inner">

            <div id="site-description">
                <a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
                <h1>{SITENAME}</h1>
                <p>{SITE_DESCRIPTION}</p>
                <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
            </div>

            <!-- EVENT overall_header_searchbox_before -->
            <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
            <div id="search-box" class="search-box search-header" role="search">
                <form action="{U_SEARCH}" method="get" id="search">
                <fieldset>
                    <input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
                    <button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
                    <a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
                    {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
            </div>
            <!-- ENDIF -->

            </div>
        </div>
        <!-- EVENT overall_header_navbar_before --> 

In pratica è la testata e il box "search" che vengono commentati e con l'evento "overall_header_navbar_before" vengono riscritti.
Guardando meglio si potrebbe evitare di inserire l'EVENT "overall_header_navbar_before" e utilizzare l'evento originale "<!-- EVENT overall_header_searchbox_before -->" per inserire il tag di chiusura del commento e il codice sostitutivo.
Il box "search" che viene dopo si potrebbe escludere con i css.
Il risultato sarebbe che la testata originale viene commentata e sostituita con la testata personalizzata e a seguire il Menu, mentre il box "search" non verrebbe visualizzato con un "display: none;" e qui Sir Xiradorn può dire la sua.
Il nuovo "search" viene inserito nel Menu.