Pagina 1 di 2

Modificare barra di navigazione con menù jQuery

Inviato: 24/11/2011, 11:03
da 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

Re: Modificare barra di navigazione con menù jQuery

Inviato: 24/11/2011, 12:55
da Lady R
La struttura del breadcrumb è pressoché uguale a quella di phpBB, è possibile implementarlo.

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

Re: Modificare barra di navigazione con menù jQuery

Inviato: 24/11/2011, 13:17
da Haku
Che figo, caspio O.O

E' un pò come in VBulletin e IPB O_o

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

Re: Modificare barra di navigazione con menù jQuery

Inviato: 24/11/2011, 14:06
da artikkk
Le penso tutte io ste cose.. looooool
Aspettiamo qualcuno che sappia mettere le mani al posto giusto xD

Re: Modificare barra di navigazione con menù jQuery

Inviato: 24/11/2011, 14:12
da Haku
artikkk ha scritto: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 ù_ù

Re: Modificare barra di navigazione con menù jQuery

Inviato: 24/11/2011, 16:37
da Barrnet
Provo a darti la soluzione :D
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.

Re: Modificare barra di navigazione con menù jQuery

Inviato: 24/11/2011, 16:39
da artikkk
Provo subito :)

Re: Modificare barra di navigazione con menù jQuery

Inviato: 24/11/2011, 16:48
da Barrnet
Ho corretto alcuni errori, è meglio che riapplichi le modifiche :(

Re: Modificare barra di navigazione con menù jQuery

Inviato: 24/11/2011, 16:52
da artikkk
Un bel casino :D
Vieni in chat da me.. e guarda

Re: Modificare barra di navigazione con menù jQuery

Inviato: 24/11/2011, 16:57
da Barrnet
Ah, mi sono dimenticato: devi caricare la cartella "js" dentro alla cartella del tema!