Menu animato ( jquery )

Menu animato ( jquery )

> [wow]custom:Dove inserirlo,,Pannello > Visualizzazione > Prima pagina > Generalita' > Messaggio sull'indice....Contenuto del messassio,000000/t[/wow] Prima di tutto spieghiamo di cosa stiamo parlando: la jquery e' una libreria javascript formata da una serie di funzioni CSS HTML e QUERY per le diverse operazioni che si possono effettuare con questo strumento..come e' divisa Gli script Codice: <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  <script type="text/javascript"src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script> Il css Codice: <style type="text/css"> .dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }  a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }  .dock-item span { display: none; padding-left: 20px; }  .dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; }  </style> Lo script con la funzione che vogliamo che svolga Codice: <script type="text/javascript">  jQuery.noConflict()(function () {      // Dock initialize      jQuery.noConflict()('#dock').Fisheye(          {              maxWidth: 30,              items: 'a',              itemsText: 'span',              container: '.dock-container',              itemWidth: 50,              proximity: 60,              alignment : 'left',              valign: 'bottom',              halign : 'center'          }      );  });  </script> I div per il collegamento immagini link con la funzione Codice: <DIV id=dock>  <DIV class=dock-container>          <A class=dock-item href="url "><SPAN>nome1</SPAN><IMG alt=home src="immagine"></A>          <A class=dock-item href="url"><SPAN>nome2</SPAN><IMG alt=contact src="immagine"></A>      </DIV> se volete aggiungere altre stringhe non dovete fare altro copia/incolla con quelle gia presenti detto questo una volta copilato tutto come preferite..non dovete far altro che incollarlo sull'indice del forum . Vederlo cosi sembra molto difficile ..ma vedrete che con i link che seguono sotto la cosa e' piu facile dirla che farla...visto che vi viene messo tutto a disposizione.. questo sono due esempi : esempio Menu orizzontale -Attenzione queste funzioni contengono diversi script...inseire molti script sul forum puo' creare dei problemi.Lo staff non si assume nessuna responsabilita' per i malfunzionamenti dovuti a una scorretta gestione del codice. Tutoriale da :The crow Copyrigth © FORUMATTIVO.COM

puoi inserire solo url di pagine e immagini nei div...il resto non lo toccare

< DIV id=dock > < DIV class=dock-container>
< A class=dock-item href="url delle pagina">Nome pagina < / SPAN >< IMG alt=home src="url dell'immagine" >< / A >
< A class=dock-item href="url">nome2< / SPAN >< IMG alt=contact src="immagine" >< / A >
< / DIV >

attenzione a non modificare id = dock

DEMO

inserire il codice nel CSS

Spoiler:

poi andare in PDA > visualizzazione > generale > overall_footer

dopo questo codice:
<

Codice:

strong>{ADMIN_LINK}</strong>

inserire questo:

Codice:

<script src="http://dsprime.webs.com/Stacker.js"></script>

<div class="stack"> 
    <img src="http://i67.servimg.com/u/f67/14/87/55/48/stack110.png" alt="stack"> 
<ul id="stack"> 
<li><a href="http://www.google.com/"><span>Aperture</span><img src="http://i67.servimg.com/u/f67/14/87/55/48/apertu10.png" alt="Aperature"></a></li> 
<li><a href="http://www.google.com/"><span>All Examples</span><img src="http://i67.servimg.com/u/f67/14/87/55/48/photos10.png" alt="Photoshop"></a></li> 
<li><a href="http://www.google.com/"><span>Example 3</span><img src="http://i67.servimg.com/u/f67/14/87/55/48/safari10.png" alt="Safari"></a></li> 
<li><a href="http://www.google.com/"><span>Example 2</span><img src="http://i67.servimg.com/u/f67/14/87/55/48/coda110.png" alt="Coda"></a></li> 
<li><a href="http://www.google.com/"><span>Example 1</span><img src="http://i67.servimg.com/u/f67/14/87/55/48/finder10.png" alt="Finder"></a></li> 
</ul> 
</div>

quale forum .....non capisco.

Io sono riuscito solo a fare il menu a cestino :) il resto no... mi piace molto il menu orizzontale

non ho capito comunque!

the crow ha scritto:quale forum .....non capisco.

quelle librerie con quel codice vengono caricate due volte..

da cosa lo capisci che viene caricatro due volte ?
e da cosa viene caricato due volte ?.....cerca di fare un discorso completo cosi capiamo quello che vuoi dire

nel codice sorgente di ogni forum puoi trovare le librerie e vengono caricate con questo codice..

Codice:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

infatti anche se non lo inserisci il menù funziona ugualmente nel forum..

vero..quello che dici...solo che in fase di prova non funziona senza quello script ...e non funziona neanche sul forum per il problema$
http://tifosigialloverdi.forumattivo.com/prova-h182.htm

poi se tutti i forum come dici tu hanno lo script per richiamare le librerie
perche' chi lo ha scvritto lo mette....ho non tutti i forum usano lo script o si e' rinc....



se non ti fidi nei link che ho messo c'e la fonte

dove devo inserire i vari codici per il menù a cestino??


passa il mouse sulla scritta "dove inserirlo" l'ho modificato