Unofficial WebSite X5
WebSite X5 versioni obsolete => WebSite X5 [v9] - Discussioni Generali => Topic aperto da: marcomazzurco - 18 Dicembre, 2012, 08:38:23
-
Salve ragazzi, scusate l' ignoranza, ma non ho ben capito nonostante abbia letto qualche guida, come inserire un menu in jquery su website x5 ev9. Devo scaricare il "demo", inserendolo nela root del sito in questione e poi inserire manualmente in website il codice html? Grazie.
-
di menù realizzati con jquery ce ne sono tanti. Se hai già trovato qualcosa che vorresti usare, posta il link e vediamo come si implementa in WSX5.
-
Per esempio nella sezione js di questo forum ho trovato lo scrollpanel ("scrollpanewxV.9") e mi piacerebbe utilizzarlo...come potrei fare? Grazie mille
-
Per esempio nella sezione js di questo forum ho trovato lo scrollpanel ("scrollpanewxV.9") e mi piacerebbe utilizzarlo...come potrei fare? Grazie mille
forse non capisco io : tu parli di implementare un menù in jquery e poi mi citi il post dello scrollpanel : cosa c'entra con il menù? in ogni caso nel post dello scrollpanel c'è il file da scaricare con l'esempio e i codici..
-
Si, scusami, avevo davanti lo scroll cmq credo che il procedimento per i menu sia analogo (credo)...quindi dovrei incollare il codice html in website e poi mettere nella root del sito il contenuto dell' archivio? E jquery non lo installo oppure ce lo ha già website?
-
Molto in generale:
- i file css e js necessari per il funzionamento del codice vanno inseriti nella root; se si mantiene la stessa struttura delle cartelle è più semplice. La libreria jQuery è già presente nella 9, quindi non occorre inserirla di nuovo.
- il codice contenuto nella pagina demo non va inserito tutto nell'oggetto html. La parte inserita in head va scritta al passo 1 (sezione esperto -> codice personalizzato per la sezione head) se deve essere presente in tutte le pagine del sito o in proprietà della pagina se interessa un'unica pagina.
La parte di codice inserita in body, invece, si può inserire nell'oggetto html.
La maggior parte delle volte, però, questo non è sufficiente. Se hai guardato gli esempi presenti sul forum, hai visto che spesso occorre aggiungere qualche regola di stile, oppure posizionare una parte di codice prima del tag </body> ... insomma, non c'è una "ricetta" universale. Come ti ha scritto milux, se posti il link all'esempio che vuoi integrare, si può provare a dare indicazioni più precise.
-
Ciao ragazzi, vorrei inserire questo menu jquery all' interno di un sito in website x5 v9...
Il menù in questione è questo http://dipi-graphics.com/labs/6/NavDock-jQuery-Plugin.html#null
Mi spieghereste come lo posso inserire? Intanto quando metto i file del menu nella root per root si intende la cartella principale del sito, ma quella che sta nei documenti > incomedia > e "nome progetto" oppure la cartella dove io tengo il materiale da inserire sul sito? Spero di poter riuscire ad inserirlo, grazie anticipatamente!
-
Ciao,
ho provato la prima delle due demo presenti e a questa mi riferisco.
La root è la cartella in cui si trova il file index del tuo sito.
Puoi procedere in due modi:
dopo aver inserito il codice del menu nel progetto, esporti il progetto su disco e poi copi nella cartella di esportazione la cartelle js (solo il file navDock_1.2.min.js) , la cartella css (solo il file demo.css), la cartella img e la cartella icoSet1 in essa contenuta (tutte le immagini presenti). Quando esporterai sul server, dovrai esportare tutte queste cartelle con un ftp esterno a evo.
Oppure puoi allegare al progetto tutti i file necessari attraverso la scheda esperto dell'oggetto html, impostando come percorso relativo sul server gli stessi nomi delle cartelle. Per quasi tutti i file, veramente: le immagini utilizzate nel menu sono in una sottocartella (img/icoSet1) e l'esportazione darebbe errore. Si può cambiare nome a questa cartella, ma dovresti modificare anche il codice html. Ad esempio mettendo le immagini del menu in una cartella chiamata miomenu il codice diventerebbe così:
Only registered users can see contents. Please click here to Register or Login.
Con questo secondo modo puoi vedere l'effetto direttamente nell'anteprima e il programma si occuperà anche di esportare online tutti i file necessari.
... spero di non averti confuso maggiormente le idee ...
-
Ragazzi scusate se mi accodo..... ma per un "poser" come me è comunque difficile capire ciò che avete fatto... potete chiarirmi meglio il tutto?
Dove inserisco il menù struttura?
Dove inserisco il link plugin files?
Dove inserisco l'activation?
Dove inserisco il codice CSS?
Thanks :))
-
Hai letto l'ultimo post di stesil?
Comunque, rispondendo alle tue domande:
- il menu struttura, ovviamente, nel body (intestazione - codice HTML, se lo vuoi in tutte le pagine)
- link plugin files, in head (ovviamente senza i tag head e la libreria jQuery)
- activation, sempre in head
- il codice CSS, nella sezione Esperto di un oggetto HTML e Widgets oppure in head tra i tag <style> e </style>
-
Grazie Lemon!!!!
Senza capire cosa ho effettivamente ho fatto....ora vedo le immagini sul sito... ma sono statiche. non hanno il "sobbalzo" dell'esempio...cosa sbaglio sec te Lemon?
-
Ho provato con l'iframe... ho ricostruito l'alberatura online delle cartelle, sottocartelle e files del progetto scaricato da internet al link suggerito su questa discussione, e ho creato un iframe che punta alla pagina html demo_01.html.... e funziona......
Certo non è elegante (per quello che ne posso capire io che non sono un programmatore ma solo uno smanettone), ma a parte il problema dell'eleganza, il problema è che
cliccando su di una icona interna all iframe, la pagina corrispondente al link richiamato dall icona, viene aperta all interno della cornice dell iframe.... che fare?? mumble mumble
Grazie per le risposte :lol:
-
L'uso di iframe, secondo me, dovrebbe limitarsi a casi eccezionali.
Inserire contenuti, menu o altri "elementi" utili per l'indicizzazione del sito, non è "cosa buona".
Se posti un link con la prova senza iframe, possiamo vedere cosa c'è che non va.
-
ecco il link:
http://mauriranda.altervista.org
-
Se lo vuoi posizionare dov'è ora (sopra l'intestazione/header), prova ad aggiungere la parte in blu alla classe .navigation01 nel file demo.css:
.navigation01 {
margin: 0 0 0 15px;
position: relative;
z-index: 1;
}
Devi anche correggere il codice HTML che hai inserito in Proprietà del tag BODY, in questo modo (ho rimosso i commenti):
Only registered users can see contents. Please click here to Register or Login.
Anche se il codice può sembrare non corretto, una volta inserito in quel punto, WS lo "aggiusta".
Per saperne di più, leggi qui: http://www.unofficialwsx5.com/index.php?topic=1462.msg11366#msg11366 (http://www.unofficialwsx5.com/index.php?topic=1462.msg11366#msg11366)
Altrimenti, come già detto, puoi inserirlo nell'intestazione/header (ovviamente senza le modifiche sopra riportate).
In ogni caso toglierei, come già detto più volte, la libreria jQuery:
Only registered users can see contents. Please click here to Register or Login.
Toglierei pure il reset, WS lo inserisce già:
Only registered users can see contents. Please click here to Register or Login.
... e il tag title, è doppio.
Nota: siamo nella sezione della 9, tu usi la Pro
-
Ho provato con l'iframe... ... ... ... ...
... ... ... ... il problema è che
cliccando su di una icona interna all iframe, la pagina corrispondente al link richiamato dall icona, viene aperta all interno della cornice dell iframe.... che fare?? mumble mumble ... ... ... ...
... se sei ancora interessato a sperimentare con IFRAME, al link devi aggiungere l'attributo TARGET= "_parent" oppure TARGET="_top";
... vedi codice nell'esempio menu:
>> IFRAME (http://www.zspace.it/kolasim/website/menuiframe/)
>> MENU (http://www.zspace.it/kolasim/website/menuiframe/menu.html)
.
ciao
-
Grandissimo!! funziona alla grande!!! Datemi una L datemi una E...LEMON!!!!!!! :lol: :lol: :lol:
Se volessi avere il pieno controllo della posizione come dovrei fare? tipo vorrei posizionarlo al posto della topbar, oppure in basso a xcm da dx...etc etc....
Mi puoi aiutare anche su questo?
Grazie mille!!
-
... se sei ancora interessato a sperimentare con IFRAME, al link devi aggiungere l'attributo TARGET= "_parent" oppure TARGET="_top";
... vedi codice nell'esempio menu:
>> IFRAME (http://www.zspace.it/kolasim/website/menuiframe/)
>> MENU (http://www.zspace.it/kolasim/website/menuiframe/menu.html)
.
ciao
Empiricus... ho cmq provato tanto per capire bene come funziona l'iframe... ma non sembra andare con il target... probabilmente non l'ho messo nel posto giusto....
-
[...] tipo vorrei posizionarlo al posto della topbar, oppure in basso a xcm da dx...etc etc....
Se per "top bar" intendi l'intestazione, hai già avuto risposta.
Per il resto, ci sono troppi "oppure" e "etc..." :)
L'attributo target va inserito nel tag a: http://www.html.it/pag/16050/gli-attributi-dei-link/ (http://www.html.it/pag/16050/gli-attributi-dei-link/)
-
Empiricus... ho cmq provato tanto per capire bene come funziona l'iframe... ma non sembra andare con il target... probabilmente non l'ho messo nel posto giusto....
... per esempio, se guardi il codice html della pagina, io ho usato per il primo pulsante:
<a href="index.html (http://www.zspace.it/kolasim/website/menuiframe/index.html)" target="_top" border=0><img alt="" src="h.gif (http://www.zspace.it/kolasim/website/menuiframe/h.gif)" style="width: 60px; height: 30px; border:0px" /></a>
...
ciao
-
mmm...problemone ragazzi...... ho cancellato tutto e riesportato.... adesso le icone mi si ingrandiscono oltre il limite e scompaiono a metà....
Illuminatemi ragazzi!!!!! sono un ignorantun!!!! :lol: :lol:
-
Controlla la "parte" Activate navDock: stai usando misure e parametri/opzioni della Demo 02.
Inoltre, per una questione di "pulizia", hai ancora questo:
... e il tag title, è doppio.
-
Funziona debbrutto!!!!!
Adesso ho caricato il secondo esempio e sembra funzionare bene....
Domandone:
1) se volessi togliere alcune icone come faccio a non far "sballare" il tutto? Per meglio dire....se tolgo un paio di icone, il gruppo riparte da sinistra come se le icone mancanti ci fossero ancora (effetto memomoria da amputato :)) ) per poi mettersi a posto con i passaggio del mouse. Come aggiusto la cosa?
2) se creo una pagina con website su cui redirigere una delle icone, quella pagina ha anche il menu jquery nelle sue impostazioni. come isolo il menù dalle pagine che richiamo dal menu (esempio 2, cioè quello attualmente online sul link che ho postato).
3) qual'è il tag che si occupa di modificare l'immagine di sfondo? Questo per customizzare il background...
Grazie raga!!!
-
Ho fatto altre prove....
guardate (se volete) il link che vi riporto:
http://attilaprova.altervista.org/servizi.html
domande:
1) dove cambio i parametri per ridimensionare tutto l'esempio 2 e renderlo più piccolo?
2) come posso fare in modo che all'apertura del file 01.html (ad esempio) la pagina non sballonzoli nel basso (ho inserito uno sfondo arancione per meglio visualizzare ciò che non riesco a spiegare a parole :-X ) a causa del cambio di dimensioni?
thanks very very very much x le risposte!!!!
-
Prima di tutto hai fatto un macello, incollando codice a casaccio.
Prima di smanettare, bisognerebbe capire com'è fatta una pagina web:
http://www.html.it/pag/16033/struttura-della-pagina/ (http://www.html.it/pag/16033/struttura-della-pagina/)
Per quanto riguarda i parametri/opzioni, questo è il codice commentato presente sul sito dell'autore:
Only registered users can see contents. Please click here to Register or Login.
Vedi se aggiungendo/modifcando i parametri/opzioni, succede qualcosa.
Intanto sistema questo.
-
Lemon... ci capisco poco :-[ :-[
vai qui:
http://lasorgenteweb.altervista.org/servizi.html
in servizi ho usato il menu jquery, in servizi2 l'iframe.....
vorrei solo riuscire a rimpicciolire il menu o l'iframe in modo che possa essere inserito totalmente nella pagina, senza cambiare le impostazioni/margini della pagina stessa...
Mi puoi/potete aiutare?
Grazie mille!!!
-
Riassunto delle puntate precedenti:
Dove inserisco il menù struttura?
Dove inserisco il link plugin files?
Dove inserisco l'activation?
Dove inserisco il codice CSS?
Comunque, rispondendo alle tue domande:
- il menu struttura, ovviamente, nel body (intestazione - codice HTML, se lo vuoi in tutte le pagine)
- link plugin files, in head (ovviamente senza i tag head e la libreria jQuery)
- activation, sempre in head
- il codice CSS, nella sezione Esperto di un oggetto HTML e Widgets oppure in head tra i tag <style> e </style>
L'hai letto il mio post precedente?
Perché inserisci tutto in un oggetto HTML?
Hai letto il link che ti ho postato?
Tornando alle dimensioni delle icone, oltre a modificare i parametri/opzioni dello script "activation", devi anche modificare i valori nel file demo.css
Le righe di codice che ti interessano, sono commentate.
-
ciao Lemon ... thnks very much per la risp ;)
Ho inserito tutto in una pagina perchè volevo che si vedesse unicamente nella pagine servizi. In questo modo al cliccare su ogni icona mi si aprirà al di sotto la pagina di psiegazione che preparerò ad hoc. Esempio:
- icona (che creerò) restituzioni - si aprirà la pagina che identifica le modalità di restituzione prodotti.
- icona metodi di pagamento - si aprirà la spiegazione sui metodi....
..... e così via......
Ho inserito tutto in oggetto html (aggiungendo l'intestazione head e il corpo body), e nella parte esperto della stessa pagina (nel mio caso la pagina servizi.html) ho inserito il css.
Purtroppo se modifico i margini del modello nel punto1 di Website, si smaronna tutto..... per questo chiedevo come ridimensionare..... in realtà basterebbe ridimensionare la barra sotto le icone e il frame che apre le pagine 01.html 02.html etc......
Stocercando di ovviare creando un nuovo progetto con website (replica con puntamenti al progetto originale) che caricherò in una sottocartella del sito online.In questo modo i margini modificati intaccheranno solo la pagina serviz... tutte le altre pagina saranno dei link al progetto messo nella root...
Ma nascono dei problemi, quali la mole di lavoro (ovviabile lavorandoci :lol: ) e alcuni puntamenti. Tipo il numero di prodotti che si visualizza in alto a dx. Sulla replica come dovrei muovermi è una delle domande che dovrei fare qui o nel forum ufficiale. poichè il puntamento della replica sarebbe sul carrello della replica e non su quello del progetto madre........ etc etc....
:-X
Il link lìho letto lemon, figurati.... ma cambiando i parametri (anche nel demo.css dove hgo inserito il background esatto e non il bianco come quello standard del progetto d'esempio) non riesco a raggiungere il risultato sperato. Sto trafficando un po' e ti assicuro che non aspetto la "pappa pronta" :lol: ... ma dopo un po' di tentativi andati a ramengo..... svcrivo qui per avere lumi....
Thanks !!!! ;D ;D
-
Il link lìho letto lemon, figurati....
Tu non l'hai letto, altrimenti non avresti inserito tutto il malloppo lì dov'è ora.
Ho capito poco di quanto hai scritto ma, se vuoi ridurre le icone, prova 'ste modifiche (icone 32px, all'hover 64px).
CSS modificato: [attachurl=1]
jQuery:
Only registered users can see contents. Please click here to Register or Login.
Per altre dimensioni... fai i calcoli.
Naturalmente devi sistemare la pagina (e 3), vedi struttura pagina nel link che non hai letto (e 2).
-
Ci provo :)
Grazie per le risp.....