-
.
Menu Utente: tendina a comparsa
Passando sulle voci del menu utente, la relativa tendina comparirà gradualmente dal basso, con un simpatico effetto di opacità.
[ANTEPRIMA]
Installazione
Inserire, in Colori e Stili:CODICE/* Menu Utente: Tendina a comparsa - http://ffmagazine.forumfree.it/?t=62259934 */
.menuwrap li > ul {margin-top: 20px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; display: block !important}
.menuwrap li:hover > ul {margin-top: 0; opacity: 1; visibility: visible}
.menu ul {display: block; visibility: hidden; opacity: 0}
.menuwrap li > ul: indentifica la tendina. Modificando margin-top potete cambiare la distanza tra menu e tendina, modificando i valori di transition potete regolare il tempo che la tendina impiegherà a rendersi visibile/invisibile.
Informazioni
Il codice è compatibile con entrambi i layout, e con i browser più diffusi (fatta eccezione per IE).
Credits
Il ForumFree Magazine non pretende crediti obbligatori con link e banner da inserirsi sul vostro forum. Tuttavia, dal momento che il codice ha richiesto uno sforzo non indifferente, chiunque volesse inserirli può trovarli qui di seguito (è fatto invece severo divieto di rimuovere i crediti presenti nel codice):HTML<a href="http://ffmagazine.forumfree.it/?t=62259934">Menù Utente: tendina a comparsa</a> creato da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=6199181">bored</a>
E' possibile, come indicato nei termini di utilizzo, ridistribuire questa guida sui vostri forum lasciandone inalterati integrità e contenuti/crediti ed inserendo il seguente codice in fondo al messaggio:HTML<div class="textinput" style="margin:1px;padding:4px;display:block;text-align:center"><a title="Menù Utente: tendina a comparsa" href="http://ffmagazine.forumfree.it/?t=62259934"><b>Menù Utente: tendina a comparsa</b></a>
Realizzata da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=6199181">bored</a> del <a title="Forumfree Magazine - Stai al passo con Forumfree!" href="http://ffmagazine.forumfree.it/"><b>ForumFree Magazine</b></a>.
Guida rilasciata sotto una <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Licenza Creative Commons 3.0</a>.</div>Menù Utente: tendina a comparsa
Realizzata da bored del ForumFree Magazine.
Guida rilasciata sotto una Licenza Creative Commons 3.0.
Edited by El Gringo 89 - 11/1/2013, 15:44. -
.
Effetto carino, mi piace . -
.
Grazie . -
Band.
User deleted
Molto bello . -
JimmyJoker.
User deleted
Bello grazie ^^ . -
andrytotti10.
User deleted
stupendo, complimenti . -
Slash'.
User deleted
funziona solo la prima volta che si passa il mouse sui link del menuwrap, se poi lo si toglie e si ritenta il codice non funziona più . -
¬•Lorenzo•™.
User deleted
che ficataaaaa . -
Tonzio.
User deleted
funziona solo la prima volta che si passa il mouse sui link del menuwrap, se poi lo si toglie e si ritenta il codice non funziona più
già non mi piace solo per questo. -
Davidinho98.
User deleted
quoto. -
JimmyJoker.
User deleted
questo xkè usate chrome, con firefox rimane sempre. -
.
Che carino questo effetto . -
.Non sarebbe meglio fixare il problema in modo da renderlo perfettamente funzionante anche con Chrome?
Sarebbe meglio di certo, ma il problema che causa il restringimento dell'effetto solamente per la prima visualizzazione con chrome, è per via della memorizzazione dei cookie della pagina. Infatti al primo utilizzo dello script non funziona più.
Penso che sia risolvibile con del javascript, ma purtroppo non saprei dare giuste indicazioni, penso propio che il nostro bory sarà in grado di indivuaduare ed correggere l'errore =). -
.
Adoro questo effetto! . -
.
Per caso, guardando la sorgente del menu utente, sono riuscito a capire e risolvere il bug che si presentava con Chrome
Ovviamente il codice nella guida è stato aggiornato.