Transizioni: chi mi aiuta a fare il 6° passo ???

[Massimo]

L'idea di fondo sarebbe riuscire ad implementare in WebSite X5 (con poche linee di codice) degli effetti di transizione del menu simili a questi:


1) http://tympanus.net/codrops/2013/08/28/transitions-for-off-canvas-navigations
2) http://tympanus.net/Development/HeaderEffects/
3) http://tympanus.net/Tutorials/AnimatedBorderMenus/index.html
4) http://tympanus.net/Development/PageTransitions/

Se non dico castronerie questi effetti di transizione, oltre l'implementazione di jquery,  hanno bisogno di un'impalcatura del codice ben definita (che ovviamente non è quella che genera website). Tuttavia so che per spostare un div da un punto all'altro del DOM basta un piccolo script del tipo (esempio per spostare il menu su un'altro div):


<script>
    $('#nome_altrodiv').prepend($('#imMnMn'));
</script>




Quindi la sfida è questa:
sarà possibile implementare in modo semplice tali effetti inserendo i rispettivi file jquery, creando ("prima della chiusura del tag body") la struttura corretta di cui hanno bisogno per funzionare e spostando tramite lo script sopra, alcuni div di Website X5 (#imPage, #imMnMn, #imContent) nelle giuste posizioni della struttura appena creata ??


Inutile dire che ci sto provando ma ho bisogno di aiuto e supporto per riuscirci....

[lemonsong]

Non necessariamente devi "spostare" gli elementi predefiniti di WS.

Non c'è una ricetta unica: in genere è sufficiente sostituire gli id/classi usati negli esempi, con quelli di WS ed eventualmente aggiungere qualche CSS per "sistemare" il tutto.