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

Apri l'overall_header, cerca:
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™
</li>
</ul>
</div>
</div>
Passiamo al tema, apri stylesheet.css, cerca:
Codice: Seleziona tutto
@import url("tweaks.css");
@import url("colours.css");
Aggiungi dopo:
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

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!