MENU SVG 
Autor: 5t3llino ..
Visited 2181,
Followers 1,
Udostępniony 0
SALVE, QUESTI TIPI DI MENU SONO "COMPATIBILI" X INSERIMENTO IN WSPRO10 ?
http://tympanus.net/codrops/2014/09/16/off-canvas-menu-effects/
GRAZIE....
Posted on the
Ciao, certo che è possibile... dopo aver fatto il download, dentro ci trovi le pagine con gli esempi dei vari tipi di comparsa del menu... io per esempio ho aperto quello "elastic.html"... se hai un po' di dimestichezza con l'inserimento di codice in website, sai che dovrai inserire al passo 1, prima della chiusura del tag head, le dichiarazioni dei css e dei js.:
da
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
a
<script src="js/snap.svg-min.js"></script>
poi prendi le righe comprese da
<div class="container">
...
fino a
<button class="menu-button" id="open-button">Open Menu</button>
salti il resto, e poi le ultime due dichiarazioni degli script
<script src="js/classie.js"></script>
<script src="js/main3.js"></script>
e le inserisci, sempre al passo 1, ma sotto la voce "Proprietà del tag body" (devi togliere l'ultimo carattere ">" di </script
(questa procedura di inserimento di questa parte di codice sotto la voce "proprietà del tag body" non è gradita a molti (forse per la indicizzazione del sito)...ma funziona...quindi...vedi tu...
poi inserisci un oggetto html in home page, mettilo a 0 di altezza e allega nel tab esperto, tutti i file che trovi sotto le varie directory dell'esempio che hai scaricato, tralasciando la cartella fonts, rispettando i percorsi...tieni presente che in anteprima il segno in alto a destra per aprire il menu non compare, io ho ovviato aggiungendo al codice una colorazione del background dell'elemento, aggiungendo la parte in sottolineata alla riga
<button class="menu-button" id="open-button">Open Menu</button>
...ma in Firefox si vede correttamente... puoi anche aggiungere alla riga <div class="container">
l'eliminazione della colorazione di sfondo modificandola così
<div class="container">
regola di sale e pepe, aggiungi una manciata di prezzemolo e un po' di parmigiano, a piacere... ciao
Autor
innanzitutto...ti RINGRAZIO skeggia...!!!!
credo che questo sia un forum dove chi sà meno possa apprenderne da chi ne sà di piu :)
ho seguito questi passaggi....ma...dove avrò sbagliato?
http://www.wowx.altervista.org/
P.s. quando apro l'anteprima non mi dà piu la possibilità di visualizzare "in altro browser"
errore di wspro10?
GRAZIE SKEGGIA !!!!
Autor
ALLEGO WIS
hai messo tutto il codice in Head...leggi meglio sopra...
Autor
giusto, ma anche spostandolo ci sarà qualche altro errore
http://www.wowx.altervista.org/
intanto mettilo giusto....poi si vedrà se crea errore...
Autor
niente, illustro i miei passaggi :
- PRIMA DELLA CHIUSURA TAG HED
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.2.0/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/menu_elastic.css" />
<script src="js/snap.svg-min.js"></script>
- PRIMA DELLA CHIUSURA TAG BODY
<div class="container">
<div class="menu-wrap">
<nav class="menu">
<div class="icon-list">
<a href="#"><i class="fa fa-fw fa-star-o"></i><span>Favorites</span></a>
<a href="#"><i class="fa fa-fw fa-bell-o"></i><span>Alerts</span></a>
<a href="#"><i class="fa fa-fw fa-envelope-o"></i><span>Messages</span></a>
<a href="#"><i class="fa fa-fw fa-comment-o"></i><span>Comments</span></a>
<a href="#"><i class="fa fa-fw fa-bar-chart-o"></i><span>Analytics</span></a>
<a href="#"><i class="fa fa-fw fa-newspaper-o"></i><span>Reading List</span></a>
</div>
</nav>
<button class="close-button" id="close-button">Close Menu</button>
<div class="morph-shape" id="morph-shape" data-morph-open="M-1,0h101c0,0,0-1,0,395c0,404,0,405,0,405H-1V0z">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 800" preserveAspectRatio="none">
<path d="M-1,0h101c0,0-97.833,153.603-97.833,396.167C2.167,627.579,100,800,100,800H-1V0z"/>
</svg>
</div>
</div>
<button class="menu-button" id="open-button">Open Menu</button>
<script src="js/classie.js"></script
<script src="js/main3.js"></script
- FILE ALLEGATI AL CODICE IN ESPERTO
(allegato)
dove è il mio l'errore?
Grazie
dove è l'errore???....ahahaha...e dove sono le cartella css e js ???...
hai messo tutto in files, ma gli indirizzi non puntano a files.....
E il DS_Store che hai esportato, buttalo...non ti serve
Autor
uppo cartelle css e js ma nada....
Autor
forse sbaglio nei percorsi.... : (in allegato)
ho uppato cartella js e css
Autor
Mirko, allego il progetto, potresti gentilmente reinviarmelo corretto?
almeno vedo direttamente cosa sbaglio...
ti ringrazio.
Autor
AIUTO S.O.S
spero che questo sia più esaustivo...screenshot...
hai messo i codici del secondo blocco nel posto sbagliato
i percorsi dei files che alleghi devono essere dichiarati nell'ogg. html (3) sullo screenshot... nel tuo progetto mancano da allegare i file: demo.css e normalize.css nel percorso css... e spostare il codice messo in "prima della chiusura del tag BODY" devi metterlo in "Proprietà del tag BODY"...
e dovrebbe andare...
Autor
@Skeggia 12 ti ringrazio della pasienza....ma sono entrato in confusione
se non chiedo troppo, potresti inviarmi il progetto coretto? almeno mi è molto piu chiaro....
Grazie davvero....
[OT]
@S. Vox
Visto che fai un sacco di domande, posso fartene una io?
Perché hai reso privato il post "widget form richiesta di disponibilità"?
https://helpcenter.websitex5.com/post/113765
Grazie.
...
Autor
Grazie @Skeggia 12 nel frattempo stavo procedendo... http://www.wowx.altervista.org/ (sempre con qualche errore)
TI RINGRAZIO VIVAMENTE
è una grande soddisfazione avere nozioni e dritte da VOI, per poterci capire qualcosa in piu volta x volta.
____________________________________
@lemonsong , faccio "tante domande" poichè non essendo un esperto, a stento un principiante, le "tante" domande sono generate dal dubbio e da una voglia d apprendimento. Scusami se ho voglia d apprendere....
per quanto riguarda il coso privato, ti dirò che non sono un gran bazzicatore di forum, e ti dico anche che sto scoprendo man mano questo, e sinceramente non so nemmeno cosa possa cambiare da privato o pubblico, tanto meno non riesco nemmeno a capire come si puo mettere il "risolto" ad un post che ha risolto il problema.
Scusa la mia "incompetenza". e scusami se non conosco le conseguenze di mettere un post da pvt a pubblico. sarei ben contento se me lo spiegassi :)
Un post privato, come dice il nome, è privato: può leggerlo/intervenire solo lo staff e l'autore.
Se rispondo ad un post e poi lo trovo privato, mi chiedo: avrò scritto qualcosa di "scorretto"?
Tutto qui, era solo una curiosità.
Vedo che adesso è tornato pubblico.
Se vuoi apprendere senza copia/incollare (è un'arte anche quella) puoi legeerti un po' di giude online sui linguaggi HTML, CSS, JS e volendo sui linguaggi lato server.
Autor
Grazie @lemonsong,
comunque pian piano sto cercando di interfacciarmi con i linguaggi...
poichè credo che un copia e incolla non serva poi a padronizzare cio che si sta facendo...
tranne magari in casi estremi.
Sono alle prime armi su queste robe...spero nel tempo di assimilare quanto di cui ho bisogno...tutto qui...
AVEVO POSTATO DELLE DOMANDE a cui spero qualcuno potrà rispondere:
- Avviando l'anteprima da ws non mi permette piu di aprirla in altri browser
- il form email non mi funziona, ho inserito una email di aruba su un dominio dissociato di misterdomain.eu , mi chiedo se il problema è nell'aver inserito una email dissociata dal dominio, e perkè in questo caso non và? ............ http://www.villaggiolepalatine.it/form.html
Grazie anticipatamente per le risposte.
Non hai colto l'ironia
Autor
@lemonsong l'ho colta l'ho colta dont warry
potremmo risolvere (se possibile) il problema del form mail che urge abbastanza ?