Modificare barra di navigazione con menù jQuery

[artikkk]

Salve, vorrei sostituire l'attual navbar (la parte che ti indica la posizione attuale quindi Indice ‹ phpBB3 ‹ [3.0.x] Stili ‹ Supporto stili) con questo menù jquery

http://comparenetworks.com/developers/j ... crumb.html

É possibile farlo? Se si, come?
Grazie

[Lady R]

La struttura del breadcrumb è pressoché uguale a quella di phpBB, è possibile implementarlo.

Però non ti posso aiutare, ho altro da fare, scusa

[Haku]

Che figo, caspio O.O

E' un pò come in VBulletin e IPB O_o

Lady, se poi avrai tempo, attenderò °.°

[artikkk]

Le penso tutte io ste cose.. looooool
Aspettiamo qualcuno che sappia mettere le mani al posto giusto xD

[Haku]

Le penso tutte io ste cose.. looooool
Aspettiamo qualcuno che sappia mettere le mani al posto giusto xD

E' che io non le trovo, quindi tu posta miraccomando ù_ù

[Barrnet]

Provo a darti la soluzione
Apri l'overall_header, cerca:

Codice: Seleziona tutto

  </head>

Aggiungi prima:

Codice: Seleziona tutto

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
        </script>
        <script src="{T_THEME_PATH}/js/jquery.easing.1.3.js" type="text/javascript" language="JavaScript">
        </script>
        <script src="{T_THEME_PATH}/js/jquery.jBreadCrumb.1.1.js" type="text/javascript" language="JavaScript">
        </script>
        <script type="text/javascript">
            jQuery(document).ready(function()
            {
                jQuery("#breadCrumb0").jBreadCrumb();
                jQuery("#breadCrumb1").jBreadCrumb();
                jQuery("#breadCrumb2").jBreadCrumb();
                jQuery("#breadCrumb3").jBreadCrumb();
            })
        </script>

Poi metti, dove vuoi il menu:

Codice: Seleziona tutto

<div class="breadCrumbHolder module"> 
                <div id="breadCrumb0" class="breadCrumb module">
                    <ul>
                        <li>
                            <a href="#">Home</a>
                        </li>
                        <li>
                            <a href="#">Biocompare Home</a>
                        </li>
                        <li>
                            <a href="#">Product Discovery</a>
                        </li>
                        <li>
                            <a href="#">Life Science Products / Laboratory Supplies</a>
                        </li>
                        <li>
                            <a href="#">Kits and Assays</a>
                        </li>
                        <li>
                            <a href="#">Mutagenesis Kits</a>
                        </li>
                        <li>
                            Mutation Generation System&trade;
                        </li>
                    </ul>
                </div>
                </div>

Passiamo al tema, apri stylesheet.css, cerca:

Codice: Seleziona tutto

@import url("tweaks.css");
@import url("colours.css");

Aggiungi dopo:

Codice: Seleziona tutto

@import url("BreadCrumb.css");

E carica BreadCrumb.css nella cartella del tema.
Apri il file BreadCrumb.css, cerca ogni ../images/ e sostituiscilo con {T_THEME_PATH}/images/, ovviamente carica nella cartella images del tema le immagini dentro la cartella images del menu.

[artikkk]

Provo subito

[Barrnet]

Ho corretto alcuni errori, è meglio che riapplichi le modifiche

[artikkk]

Un bel casino
Vieni in chat da me.. e guarda

[Barrnet]

Ah, mi sono dimenticato: devi caricare la cartella "js" dentro alla cartella del tema!